hr, img {
    border: 0
}

body, figure {
    margin: 0
}

.event-org-follow-list h3, .topic-feed-list h3, .topic-feed-tab-content h4 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.event-class-list-overlay h4, .event-org-list li h3, .event-org-list li p, .hdx-header .user > a, .img-text, .text-overflow, .topic-feed-text-list li span {
    text-overflow: ellipsis;
    white-space: nowrap
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    background: 0 0;
    text-decoration: none;
    color: #2578bf
}

    a:active, a:hover {
        outline: 0
    }

h1 {
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    color: #000;
    background: #ff0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: '\201C' '\201D' '\2018' '\2019'
}

img {
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

    button[disabled], html input[disabled] {
        cursor: default
    }

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cropper-slider, .event-place-search select, button.close {
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button, input, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus, a:hover {
    text-decoration: underline;
    color: #00a0e9
}

a:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 17px;
    margin-bottom: 17px;
    border-top: 1px solid #a0a0a0
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.container, .container-lg {
    margin-right: auto;
    margin-left: auto
}

.container {
    width: 960px
}

.container-lg {
    /*width: 1080px*/
    width: 1200px
}

#container, #container-lg, #intro-1, #intro-2, #intro-3, #intro-4, #special-topic, .container-padding-top, .find-events, .intro-container, .map-details, .not-found, .user-page-new, .vote-grabbing {
    padding-top: 100px
}

.banner-padding-top {
    padding-top: 60px
}

#container .article, #container-lg .article {
    float: left
}

#container .aside, #container-lg .aside {
    float: right;
    width: 240px
}

    #container .article > h2, #container .aside > h2, #container-lg .article > h2, #container-lg .aside > h2, #container-lg > h2, #container > h2 {
        font-weight: 400;
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #f4f7fa
    }

#container .article, #container-lg .article {
    width: 685px
}

    #container .article > h2 .subhead, #container .aside > h2 .subhead, #container-lg .article > h2 .subhead, #container-lg .aside > h2 .subhead, #container-lg > h2 .subhead, #container > h2 .subhead {
        font-size: 12px
    }

    #container .article > h2 .more, #container .aside > h2 .more, #container-lg .article > h2 .more, #container-lg .aside > h2 .more, #container-lg > h2 .more, #container > h2 .more {
        *margin-top: -28px
    }

    #container .article > h2.no-line, #container .aside > h2.no-line, #container-lg .article > h2.no-line, #container-lg .aside > h2.no-line, #container-lg > h2.no-line, #container > h2.no-line {
        border-bottom: none
    }

#container-lg .article, .container-lg .article {
    width: 800px
}

    #container-lg .article > h2, #container-lg .aside > h2, #container-lg > h2, .container-lg .article > h2, .container-lg .aside > h2, .container-lg > h2 {
        font-size: 18px
    }

        #container-lg .article > h2 .subhead, #container-lg .aside > h2 .subhead, #container-lg > h2 .subhead, .container-lg .article > h2 .subhead, .container-lg .aside > h2 .subhead, .container-lg > h2 .subhead {
            font-size: 14px
        }

        #container-lg .article > h2 .more, #container-lg .aside > h2 .more, #container-lg > h2 .more, .container-lg .article > h2 .more, .container-lg .aside > h2 .more, .container-lg > h2 .more {
            font-size: 14px;
            color: #a0a0a0;
            *margin-top: -30px
        }

            #container-lg .article > h2 .more:focus, #container-lg .article > h2 .more:hover, #container-lg .aside > h2 .more:focus, #container-lg .aside > h2 .more:hover, #container-lg > h2 .more:focus, #container-lg > h2 .more:hover, .container-lg .article > h2 .more:focus, .container-lg .article > h2 .more:hover, .container-lg .aside > h2 .more:focus, .container-lg .aside > h2 .more:hover, .container-lg > h2 .more:focus, .container-lg > h2 .more:hover {
                text-decoration: none;
            }

            #container-lg .article > h2 .more:after, #container-lg .aside > h2 .more:after, #container-lg > h2 .more:after, .container-lg .article > h2 .more:after, .container-lg .aside > h2 .more:after, .container-lg > h2 .more:after {
                display: inline-block;
                margin-left: 5px;
                content: '';
                *display: inline;
                *zoom: 1
            }

.page-footer {
    margin-top: 20px;
    padding-top: 40px;
    background: #e5e8eb
}

    .page-footer > .container-lg {
        text-align: center
    }

        .page-footer > .container-lg > ul {
            display: inline-block;
            padding-bottom: 30px;
            text-align: left;
            *display: inline;
            *zoom: 1
        }

            .page-footer > .container-lg > ul > li {
                font-size: 14px;
                float: left;
                width: 140px;
                color: #8596a3
            }

            .page-footer > .container-lg > ul .divider {
                width: 1px;
                height: 134px;
                margin-right: 50px;
                margin-left: 40px;
                padding: 0;
                background: #bbc5ce
            }

    .page-footer h4 {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 18px;
        color: #575a6c
    }

    .page-footer a {
        color: #7c8c98
    }

        .page-footer a:focus, .page-footer a:hover {
            color: #5a5d6f
        }

        .page-footer a span {
            margin-right: 5px;
            vertical-align: middle
        }

    .page-footer img {
        display: block;
        width: 80px;
        margin-bottom: 3px;
        padding: 2px;
        border: 1px solid #cacbcd;
        background: #fff
    }

    .page-footer .ft, caption {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .page-footer .icon-telephone {
        margin-top: 4px
    }

    .page-footer .media {
        margin-right: 70px
    }

    .page-footer .media-body {
        font-size: 14px;
        line-height: 20px
    }

    .page-footer .text-primary {
        font-size: 18px;
        margin-left: 6px
    }

    .page-footer .ft {
        line-height: 22px;
        clear: both;
        color: #b2bcc5;
        border-top: 1px solid #bbc5ce
    }

        .page-footer .ft i {
            font-style: normal;
            margin: 0 15px
        }

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 8.5px
}

.table, legend {
    width: 100%;
    margin-bottom: 17px
}

#container-lg, .find-events, .hdx-header, .org-header, .org-style, .page-footer, .user-page-new {
    font-family: 'Microsoft YaHei'
}

p {
    margin: 0 0 8.5px
}

.small, small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted, .text-muted:focus, a.text-muted:hover {
    color: #7d7d7d
}

.text-primary {
    color: #62b651
}

a.text-primary:focus, a.text-primary:hover {
    color: #4d953f
}

.text-success {
    color: #468847
}

a.text-success:focus, a.text-success:hover {
    color: #356635
}

.text-warning {
    color: #f88a48
}

a.text-warning:focus, a.text-warning:hover {
    color: #f66b17
}

.text-danger {
    color: #ff4c00
}

.text-info {
    color: #2578bf
}

.bg-primary {
    color: #fff;
    background-color: #62b651
}

a.bg-primary:hover {
    background-color: #4d953f
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fff9f8
}

a.bg-warning:hover {
    background-color: #ffcdc5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1
    }

h1, h2, h3 {
    margin-top: 17px
}

    h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

h4, h5, h6 {
    margin-top: 8.5px
}

    h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

h1 {
    font-size: 31px
}

h4 {
    font-size: 15px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px
}

ol, ul {
    margin-top: 0
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

        .list-inline > li:first-child {
            padding-left: 0
        }

table {
    border-spacing: 0;
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent
}

caption {
    color: #7d7d7d
}

.btn, .pagination {
    text-align: center
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.42857143;
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5
}

table col[class*=col-] {
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    display: table-cell;
    float: none
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    font-size: 18px;
    line-height: inherit;
    display: block;
    padding: 0;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    *display: inline;
    *zoom: 1
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

input[type=checkbox], input[type=radio] {
    line-height: normal;
    margin-top: 2px;
    vertical-align: top
}

.btn, .caret, .form-control {
    vertical-align: middle
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=checkbox], input[type=radio] {
        -webkit-user-select: none;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        -webkit-appearance: none
    }

        input[type=checkbox]:focus, input[type=radio]:focus {
            outline: 0
        }

        input[type=checkbox]:checked, input[type=radio]:checked {
            border-color: #62b651
        }

    input[type=checkbox] {
        width: 10px;
        height: 10px
    }

        input[type=checkbox]:checked::before {
            display: block;
            width: 100%;
            height: 100%;
            content: '';
            background-color: #62b651;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NURFMzBFMzYwMUZFMzExOUIyOEZFQ0YxMTJGNENENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDODkxRTY3ODI5NzcxMUUzQkRBNEU3OTI5RjMxRTg1OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDODkxRTY3NzI5NzcxMUUzQkRBNEU3OTI5RjMxRTg1OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkExOEVCNkM4NDIyN0UzMTFBRDk4Q0FCN0U0QzRDRkY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1REUzMEUzNjAxRkUzMTE5QjI4RkVDRjExMkY0Q0Q0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+L6F4XgAAAIhJREFUeNpi+P//PwOR2ByINxCrWAaInwJxNDGK+YH4EhBXgPgggWlAbIBDMRsQ74WqYYBpiAHiF0Csj6aYEYiXAPEOIGZG1gDCcUD8HIj1kDRUQ53Cj2wQsokJUE3aIM8B8SOoZxlwaQDhRCB+CcSvgFgXm79YGFDBfCC2BuKPQHyZAQsACDAA+hkyGyV8FW8AAAAASUVORK5CYII=);
            background-repeat: no-repeat;
            background-position: 50% 50%
        }

    input[type=radio] {
        width: 12px;
        height: 12px;
        border-radius: 50%
    }

        input[type=radio]:checked {
            border-color: #62b651
        }

            input[type=radio]:checked:before {
                display: block;
                width: 8px;
                height: 8px;
                margin-top: 2px;
                margin-left: 2px;
                content: '';
                border-radius: 50%;
                background: #62b651
            }
}

input[type=file] {
    display: block
}

/*input:not([type=image]), select, textarea {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

    select[multiple], select[size] {
        height: auto
    }

    select optgroup {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit
    }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}*/

.form-control:-moz-placeholder {
    color: #a0a0a0
}

.form-control::-moz-placeholder {
    color: #a0a0a0
}

.form-control:-ms-input-placeholder {
    color: #a0a0a0
}

.form-control::-webkit-input-placeholder {
    color: #a0a0a0
}

.form-control {
    font-size: 14px;
    line-height: 1.42857143;
    /*height: 20px;*/
    padding: 5px 10px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    color: #707070;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

        .form-control[disabled]:focus, .form-control[disabled]:hover, .form-control[readonly]:focus, .form-control[readonly]:hover, fieldset[disabled] .form-control:focus, fieldset[disabled] .form-control:hover {
            border: 1px solid #ccc;
            -webkit-box-shadow: none;
            box-shadow: none
        }

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    display: block;
    min-height: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px
}

    .checkbox label, .radio label {
        font-weight: 400;
        display: inline;
        margin-bottom: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -o-user-select: none
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        float: left;
        margin-top: 4px;
        margin-left: -20px
    }

.radio-inline input[type=radio] {
    margin-top: 3px;
    *margin-top: 0
}

.radio-inline input[type=radio], ::-ms-backdrop {
    margin-top: 5px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 20px;
    cursor: pointer;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.btn, .input-sm {
    padding: 5px 10px
}

.checkbox-inline label, .radio-inline label {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-user-select: none
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.btn-block + .btn-block, .help-block {
    margin-top: 5px
}

.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
    cursor: not-allowed
}

.input-sm {
    font-size: 11px;
    line-height: 1.5;
    height: 28px;
    border-radius: 2px
}

select.input-sm {
    line-height: 28px;
    height: 28px
}

    select.input-sm::-ms-expand {
        height: 14px;
        border: none;
        background-color: transparent
    }

textarea.input-sm {
    height: auto
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .radio, .has-warning .radio-inline {
    color: #f88a48
}

.has-warning .form-control {
    border-color: #f88a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-warning .form-control:focus {
        border-color: #f66b17;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fcc9aa;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fcc9aa
    }

.has-warning .input-group-addon {
    color: #f88a48;
    border-color: #f88a48;
    background-color: #fff9f8
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .radio, .has-error .radio-inline {
    color: #ff4c00
}

.has-error .form-control {
    border-color: #ff4c00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-error .form-control:focus {
        border-color: #cc3d00;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ff9466;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ff9466
    }

.has-error .input-group-addon {
    color: #ff4c00;
    border-color: #ff4c00;
    background-color: #f2dede
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .radio, .has-success .radio-inline {
    color: #468847
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-success .form-control:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
    }

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.btn {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2px;
    *display: inline;
    *zoom: 1;
    touch-action: manipulation;
    -o-user-select: none
}

    .btn:focus {
        outline: 0
    }

    .btn:focus, .btn:hover {
        text-decoration: none
    }

    .btn.cancle, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .4;
        color: #fff;
        border-color: #b5b5b5;
        background-color: #b5b5b5;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
        filter: alpha(opacity=40)
    }

    .btn.cancle {
        cursor: pointer;
        pointer-events: auto
    }

button.btn {
    *overflow: visible
}

.btn-file, .collapsing, .modal-open {
    overflow: hidden
}

.btn-default {
    color: #62b651;
    border-color: #62b651;
    background-color: #f4f4f3
}

    .btn-default:focus, .btn-default:hover {
        color: #62b651;
        background-color: #e6fce1
    }

    .btn-default.active, .btn-default:active {
        background: #d2e7cd
    }

.btn-primary {
    color: #fff;
    border-color: #62b651;
    background-color: #62b651
}

    .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        border-color: #70cb5c;
        background-color: #70cb5c
    }

    .btn-primary.active, .btn-primary:active {
        border-color: #59a64a;
        background-color: #59a64a
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        border-color: #62b651;
        background-color: #62b651
    }

.btn-like {
    position: relative;
    color: #f90;
    border-color: #efeeee;
    background-color: #f9f9f9
}

    .btn-like:focus, .btn-like:hover {
        background-color: #f2f1f1
    }

    .btn-like.active:focus, .btn-like.active:hover, .btn-like:active {
        background-color: #f9f9f9
    }

    .btn-like.active {
        cursor: default;
        color: #a0a0a0
    }

    .btn-like .num {
        font-style: normal;
        margin-left: 5px
    }

    .btn-like strong {
        position: absolute;
        left: 19px;
        opacity: 0;
        color: #ff9b9b
    }

.btn-warning {
    color: #fff;
    border-color: #f3900d;
    background-color: #f3900d
}

    .btn-warning:focus, .btn-warning:hover {
        color: #fff;
        border-color: #ffa125;
        background-color: #ffa125
    }

    .btn-warning.active, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning:active, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        border-color: #f3900d;
        background-color: #f3900d
    }

    .btn-warning.active, .btn-warning:active {
        -webkit-box-shadow: inset 0 1px 2px #d07600;
        box-shadow: inset 0 1px 2px #d07600
    }

.btn-danger {
    color: #fff;
    border-color: #ff4c00;
    background-color: #ff4c00
}

    .btn-danger:focus, .btn-danger:hover {
        color: #fff;
        border-color: #fd6220;
        background-color: #fd6220
    }

    .btn-danger.active, .btn-danger:active {
        border-color: #ee4004;
        background-color: #ee4004
    }

    .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        border-color: #ff4c00;
        background-color: #ff4c00
    }

.btn-info {
    color: #fff;
    border-color: #2578bf;
    background-color: #2578bf
}

    .btn-info:focus, .btn-info:hover {
        color: #fff;
        border-color: #388dd6;
        background-color: #388dd6
    }

    .btn-info.active, .btn-info:active {
        border-color: #216baa;
        background-color: #216baa
    }

    .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        border-color: #2578bf;
        background-color: #2578bf
    }

.btn-link {
    font-weight: 400;
    color: #2578bf;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
            *border: 0
        }

            .btn-link:focus, .btn-link:hover {
                text-decoration: underline;
                color: #00a0e9;
                background-color: transparent
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                text-decoration: none;
                color: #fff
            }

.btn-create-default {
    color: #62b651;
    border-color: #dcdcdc;
    background-color: #e7e7e7;
    background-image: -webkit-linear-gradient(top, #fffeff 0, #dadada 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fffeff), to(#dadada));
    background-image: -o-linear-gradient(top, #fffeff 0, #dadada 100%);
    background-image: linear-gradient(to bottom, #fffeff 0, #dadada 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffeff', endColorstr='#ffdadada', GradientType=0)
}

    .btn-create-default:focus, .btn-create-default:hover {
        color: #62b651;
        border-color: #62b651;
        background-color: #c3e6a5
    }

    .btn-create-default.active, .btn-create-default:active {
        border-color: #62b651;
        background: #d2d2d2
    }

    .btn-create-default.disabled, .btn-create-default[disabled] {
        color: #a0a0a0
    }

.btn-send {
    color: #148c08;
    border-color: #8ecd70;
    background-color: #aee195
}

    .btn-send:active, .btn-send:focus, .btn-send:hover {
        color: #148c08;
        border-color: #6ca751;
        background-color: #8ecd70
    }

.btn-send-repeat {
    color: #786855;
    border-color: #ffb63b;
    background-color: #f3ce00;
    -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, .3);
    box-shadow: inset 1px 1px rgba(255, 255, 255, .3)
}

    .btn-send-repeat:active, .btn-send-repeat:focus, .btn-send-repeat:hover {
        color: #786855;
        border-color: #ffb63b;
        background-color: #ffc600
    }

.btn-lg {
    font-size: 16px;
    line-height: 1.33;
    padding: 10px 16px;
    border-radius: 2px
}

.btn-sm, .btn-xs {
    font-size: 11px;
    line-height: 1.5;
    padding: 5px 10px;
    border-radius: 2px
}

.btn-xs {
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.btn-file {
    position: relative
}

    .btn-file input {
        font-size: 23px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        cursor: pointer;
        -webkit-transform: translate(-300px, 0) scale(4);
        -o-transform: translate(-300px, 0) scale(4);
        transform: translate(-300px, 0) scale(4);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
        direction: ltr
    }

.btn-lottery {
    line-height: 38px;
    position: relative;
    width: 164px;
    padding: 0;
    color: #fff;
    background: #56a846
}

    .btn-lottery:before {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 166px;
        height: 20px;
        content: '';
        opacity: .15;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background: #fff;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=15)';
        filter: alpha(opacity=15)
    }

.btn-group > .btn.active, .collapsing, .dropdown, .dropdown2 {
    position: relative
}

.btn-group li.active .btn, .btn-group > .btn.active {
    border-color: #62b651;
    background: #62b651;
    color: #fff
}

.btn-lottery:active, .btn-lottery:focus, .btn-lottery:hover {
    color: #fff
}

    .btn-lottery:active:before, .btn-lottery:focus:before, .btn-lottery:hover:before {
        content: none
    }

.btn-lottery:active {
    -webkit-box-shadow: inset 1px 1px 1px #418a32;
    box-shadow: inset 1px 1px 1px #418a32
}

.btn-group .btn {
    border-radius: 0
}

.btn-group li:first-child .btn, .btn-group > .btn:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.btn-group > .btn {
    margin-left: -1px
}

    .btn-group > .btn:first-child {
        margin-left: 0
    }

    .btn-group > .btn:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

.btn-group li {
    display: inline-block;
    margin-left: -1px;
    *display: inline;
    *zoom: 1
}

.collapse, .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none
}

.btn-group li:first-child {
    margin-left: 0
}

.btn-group li:last-child .btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0
}

    .fade.in {
        opacity: 1
    }

.collapse.in {
    display: block
}

.collapsing {
    height: 0;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    *display: inline;
    *zoom: 1
}

.dropdown2 > a:focus, .dropdown2 > a:hover, .dropdown > a:focus, .dropdown > a:hover {
    text-decoration: none
}

.dropdown2 .open > a {
    border-color: #498d3c;
    background-color: #59a64a
}

[data-toggle]:focus {
    outline: 0
}

.dropdown-menu, .dropdown2-menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .dropdown-menu.pull-right, .dropdown2-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu li a, .dropdown2-menu li a {
        font-weight: 400;
        display: block;
        clear: both;
        outline: 0
    }

.dropdown2-up .dropdown-menu, .dropdown2-up .dropdown2-menu {
    top: auto;
    bottom: 100%
}

.dropdown2-menu {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #59a64a
}

    .dropdown2-menu li a {
        line-height: 40px;
        white-space: nowrap;
        color: #fff;
        border-top: 1px solid #498d3c
    }

    .dropdown2-menu li:last-child a {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .dropdown-menu li a:active, .dropdown-menu li a:focus, .dropdown-menu li a:hover, .dropdown2-menu li a:active, .dropdown2-menu li a:focus, .dropdown2-menu li a:hover {
        text-decoration: none
    }

    .dropdown2-menu li a:active, .dropdown2-menu li a:focus, .dropdown2-menu li a:hover {
        background-color: #62b651
    }

.open .dropdown-menu, .open .dropdown2-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown2-white .dropdown2-menu {
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.dropdown2-white li a {
    color: #62b651;
    border: solid #e5e5e5;
    border-width: 1px 1px 0
}

    .dropdown2-white li a:active, .dropdown2-white li a:focus, .dropdown2-white li a:hover {
        background-color: #eee
    }

.dropdown2-white > a {
    border: solid transparent;
    border-width: 1px 1px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.dropdown2-white.open > a {
    border-color: #e5e5e5;
    background: #fff
}

.pagination {
    font-size: 14px;
    margin: 40px 0
}

    .pagination ul {
        display: inline-block;
        padding-left: 0;
        *display: inline;
        *zoom: 1
    }

        .pagination ul > li {
            display: inline
        }

            .pagination ul > li > a, .pagination ul > li > span {
                line-height: 26px;
                position: relative;
                float: left;
                width: 26px;
                height: 26px;
                margin-right: 7px;
                text-align: center;
                text-decoration: none;
                color: #c1c1c0;
                border: 1px solid #c1c1c0;
                border-radius: 2px
            }

            .pagination ul > li.first-child > a, .pagination ul > li.first-child > span, .pagination ul > li.last-child > a, .pagination ul > li.last-child > span {
                width: 40px;
                color: #fff;
                background: #c1c1c0
            }

                .pagination ul > li.first-child > a:active, .pagination ul > li.first-child > a:focus, .pagination ul > li.first-child > a:hover, .pagination ul > li.first-child > span:active, .pagination ul > li.first-child > span:focus, .pagination ul > li.first-child > span:hover, .pagination ul > li.last-child > a:active, .pagination ul > li.last-child > a:focus, .pagination ul > li.last-child > a:hover, .pagination ul > li.last-child > span:active, .pagination ul > li.last-child > span:focus, .pagination ul > li.last-child > span:hover {
                    border-color: #d5d4d4;
                    background-color: #d5d4d4
                }

                .pagination ul > li.first-child > a:before, .pagination ul > li.first-child > span:before, .pagination ul > li.last-child > a:before, .pagination ul > li.last-child > span:before {
                    display: inline-block;
                    content: '';
                    vertical-align: -3px
                }

                .pagination ul > li.first-child > a .sr-only, .pagination ul > li.first-child > span .sr-only, .pagination ul > li.last-child > a .sr-only, .pagination ul > li.last-child > span .sr-only {
                    *position: static;
                    *width: auto;
                    *height: auto
                }

            .pagination ul > li > a:focus, .pagination ul > li > a:hover, .pagination ul > li > span:focus, .pagination ul > li > span:hover {
                color: #fff;
                border-color: #62b651;
                background-color: #62b651
            }

            .pagination ul > li > a:active, .pagination ul > li > span:active {
                color: #fff;
                background-color: #59a64a;
                text-shadow: 0 1px rgba(255, 255, 255, .5)
            }

        .pagination ul > .active > a, .pagination ul > .active > a:focus, .pagination ul > .active > a:hover, .pagination ul > .active > span, .pagination ul > .active > span:focus, .pagination ul > .active > span:hover {
            z-index: 2;
            cursor: default;
            color: #fff;
            border-color: #62b651;
            background-color: #62b651
        }

        .pagination ul [disabled] > a, .pagination ul [disabled] > a:focus, .pagination ul [disabled] > a:hover, .pagination ul [disabled] > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:focus, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span {
            cursor: not-allowed;
            color: #7d7d7d;
            border-color: #ddd;
            background-color: #c9c9c9
        }

.media, .media-body {
    overflow: hidden;
    *zoom: 1
}

    .media:first-child {
        margin-top: 0
    }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.close {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    float: right;
    opacity: .2;
    color: #000;
    background: #fff;
    text-shadow: 0 1px 0 #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
    filter: alpha(opacity=20)
}

    .close:focus, .close:hover {
        cursor: pointer;
        text-decoration: none;
        opacity: .5;
        color: #000;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%)
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

.modal-dialog {
    margin-right: auto;
    margin-left: auto
}

.modal-header {
    min-height: 16.43px;
    padding: 15px
}

    .modal-header .close {
        font-size: 28px;
        font-weight: 400;
        margin-top: -6px
    }

.modal-content {
    position: relative;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    outline: 0;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
        filter: alpha(opacity=50)
    }

.modal-backdrop-inverse {
    background: #dad8d8
}

    .modal-backdrop-inverse.in {
        opacity: .9;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
        filter: alpha(opacity=90)
    }

.modal-title {
    line-height: 1.42857143;
    margin: 0
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    margin-top: 15px;
    padding: 14px 15px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-dialog {
    padding: 30px 10px 20px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px
}

.tooltip {
    font-size: 11px;
    line-height: 1.4;
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    padding: 3px 8px;
    text-decoration: none;
    color: #fff;
    max-width: 369px;
    background: rgba(0, 0, 0, .7)
}

.bx-wrapper img, .find-events-aside img {
    max-width: 100%
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0, 0, 0, .7)
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(0, 0, 0, .7)
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

.tooltip-inner.tooltip-inner-multi {
    padding-bottom: 8px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5)
}

.tooltip-inner h4 {
    font-size: 12px;
    margin-bottom: 20px
}

.tooltip-inner li {
    line-height: 20px
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, .7)
}

.popover {
    position: absolute;
    z-index: 1060;
    top: 0;
    left: 0;
    display: none;
    padding: 1px;
    white-space: normal;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    background-color: #f7f7f7
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.popover .arrow {
    border-width: 11px
}

    .popover .arrow:after {
        content: '';
        border-width: 10px
    }

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #e7e7e7;
    border-bottom-width: 0
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: ' ';
        border-top-color: #fff;
        border-bottom-width: 0
    }

.popover.left .arrow:after, .popover.right .arrow:after {
    bottom: -10px;
    content: ' '
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e7e7e7;
    border-left-width: 0
}

    .popover.right .arrow:after {
        left: 1px;
        border-right-color: #fff;
        border-left-width: 0
    }

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #e7e7e7
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: ' ';
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #e7e7e7
}

    .popover.left .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff
    }

.popover em {
    font-weight: 700;
    font-style: normal
}

.calendar-list-header:after, .calendar-list-header:before, .clearfix:after, .clearfix:before, .container-lg:after, .container-lg:before, .container:after, .container:before, .event-class-list-title ul:after, .event-class-list-title ul:before, .event-class-list:after, .event-class-list:before, .event-horizontal-list-new li:after, .event-horizontal-list-new li:before, .event-news-list li:after, .event-news-list li:before, .event-news-text .func:after, .event-news-text .func:before, .event-news-title:after, .event-news-title:before, .event-org-follow-list:after, .event-org-follow-list:before, .event-org-list:after, .event-org-list:before, .event-vertical-list-new:after, .event-vertical-list-new:before, .event-vertical-list:after, .event-vertical-list:before, .forum .feed-list .func:after, .forum .feed-list .func:before, .forum .feed-list .media .media-heading:after, .forum .feed-list .media .media-heading:before, .forum .sendbox:after, .forum .sendbox:before, .hdx-header .items .dropdown2-menu > div:after, .hdx-header .items .dropdown2-menu > div:before, .layer-success .modal-body:after, .layer-success .modal-body:before, .login-layer .modal-body:after, .login-layer .modal-body:before, .logo-content .icons:after, .logo-content .icons:before, .logo-content .logo-lg:after, .logo-content .logo-lg:before, .modal-footer:after, .modal-footer:before, .organizer-well-list:after, .organizer-well-list:before, .pay-breadcrumb:after, .pay-breadcrumb:before, .pay-order .result:after, .pay-order .result:before, .qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before, .tabs:after, .tabs:before, .topic-feed-list:after, .topic-feed-list:before, .view-category-list > li:after, .view-category-list > li:before, .view-category:after, .view-category:before {
    display: table;
    content: ' '
}

.calendar-list-header:after, .clearfix:after, .container-lg:after, .container:after, .event-class-list-title ul:after, .event-class-list:after, .event-horizontal-list-new li:after, .event-news-list li:after, .event-news-text .func:after, .event-news-title:after, .event-org-follow-list:after, .event-org-list:after, .event-vertical-list-new:after, .event-vertical-list:after, .forum .feed-list .func:after, .forum .feed-list .media .media-heading:after, .forum .sendbox:after, .hdx-header .items .dropdown2-menu > div:after, .layer-success .modal-body:after, .login-layer .modal-body:after, .logo-content .icons:after, .logo-content .logo-lg:after, .modal-footer:after, .organizer-well-list:after, .pay-breadcrumb:after, .pay-order .result:after, .qqserver .qqserver-header:after, .qqserver li a:after, .tabs:after, .topic-feed-list:after, .view-category-list > li:after, .view-category:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed !important
}

.calendar-list-header, .clearfix, .container, .container-lg, .event-class-list, .event-class-list-title ul, .event-horizontal-list-new li, .event-news-list li, .event-news-text .func, .event-news-title, .event-org-follow-list, .event-org-list, .event-vertical-list, .event-vertical-list-new, .forum .feed-list .func, .forum .feed-list .media .media-heading, .forum .sendbox, .hdx-header .items .dropdown2-menu > div, .layer-success .modal-body, .login-layer .modal-body, .logo-content .icons, .logo-content .logo-lg, .modal-footer, .organizer-well-list, .pay-breadcrumb, .pay-order .result, .qqserver .qqserver-header, .qqserver li a, .tabs, .topic-feed-list, .view-category, .view-category-list > li {
    *zoom: 1
}

.clear {
    clear: both
}

.text-overflow {
    overflow: hidden
}

ol, ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    margin-left: 0
}

.ad, .module-border-box, .module-box {
    margin-bottom: 40px
}

fieldset {
    border: none
}

h2, h3 {
    font-size: 16px
}

.media, .media .media {
    margin-top: 0
}

.about-content h2:before, .btn-buy-ticket, .btn-event-cancle, .btn-event-disabled, .btn-event-over, .btn-sign-up, .douban, .event-like, .feedback-face, .icon-add-primary, .icon-add-xs, .icon-add-xs-primary, .icon-circle, .icon-circle-xs, .icon-close, .icon-collapse, .icon-danger, .icon-expand, .icon-favorites, .icon-favorites-active, .icon-favorites-before, .icon-female, .icon-goto, .icon-help, .icon-index, .icon-like, .icon-like-before, .icon-like-before-md, .icon-like-lg, .icon-like-md, .icon-list, .icon-lottery, .icon-male, .icon-master, .icon-mobile, .icon-next, .icon-next-primary, .icon-note, .icon-place, .icon-prev, .icon-prev-primary, .icon-rank, .icon-refresh, .icon-refresh-code, .icon-refresh-md, .icon-reply span, .icon-saying, .icon-share, .icon-statistics, .icon-sub-xs, .icon-sub-xs-primary, .icon-success, .icon-success-md, .icon-tick, .icon-time, .icon-time-primary, .icon-top span, .icon-topic-down, .icon-user, .icon-warning, .icon-weixin, .icon-weixin2, .qq, .quick-next, .renren, .share .default, .topic-next-round, .weibo, .weixin, .wx_share_tips {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.icon-next, .icon-next-primary {
    margin-left: 10px
}

.icon-prev, .icon-prev-primary {
    margin-right: 10px
}

.icon-like, .icon-like-before, .icon-note {
    vertical-align: -1px
}

.icon-favorites, .icon-favorites-active, .icon-favorites-before, .icon-like, .icon-like-before, .icon-like-lg, .icon-note {
    margin-right: 5px
}

.icon-like-lg {
    vertical-align: -4px;
    *vertical-align: middle
}

.icon-refresh, .icon-time {
    margin-right: 7px;
    vertical-align: -2px;
    *vertical-align: 1px
}

.icon-refresh-md, .icon-weixin {
    margin-right: 7px;
    vertical-align: -3px
}

.icon-weixin2 {
    margin-right: 6px
}

.icon-collapse, .icon-expand {
    margin-right: 6px;
    cursor: pointer;
    vertical-align: -3px
}

.icon-saying, .icon_password, .icon_user {
    margin-right: 10px
}

.icon-female, .icon-male, .icon-saying {
    vertical-align: middle
}

.icon-index {
    margin-right: 5px
}

.icon-goto {
    margin-left: 6px
}

.icon-refresh-code.active, .more.active .icon-refresh, .more.active .icon-refresh-md, .refreshing {
    -webkit-animation: refresh .4s 0s infinite both;
    -o-animation: refresh .4s 0s infinite both;
    animation: refresh .4s 0s infinite both
}

@-webkit-keyframes refresh {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes refresh {
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes refresh {
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.icon-help {
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    background-color: #f63
}

.icon-reply, .icon-top {
    margin-right: 5px;
    cursor: pointer
}

.icon-top {
    position: relative
}

    .icon-top span {
        margin-right: 10px;
        vertical-align: -1px;
        *vertical-align: 2px
    }

    .icon-top.active {
        cursor: default;
        color: #a0a0a0
    }

    .icon-top strong {
        position: absolute;
        left: 0;
        opacity: 0;
        color: #ff9b9b
    }

.icon-reply span {
    margin-right: 10px;
    vertical-align: middle
}

.icon-reply, .icon-top {
    color: #a0a0a0
}

    .icon-reply:focus, .icon-reply:hover, .icon-top:focus, .icon-top:hover {
        color: #62b651
    }

.share {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -o-user-select: none
}

    .share .share-btns {
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1
    }

    .share a, .share span {
        margin-left: 8px;
        cursor: pointer;
        vertical-align: middle
    }

    .share sup {
        font: 0/0 a;
        position: absolute;
        margin-top: -13px;
        color: transparent;
        border: 0;
        background-color: transparent;
        text-shadow: none
    }

.module-wechat-box, .not-found .media, .topic-next-round {
    font-family: Microsoft Yahei
}

.share-lg a, .share-lg span {
    margin-left: 20px
}

    .share-lg a:first-child, .share-lg span:first-child {
        margin-left: 8px
    }

.icon-danger, .icon-success, .icon-warning {
    margin-right: 8px;
    vertical-align: middle
}

.icon-success-md {
    margin-right: 20px;
    vertical-align: middle
}

.quick-next, .user-info-header .category strong {
    margin-right: 5px;
    vertical-align: middle
}

.topic-next-round {
    font-size: 16px;
    line-height: 60px;
    position: relative;
    display: inline-block;
    color: #fff
}

.weibo-follow, .weixin-follow {
    display: inline-block;
    margin-top: -1px;
    margin-left: 5px;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.icon-lottery {
    margin-left: 7px;
    vertical-align: middle
}

.icon-close, .icon-close-green, .icon-close-lg {
    position: absolute;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.icon-close-lg {
    top: 20px;
    right: 20px
}

.icon-close-green {
    top: 6px;
    right: 12px
}

.user-info-header .category strong {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.label-vote-grabbing {
    position: absolute;
    top: 0;
    right: 0
}

.icon-refresh-code {
    cursor: pointer
}

.icon-event-create-alert, .icon-event-ticket-alert {
    display: inline-block;
    margin-right: 7px;
    cursor: pointer;
    vertical-align: -3px;
    *display: inline;
    *zoom: 1;
    *vertical-align: 1px
}

.icon-event-ticket-calendar {
    position: absolute;
    margin-top: 14px;
    margin-left: 10px;
    pointer-events: none
}

.search-tab-icon {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 6px;
    height: 5px;
    padding: 4px 3px 3px
}

    .search-tab-icon i {
        position: absolute;
        left: 0;
        width: 6px;
        height: 3px
    }

        .search-tab-icon i em, .search-tab-icon i span {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-width: 3px 3px 0;
            border-style: solid;
            border-color: rgba(255, 255, 255, 0);
            border-color: tomato \9;
            _-webkit-filter: chroma(color=tomato);
            _ filter: chroma(color = tomato);
            *zoom: 1
        }

            .search-tab-icon i em:after, .search-tab-icon i em:before, .search-tab-icon i span:after, .search-tab-icon i span:before {
                display: table;
                content: ''
            }

            .search-tab-icon i em:after, .search-tab-icon i span:after {
                line-height: 0;
                visibility: hidden;
                clear: both;
                height: 0
            }

        .search-tab-icon i em {
            top: 1px;
            border-top-color: #666
        }

        .search-tab-icon i span {
            border-top-color: #d5dcd4
        }

.face {
    width: 27px;
    height: 27px;
    margin-right: 8px
}

.ad {
    position: relative;
    height: 105px
}

    .ad img, .qr_img {
        position: absolute
    }

    .ad img {
        top: 0;
        left: 0;
        display: none \9
    }

        .ad img:first-child {
            z-index: 1;
            -webkit-animation: backstretch 10s infinite;
            -o-animation: backstretch 10s infinite;
            animation: backstretch 10s infinite
        }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ad img {
        display: block
    }
}

@-webkit-keyframes backstretch {
    30%, 90% {
        opacity: 1
    }

    40%, 80% {
        opacity: 0
    }
}

.module-box {
    padding: 10px;
    color: #7d7d7d;
    background-color: #f4f7fa
}

.module-wechat-box {
    padding: 4px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px
}

    .module-wechat-box > .pull-left {
        width: 96px;
        height: 96px;
        margin-right: 5px
    }

    .module-wechat-box div > div {
        line-height: 24px;
        height: 53px;
        padding-top: 7px;
        color: #fff;
        background: #b1b7c2
    }

    .module-wechat-box strong {
        font-size: 14px;
        font-weight: 400
    }

    .module-wechat-box span {
        line-height: 36px;
        display: block;
        color: #5c5c5c;
        background: #f1f3f7
    }

.module-border-box {
    padding: 20px 20px 0;
    border: 1px solid #eee
}

.breadcrumb {
    font-size: 14px;
    margin-bottom: 18px;
    color: #2578bf
}

    .breadcrumb a:active, .breadcrumb a:focus, .breadcrumb a:hover {
        text-decoration: none
    }

.toggle {
    line-height: 23px;
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    background-color: #fff;
    *display: inline;
    *zoom: 1
}

    .toggle.active, .toggle:active, .toggle:focus, .toggle:hover {
        cursor: default;
        color: #fff;
        background-color: #62b651
    }

.aside-close, .aside-replay, .hdx-app-db, .more, .more-list {
    cursor: pointer
}

.more {
    font-size: 12px;
    font-weight: 400;
    float: right
}

.qr_img {
    top: -187px;
    left: -236px
}

.backdrop, .backdrop-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.not-found {
    width: 618px;
    height: 471px;
    margin: 0 auto;
    background: url(/Content/event/image/not_found_bg.png) 0 99px no-repeat
}

    .not-found .media {
        float: right;
        margin-top: 170px;
        margin-right: 75px
    }

.backdrop-text > span, .img-text {
    font-family: 'Microsoft Yahei'
}

.not-found .media-body {
    font-size: 16px;
    line-height: 30px;
    color: #b3d465
}

.not-found .func {
    font-size: 14px;
    margin-top: 5px;
    color: #fff
}

.not-found a {
    margin-left: 15px;
    text-decoration: none;
    color: #00b7ee
}

.qr-label {
    width: 328px;
    margin: 20px auto 0;
    padding: 10px;
    border: 1px solid #eee;
    background: #f4f7fa
}

    .qr-label img {
        width: 74px;
        height: 74px;
        border: 3px solid #fff
    }

    .qr-label .media-heading {
        font-size: 14px;
        margin-top: 10px;
        color: #333
    }

    .qr-label .media-body {
        color: #a0a0a0
    }

.backdrop {
    opacity: .5;
    background-color: #000;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50)
}

.backdrop-white {
    opacity: .7;
    background-color: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    filter: alpha(opacity=70)
}

.backdrop-text {
    display: none
}

    .backdrop-text > span {
        position: relative;
        display: block;
        color: #fff
    }

    .backdrop-text .backdrop-white + span {
        color: #333
    }

a:hover .backdrop-text {
    display: block;
    *text-decoration: none
}

.img-text {
    position: absolute;
    top: 50%;
    overflow: hidden;
    text-align: center;
    color: #fff
}

.list-loading, .more-list {
    color: #7d7d7d;
    text-align: center
}

.content-empty {
    font-size: 14px;
    line-height: 110px;
    margin: 0 0 0 10px;
    background-color: #f4f7fa
}

.more-list {
    line-height: 30px;
    background: #e5e5e5
}

    .more-list:hover {
        background: #dcdcdc
    }

    .more-list:after {
        position: absolute;
        margin-top: 6px;
        margin-left: 5px;
        content: ''
    }

.list-loading {
    font-size: 16px;
    display: none;
    clear: both;
    padding-bottom: 10px
}

    .list-loading img {
        margin-right: 10px
    }

.hdx-app-db {
    font-family: Microsoft Yahei;
    position: relative;
    display: block;
    clear: both;
    height: 140px;
    margin-bottom: 20px
}

    .hdx-app-db:hover {
        *text-decoration: none
    }

    .hdx-app-db > img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .hdx-app-db > div {
        font-size: 14px;
        position: absolute;
        top: 22px;
        left: 88px;
        color: #fff;
        *width: 152px
    }

    .hdx-app-db h3 {
        font-size: 22px;
        margin-top: 0;
        color: #fff
    }

    .hdx-app-db .btn {
        font-size: 14px;
        margin-top: 10px;
        color: #333;
        border-radius: 0;
        background: #fff
    }

        .hdx-app-db .btn img {
            position: absolute;
            top: -1px;
            left: -93px;
            display: none
        }

        .hdx-app-db .btn:focus, .hdx-app-db .btn:hover {
            color: #333
        }

            .hdx-app-db .btn:focus img, .hdx-app-db .btn:hover img {
                display: block
            }

    .hdx-app-db .hdx-app-db-btn {
        margin-right: 10px;
        background: #fada00
    }

.hdx-app-db-modal {
    display: block;
    margin: 20px 25px;
    background: #0fcc92
}

    .hdx-app-db-modal h3 {
        font-size: 20px
    }

    .hdx-app-db-modal div + img {
        position: absolute;
        top: 16px;
        right: 15px;
        width: 100px;
        border: 5px solid #fff;
        border-radius: 8px
    }

.cropper-slider:focus {
    outline: 0
}

.cropper-slider::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -5px;
    cursor: pointer;
    border: 1px solid #c5c5c5;
    border-radius: 32px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background: -webkit-linear-gradient(#fff, #e0e0e0);
    background: linear-gradient(#fff, #e0e0e0);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -webkit-appearance: none
}

.cropper-slider::-webkit-slider-runnable-track {
    width: 208px;
    height: 7px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #e1e8ed;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .15)
}

.aside-close {
    position: absolute;
    top: 0;
    right: 0
}

.aside-replay {
    line-height: 1.2;
    position: fixed;
    top: 50%;
    right: 0;
    display: none;
    width: 20px;
    margin-top: -17px;
    padding: 3px 0;
    text-align: center;
    color: #fff;
    background: #62b651
}

.login-coagent, .login-form {
    float: left
}

    .login-coagent h4, .login-form h4 {
        font-size: 14px;
        font-weight: 700;
        margin-top: 0;
        color: #707070
    }

    .login-form form {
        border-right: 1px solid #dedfdf
    }

    .login-form .form-group label {
        position: absolute;
        margin-left: 12px;
        cursor: pointer
    }

    .login-form .form-control {
        padding-left: 32px
    }

        .login-form .form-control:-moz-placeholder {
            color: #a0a0a0
        }

        .login-form .form-control::-moz-placeholder {
            color: #a0a0a0
        }

        .login-form .form-control:-ms-input-placeholder {
            color: #a0a0a0
        }

        .login-form .form-control::-webkit-input-placeholder {
            color: #a0a0a0
        }

    .login-form .btn-block {
        font-family: Microsoft Yahei;
        font-size: 20px;
        text-indent: .3em;
        letter-spacing: .3em
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .login-form .checkbox-inline {
        height: 18px
    }
}

.login-coagent a {
    font: 0/0 a;
    float: left;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

    .login-coagent a:active, .login-coagent a:focus, .login-coagent a:hover {
        opacity: .8;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
        filter: alpha(opacity=80)
    }

.login-layer .modal-dialog {
    width: 570px;
    *width: 590px
}

.login-layer .modal-header {
    min-height: 0;
    padding: 0
}

.login-layer .modal-body {
    padding-top: 34px;
    padding-bottom: 25px
}

.login-layer .close {
    position: relative;
    z-index: 1;
    margin-top: 8px;
    margin-right: 15px
}

.login-layer .login-form {
    margin-right: 34px;
    padding-left: 26px;
    *width: 234px
}

.login-layer h4 {
    margin-bottom: 12px
}

    .login-layer h4 a {
        font-size: 12px;
        font-weight: 400;
        margin-right: 50px
    }

.login-layer form {
    width: 190px;
    padding-right: 42px
}

.login-layer .form-group {
    margin-bottom: 8px
}

    .login-layer .form-group .icon-user {
        margin-top: 12px
    }

    .login-layer .form-group .icon-password {
        margin-top: 10px
    }

.login-layer .form-control {
    width: 146px;
    height: 24px;
    height: 21px \9;
    margin-right: 10px;
    padding-top: 8px \9
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .login-layer .form-control {
        height: 24px;
        padding-top: 5px
    }
}

.login-layer .checkbox-inline, .login-layer .text-primary {
    margin-top: 20px
}

.login-layer .btn-primary {
    margin-top: 15px
}

.login-layer .login-coagent {
    width: 235px
}

    .login-layer .login-coagent h4 {
        margin-bottom: 30px;
        margin-left: 25px
    }

    .login-layer .login-coagent a {
        margin-right: 15px;
        margin-bottom: 17px
    }

.tabs {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .tabs li {
        position: relative;
        float: left
    }

        .tabs li a {
            display: block
        }

            .tabs li a:active, .tabs li a:focus, .tabs li a:hover {
                text-decoration: none
            }

            .tabs li a.tab-error {
                color: red !important
            }

        .tabs li.active a {
            cursor: default
        }

.tab-content .tab-pane {
    display: none
}

    .tab-content .tab-pane.active {
        display: block
    }

    .tab-content .tab-pane .tips {
        color: #a0a0a0
    }

.alert.alert-dismissable {
    padding-right: 35px
}

    .alert.alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-saying {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 30px;
    position: relative;
    margin-bottom: 20px;
    padding: 0 15px;
    background: url(/Content/event/image/alert_saying_bg.png) repeat-x;
    *height: 30px
}

    .alert-saying, .alert-saying a {
        color: #a3bd9e
    }

.bottom_tools > *, .slidesjs-navigation {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.alert-saying a:hover {
    text-decoration: none
}

.bottom_tools {
    position: fixed;
    z-index: 1030;
    right: 40px
}

    .bottom_tools > * {
        display: block;
        margin-top: 5px
    }

.slidesjs-navigation {
    position: absolute;
    z-index: 20;
    outline: 0
}

.bx-wrapper {
    position: relative
}

    .bx-wrapper .bx-loading {
        position: absolute;
        z-index: 2000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 50px;
        background: url(/Content/event/image/bx_loader.gif) center center no-repeat #fff
    }

.bx-controls-direction a, .bx-pager .bx-pager-item {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

    .bx-pager .bx-pager-item .bx-pager-link {
        display: block
    }

.bx-controls-direction a {
    position: absolute;
    z-index: 1;
    top: 50%;
    outline: 0
}

#event-poster-modal, .feedback-layer {
    font-family: Microsoft Yahei
}

.qqserver {
    position: fixed;
    top: 50%;
    right: 0;
    height: 209px;
    margin-top: -104px
}

    .qqserver.unfold .qqserver-body {
        right: 0
    }

    .qqserver .qqserver-body {
        position: absolute;
        right: -144px;
        width: 122px;
        padding: 12px 10px;
        -webkit-transition: .3s cubic-bezier(.19, 1, .22, 1);
        -o-transition: .3s cubic-bezier(.19, 1, .22, 1);
        transition: .3s cubic-bezier(.19, 1, .22, 1);
        border: 1px solid #62b651;
        border-radius: 4px;
        background: #f4f7fa
    }

    .qqserver .qqserver_fold {
        position: absolute;
        right: 0;
        padding: 14px 7px;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #70ca5d
    }

    .qqserver .qqserver-header {
        padding-bottom: 10px;
        padding-left: 6px;
        border-bottom: 1px dashed #d1d4cc
    }

        .qqserver .qqserver-header * {
            float: left
        }

    .qqserver .qqserver_arrow {
        margin-top: -1px;
        margin-left: 7px;
        cursor: pointer
    }

    .qqserver li {
        margin-top: 6px
    }

        .qqserver li:first-child {
            margin-top: 3px
        }

        .qqserver li a {
            display: block;
            padding: 6px 9px 4px
        }

            .qqserver li a div {
                font-size: 14px;
                float: left;
                margin-right: 6px;
                color: #697466
            }

            .qqserver li a span {
                font-size: 12px;
                line-height: 18px;
                float: left;
                text-align: center;
                color: #fff
            }

            .qqserver li a:hover {
                text-decoration: none;
                border-radius: 4px;
                background: #eaebe9
            }

        .bootstrap-select .btn, .qqserver li .qqserver-service-offline:hover {
            background: 0 0
        }

        .qqserver li a:hover div {
            color: #62b651
        }

        .qqserver li .qqserver-service-offline {
            cursor: default
        }

            .qqserver li .qqserver-service-offline:hover div {
                color: #697466
            }

    .qqserver .qqserver-footer {
        margin-top: 10px;
        padding-top: 14px;
        border-top: 1px dashed #d1d4cc
    }

        .qqserver .qqserver-footer div {
            margin-right: -4px;
            margin-left: -4px
        }

.bootstrap-select {
    position: relative
}

    .bootstrap-select.open {
        border-color: #62b651;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        *z-index: 1
    }

    .bootstrap-select .dropdown-menu {
        left: -1px;
        margin-top: 1px;
        border: solid #e5e5e5;
        border-width: 0 1px 1px;
        background: #fff;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
    }

        .bootstrap-select .dropdown-menu li {
            line-height: 38px
        }

            .bootstrap-select .dropdown-menu li a {
                padding-left: 10px;
                cursor: pointer;
                color: #333
            }

                .bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover {
                    background: #e5e5e5
                }

#event-poster-modal {
    z-index: 1060
}

    #event-poster-modal .modal-dialog {
        width: 800px;
        padding: 0
    }

    #event-poster-modal .modal-body {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 472px;
        padding: 0;
        background: #c5c5c5
    }

        #event-poster-modal .modal-body canvas {
            display: block;
            margin: auto
        }

    #event-poster-modal .modal-footer {
        height: 43px;
        margin-top: 0;
        text-align: center;
        border: none;
        background: #fff
    }

        #event-poster-modal .modal-footer .btn-primary {
            margin-right: 10px;
            margin-left: 90px
        }

        #event-poster-modal .modal-footer .pull-right {
            font-size: 16px;
            margin-top: 10px;
            margin-right: 10px;
            cursor: pointer;
            color: #62b651
        }

.jcrop-keymgr {
    opacity: 0
}

.jcrop-tracker {
    cursor: -webkit-grab !important;
    cursor: -moz-grab !important;
    cursor: grab !important
}

.feedback-layer .modal-dialog {
    width: 484px
}

.feedback-layer .modal-header {
    background-color: #f2f1f1
}

.feedback-layer .modal-title {
    font-family: Microsoft Yahei;
    font-size: 16px;
    color: #222
}

.feedback-layer .modal-content {
    padding: 4px;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px
}

.feedback-layer .modal-body {
    position: relative;
    width: 362px;
    height: 293px;
    margin: 30px auto 26px;
    padding: 20px 30px 0;
    background-image: url(/Content/event/image/paper_bg.png);
    background-repeat: no-repeat
}

    .feedback-layer .modal-body > a {
        position: absolute;
        top: -20px;
        right: 0
    }

    .feedback-layer .modal-body .form-control {
        width: 330px;
        height: 28px;
        height: 22px \9;
        padding-top: 11px \9;
        padding-right: 14px;
        padding-left: 14px;
        color: #959595;
        border-color: #dac49f;
        background-color: transparent
    }

        .feedback-layer .modal-body .form-control:-moz-placeholder {
            color: #959595
        }

        .feedback-layer .modal-body .form-control::-moz-placeholder {
            color: #959595
        }

        .feedback-layer .modal-body .form-control:-ms-input-placeholder {
            color: #959595
        }

        .feedback-layer .modal-body .form-control::-webkit-input-placeholder {
            color: #959595
        }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .feedback-layer .modal-body .form-control {
        height: 28px;
        padding-top: 5px
    }
}

.feedback-layer .modal-body .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.feedback-layer .modal-body textarea {
    font-size: 14px;
    line-height: 40px;
    width: 344px;
    height: 156px;
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0 0 0 14px;
    resize: none;
    color: #959595;
    border: none;
    outline: 0;
    background-color: transparent;
    background-image: url(/Content/event/image/paper_line.png);
    background-repeat: no-repeat;
    background-position: 0 35px
}

.feedback-layer.accuse-layer .modal-body:first-child, .feedback-layer.accuse-layer .modal-header + .modal-body {
    margin-bottom: -10px
}

.feedback-layer .modal-body textarea:-moz-placeholder {
    color: #959595
}

.feedback-layer .modal-body textarea::-moz-placeholder {
    color: #959595
}

.feedback-layer .modal-body textarea:-ms-input-placeholder {
    color: #959595
}

.feedback-layer .modal-body textarea::-webkit-input-placeholder {
    color: #959595
}

.feedback-layer .feedback-face {
    position: absolute;
    top: -26px;
    left: -13px
}

.feedback-layer .text-right .btn {
    margin-left: 15px;
    text-indent: .4em;
    letter-spacing: .4em
}

.feedback-layer .text-right .btn-link {
    font-size: 14px;
    color: #959595
}

    .feedback-layer .text-right .btn-link:active, .feedback-layer .text-right .btn-link:focus, .feedback-layer .text-right .btn-link:hover {
        text-decoration: none
    }

.feedback-layer .text-right .btn-primary {
    font-weight: 700;
    width: 110px;
    text-shadow: 1px 1px #92bd25;
    padding: 8px 0
}

.feedback-layer.accuse-layer .modal-body {
    height: auto;
    padding-bottom: 20px;
    border: 1px solid #eee3d1;
    border-radius: 6px;
    background-color: #fcf4e8;
    background-image: none
}

.feedback-layer.accuse-layer textarea {
    height: 170px;
    margin-top: 0
}

.feedback-layer.accuse-layer .form-control {
    border-color: #eee3d2
}

.layer-danger .modal-header, .layer-success .modal-header, .layer-warning .modal-header {
    min-height: 0;
    padding: 0
}

.layer-success .close, .layer-warning .close {
    position: relative;
    z-index: 1;
    margin-top: 5px;
    margin-right: 10px
}

.layer-success .modal-dialog {
    width: 580px
}

.layer-success h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    color: #2578bf
}

.layer-success .modal-body {
    padding: 30px 20px 10px 65px
}

    .layer-success .modal-body .tips {
        margin-left: -30px;
        padding-bottom: 15px;
        padding-left: 30px;
        color: #a0a0a0;
        border-bottom: 1px dashed #dcdcdc
    }

    .layer-success .modal-body p {
        margin-bottom: 0
    }

.layer-success .icon-success {
    position: absolute;
    margin-top: -3px;
    margin-left: -30px
}

.layer-success .wx_qr {
    float: left;
    padding-top: 18px;
    padding-left: 23px;
    *margin-right: -150px
}

    .layer-success .wx_qr .pull-left {
        margin-right: 25px
    }

        .layer-success .wx_qr .pull-left img {
            margin: 8px
        }

    .layer-success .wx_qr .wx_qr_body {
        overflow: hidden;
        text-align: right;
        *zoom: 1
    }

        .layer-success .wx_qr .wx_qr_body div {
            font: 0/0 a;
            margin-bottom: 20px;
            color: transparent;
            border: 0;
            background-color: transparent;
            text-shadow: none
        }

.layer-success .app_promo {
    position: relative;
    float: left;
    margin-left: -20px;
    border-right: 1px dashed #dcdcdc
}

    .layer-success .app_promo a {
        position: absolute;
        right: 30px;
        bottom: 15px;
        width: 123px;
        height: 40px
    }

.layer-warning .modal-dialog {
    width: 400px
}

.layer-warning.layer-warning-short .modal-dialog {
    width: 260px
}

.layer-warning .modal-body {
    padding: 40px 0 25px;
    text-align: center
}

.layer-warning p {
    font-size: 14px
}

.layer-danger .modal-dialog {
    width: 170px
}

.layer-danger .modal-title {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    background-color: transparent
}

.layer-danger .close {
    position: relative;
    margin-top: 0;
    margin-right: 5px
}

.modal-confirm, .user-event-refund-modal {
    font-size: 14px
}

    .modal-confirm .modal-dialog, .user-event-refund-modal .modal-dialog {
        width: 500px
    }

    .modal-confirm .modal-header, .user-event-refund-modal .modal-header {
        padding-left: 30px;
        border-bottom: 1px solid #62b651
    }

    .modal-confirm h4, .user-event-refund-modal h4 {
        font-size: 18px
    }

    .modal-confirm .modal-body, .user-event-refund-modal .modal-body {
        min-height: 40px;
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px
    }

    .modal-confirm .text-center, .user-event-refund-modal .text-center {
        padding-top: 10px;
        padding-bottom: 30px
    }

        .modal-confirm .text-center .btn, .user-event-refund-modal .text-center .btn {
            margin: 0 5px
        }

    .modal-confirm li, .user-event-refund-modal li {
        line-height: 24px
    }

.hdx-header {
    font-size: 14px;
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    background-color: #62b651
}

    .hdx-header .container-lg {
        position: relative
    }

    .hdx-header .city {
        float: left;
        margin-right: -15px;
        margin-left: 7px;
        color: #fff
    }

        .hdx-header .city > a {
            line-height: 60px;
            display: block;
            padding-right: 10px;
            padding-left: 10px;
            color: #f2f4f4;
            border-width: 0 1px;
            border-color: #62b651;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .hdx-header .city.open > a {
            background: 0 0
        }

        .hdx-header .city em {
            font-style: normal;
            margin-left: 6px
        }

        .hdx-header .city .dropdown2-menu {
            border-bottom-color: #62b651
        }

        .hdx-header .city li {
            line-height: 35px;
            text-align: center
        }

            .hdx-header .city li a {
                color: #7d7d7d;
                border-top-color: #e5e5e5;
                border-right-color: #62b651;
                border-left-color: #62b651
            }

                .hdx-header .city li a:focus, .hdx-header .city li a:hover {
                    color: #fff;
                    background: #62b651
                }

                .hdx-header .city li a:first-child:focus, .hdx-header .city li a:first-child:hover {
                    border-top-color: #62b651
                }

        .hdx-header .city .current a {
            color: #62b651
        }

    .hdx-header .logo {
        float: left;
        margin-top: 13px
    }

    .hdx-header .sign {
        position: absolute;
        top: 20px;
        right: 216px;
        width: 145px;
        padding-left: 10px;
        color: #d3f7cb
    }

        .hdx-header .sign a {
            color: #d3f7cb
        }

        .hdx-header .sign b {
            font-size: 12px;
            font-weight: 400;
            margin: 0 6px;
            vertical-align: 1px
        }

        .hdx-header .sign > div {
            position: absolute;
            top: 0;
            right: 0
        }

            .hdx-header .sign > div div {
                float: left;
                overflow: hidden;
                width: 138px;
                -webkit-transition: .15s;
                -o-transition: .15s;
                transition: .15s;
                white-space: nowrap;
                background: #62b651
            }

                .hdx-header .sign > div div a {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    margin-left: 3px;
                    *display: inline;
                    *zoom: 1
                }

            .hdx-header .sign > div .icon-login-toggle {
                display: inline-block;
                float: left;
                width: 0;
                height: 0;
                margin-top: 8px;
                margin-left: 6px;
                cursor: pointer;
                vertical-align: middle;
                border-top: 4px solid transparent;
                border-right: 4px solid;
                border-bottom: 4px solid transparent;
                *display: inline;
                *zoom: 1
            }

            .hdx-header .sign > div.fold div {
                width: 46px
            }

            .hdx-header .sign > div.fold .icon-login-toggle {
                border-top: 4px solid;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
                *border-bottom: none
            }

    .hdx-header .user {
        position: absolute;
        right: 208px;
        width: 130px
    }

        .hdx-header .user > a {
            line-height: 60px;
            display: block;
            overflow: hidden;
            padding: 0 7px;
            color: #fff
        }

            .hdx-header .user > a:focus {
                background-color: #59a64a
            }

        .hdx-header .user .face {
            border-radius: 2px;
            -webkit-box-shadow: 1px 1px 1px rgba(101, 117, 60, .75);
            box-shadow: 1px 1px 1px rgba(101, 117, 60, .75)
        }

        .hdx-header .user .dropdown2-menu {
            margin-top: -1px;
            padding-right: 1px
        }

        .hdx-header .user li a {
            padding-left: 45px;
            *padding-left: 0;
            *text-align: center
        }

            .hdx-header .user li a:before {
                float: left;
                margin-top: 11px;
                margin-left: -31px;
                content: ''
            }

        .hdx-header .user .icon-dropdown-ticket:before {
            margin-top: 13px
        }

        .hdx-header .user .icon-dropdown-logo:before {
            margin-left: -29px
        }

    .hdx-header .search {
        float: left;
        margin-top: 15px;
        margin-left: 10px
    }

        .hdx-header .search > button {
            float: left;
            width: 30px;
            height: 30px;
            padding-right: 6px;
            padding-left: 6px;
            border: none;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            background-color: #e0f0dc
        }

        .hdx-header .search .icon-search {
            display: block
        }

        .hdx-header .search input {
            font-size: 14px;
            float: left;
            width: 175px;
            height: 16px;
            padding: 7px 5px 7px 90px;
            color: #333;
            border: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #e4efe2
        }

            .hdx-header .search input:focus {
                outline: 0;
                background: #fff
            }

                .hdx-header .search input:focus + * {
                    background-color: #fff
                }

    .hdx-header .items {
        float: left;
        margin-left: 30px
    }

        .hdx-header .items > li {
            float: left
        }

            .hdx-header .items > li > a {
                line-height: 60px;
                display: block;
                padding: 0 16px;
                text-decoration: none;
                color: #fff;
                text-shadow: 0 1px 1px #529a44
            }

                .hdx-header .items > li > a.current, .hdx-header .items > li > a.current:active, .hdx-header .items > li > a.current:focus, .hdx-header .items > li > a.current:hover {
                    background-color: #539b45
                }

                .hdx-header .items > li > a:active, .hdx-header .items > li > a:focus, .hdx-header .items > li > a:hover {
                    background-color: #59a64a
                }

        .hdx-header .items .dropdown2 > a {
            border: none
        }

        .hdx-header .items .dropdown2.open > a {
            border-radius: 0;
            background: #59a64a
        }

        .hdx-header .items .dropdown2-menu {
            font-size: 14px;
            width: 383px;
            opacity: .95;
            border: 1px solid #62b651;
            border-top: none;
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
            box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
            -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)';
            filter: alpha(opacity=95)
        }

            .hdx-header .items .dropdown2-menu > div {
                line-height: 1;
                padding-top: 20px;
                padding-left: 78px;
                border-top: 1px solid #e5e5e5;
                *padding-bottom: 20px
            }

                .hdx-header .items .dropdown2-menu > div:first-child {
                    border-top: none
                }

                .hdx-header .items .dropdown2-menu > div > strong {
                    font-weight: 400;
                    float: left;
                    margin-left: -38px;
                    color: #62b651
                }

                    .hdx-header .items .dropdown2-menu > div > strong span {
                        position: absolute;
                        margin-left: -20px
                    }

                .hdx-header .items .dropdown2-menu > div div {
                    float: left;
                    margin-bottom: 15px
                }

                    .hdx-header .items .dropdown2-menu > div div a {
                        float: left;
                        padding-right: 10px;
                        padding-left: 10px;
                        color: #7d7d7d;
                        border-left: 1px solid #e5e5e5;
                        *white-space: nowrap
                    }

                        .hdx-header .items .dropdown2-menu > div div a:first-child {
                            border-left: none
                        }

                        .hdx-header .items .dropdown2-menu > div div a:focus, .hdx-header .items .dropdown2-menu > div div a:hover {
                            text-decoration: none;
                            color: #2578bf
                        }

@media (max-width: 1024px) {
    .hdx-header .container-lg {
        width: auto;
        padding-right: 10px;
        padding-left: 10px
    }

    .hdx-header .items {
        margin-left: 10px
    }
}

.hdx-header .dropdown {
    position: absolute;
    height: 30px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #d5dcd4
}

    .hdx-header .dropdown > a {
        line-height: 30px;
        display: block;
        width: 80px;
        cursor: default;
        text-indent: 15px
    }

    .hdx-header .dropdown a {
        color: #666
    }

    .hdx-header .dropdown.open {
        border-bottom-left-radius: 0
    }

.hdx-header .dropdown-menu {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #d5dcd4
}

    .hdx-header .dropdown-menu li {
        line-height: 30px;
        padding-left: 15px
    }

        .hdx-header .dropdown-menu li a:focus, .hdx-header .dropdown-menu li a:hover {
            color: #62b651
        }

.hdx-header-create {
    right: 103px;
    border-left: 1px solid #58a349
}

    .hdx-header-create, .hdx-header-create + a {
        line-height: 60px;
        position: absolute;
        top: 0;
        width: 103px;
        text-align: center;
        color: #fff;
        border-right: 1px solid #58a349
    }

        .hdx-header-create + a:focus, .hdx-header-create + a:hover, .hdx-header-create:focus, .hdx-header-create:hover {
            text-decoration: none;
            color: #fff;
            border-right-color: #51a440;
            border-left-color: #51a440;
            background: #51a440
        }

        .hdx-header-create + a {
            right: 0
        }

        .hdx-header-create span {
            display: inline-block;
            margin-right: 6px;
            vertical-align: middle;
            *display: inline;
            *zoom: 1
        }

.slides-thumbnail {
    height: 350px
}

    .slides-thumbnail .bx-next, .slides-thumbnail .bx-prev {
        display: none;
        margin-top: -36px
    }

    .slides-thumbnail .bx-prev {
        left: 13px
    }

    .slides-thumbnail .bx-next {
        right: 13px
    }

    .slides-thumbnail .bx-pager {
        position: absolute;
        right: 15px;
        bottom: 15px
    }

        .slides-thumbnail .bx-pager .bx-pager-link {
            width: 8px;
            height: 8px;
            margin: 0 2px;
            -webkit-transition: width .5s ease-out;
            -o-transition: width .5s ease-out;
            transition: width .5s ease-out;
            border-radius: 8px;
            background: #969ba2
        }

            .slides-thumbnail .bx-pager .bx-pager-link.active {
                width: 16px;
                background: #62b651
            }

@media (min-width: 1080px) {
    .slides-thumbnail .bx-viewport {
        overflow: visible !important
    }

    .slides-thumbnail .bx-prev {
        left: -85px
    }

    .slides-thumbnail .bx-next {
        right: -85px
    }
}

#slides-thumbnail {
    width: 1000%
}

    #slides-thumbnail > div {
        position: absolute;
        clip: rect(0 0 0 0)
    }

        #slides-thumbnail > div:first-child {
            position: static;
            clip: auto
        }

.banner-padding-top {
    margin-bottom: 33px
}

    .banner-padding-top:hover .slides-thumbnail .bx-next, .banner-padding-top:hover .slides-thumbnail .bx-prev {
        display: block
    }

    .banner-padding-top + .container-lg + #container-lg {
        padding-top: 50px
    }

.slides-thumbnail-backdrop-left, .slides-thumbnail-backdrop-right {
    position: absolute;
    top: 60px;
    height: 350px;
    opacity: .9;
    background: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
    filter: alpha(opacity=90)
}

.slides-thumbnail-backdrop-left {
    left: 0
}

.slides-thumbnail-backdrop-right {
    right: 0
}

.slides-multiple-list .bx-next, .slides-multiple-list .bx-prev {
    margin-top: -36px
}

.slides-multiple-list .bx-prev {
    left: -40px
}

.slides-multiple-list .bx-next {
    right: -40px
}

.slides-multiple-list .bx-pager {
    position: absolute;
    top: -38px;
    right: 3px
}

    .slides-multiple-list .bx-pager .bx-pager-link {
        width: 6px;
        height: 6px;
        margin-left: 3px;
        -webkit-transition: width .5s ease-out;
        -o-transition: width .5s ease-out;
        transition: width .5s ease-out;
        border-radius: 6px;
        background: #969ba2
    }

        .slides-multiple-list .bx-pager .bx-pager-link.active {
            width: 11px;
            background: #62b651
        }

.topic-feed-list {
    margin-right: -20px;
    margin-bottom: 45px
}

    .topic-feed-list li {
        position: relative;
        float: left;
        width: 255px;
        margin-right: 18px
    }

        .topic-feed-list li > a {
            display: block;
            color: #4d4c4c;
            border: 1px solid transparent
        }

            .topic-feed-list li > a:focus, .topic-feed-list li > a:hover {
                text-decoration: none;
                border-color: #62b651
            }

    .topic-feed-list img {
        display: block;
        width: 253px;
        height: 117px
    }

    .topic-feed-list p {
        font-size: 14px;
        line-height: 26px;
        overflow: hidden;
        height: 161px;
        margin-bottom: 0;
        padding: 25px 20px 0;
        word-wrap: break-word;
        background: #fff
    }

    .topic-feed-list h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        position: absolute;
        top: 30px;
        right: 0;
        left: 0;
        display: -webkit-box;
        overflow: hidden;
        height: 56px;
        margin-top: 0;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        color: #fff
    }

.topic-feed-img-list {
    float: left;
    width: 424px;
    margin-top: -10px;
    margin-right: 0
}

    .topic-feed-img-list li {
        width: 192px;
        margin-top: 9px
    }

    .topic-feed-img-list img {
        width: 190px;
        height: 110px
    }

    .topic-feed-img-list + .topic-feed-text-list {
        float: none;
        width: auto
    }

.topic-feed-text-list {
    float: left;
    width: 378px;
    margin-left: 20px;
    border: 1px solid #e8e8e8;
    background: #fff
}

    .topic-feed-text-list li {
        font-size: 13px;
        line-height: 24px;
        position: relative;
        padding: 14px 15px 15px
    }

        .topic-feed-text-list li:after, .topic-feed-text-list li:before {
            position: absolute;
            top: 0;
            content: ''
        }

        .topic-feed-text-list li:before {
            left: 0;
            width: 4px;
            height: 100%;
            -webkit-transition: .15s;
            -o-transition: .15s;
            transition: .15s;
            background: 0 0
        }

        .topic-feed-text-list li:after {
            right: 15px;
            left: 15px;
            height: 1px;
            background: #e8e8e8
        }

        .topic-feed-text-list li:hover {
            background: #fafafa
        }

            .topic-feed-text-list li:hover:before {
                background: #62b651
            }

        .topic-feed-text-list li a {
            display: block;
            height: 44px;
            color: #333
        }

            .topic-feed-text-list li a:focus, .topic-feed-text-list li a:hover {
                text-decoration: none
            }

        .topic-feed-text-list li:first-child:after {
            content: none
        }

        .topic-feed-text-list li span {
            display: block;
            overflow: hidden;
            width: 100%
        }

        .topic-feed-text-list li div {
            text-align: right
        }

    .topic-feed-text-list h4 {
        margin-top: 0;
        margin-bottom: 10px
    }

    .topic-feed-text-list p {
        font-size: 12px;
        margin-bottom: 0;
        color: #a0a0a0
    }

    .topic-feed-text-list.media-body {
        margin-bottom: 56px
    }

        .topic-feed-text-list.media-body li {
            padding-top: 20px;
            padding-bottom: 19px
        }

            .topic-feed-text-list.media-body li:first-child {
                padding-bottom: 20px
            }

        .topic-feed-text-list.media-body a {
            height: auto
        }

        .topic-feed-text-list.media-body h4, .topic-feed-text-list.media-body p {
            line-height: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

.topic-feed-tabs {
    position: relative;
    width: 256px !important;
    margin-top: -4px;
    margin-right: 3px
}

    .topic-feed-tabs .btn-group .btn {
        font-size: 14px;
        padding-right: 14px;
        padding-left: 14px;
        background: #fff
    }

        .topic-feed-tabs .btn-group .btn:active {
            color: #fff;
            background: #59a64a
        }

    .topic-feed-tabs .btn-group li:first-child .btn {
        border-bottom-left-radius: 0
    }

    .topic-feed-tabs .btn-group li:last-child .btn {
        border-bottom-right-radius: 0
    }

.topic-feed-tab-content {
    font-size: 14px;
    position: absolute;
    top: 32px;
    right: 0;
    left: 0;
    background: #fff
}

    .topic-feed-tab-content li {
        margin-top: -1px;
        padding: 9px 4px;
        border: 1px solid #dedede
    }

        .topic-feed-tab-content li:hover {
            position: relative;
            border-color: #62b651
        }

        .topic-feed-tab-content li:first-child {
            margin-top: 0
        }

    .topic-feed-tab-content .media-body {
        font-size: 12px
    }

    .topic-feed-tab-content a {
        display: block;
        color: #a0a0a0
    }

        .topic-feed-tab-content a:focus, .topic-feed-tab-content a:hover {
            text-decoration: none
        }

    .topic-feed-tab-content h4 {
        font-size: 12px;
        line-height: 18px;
        display: -webkit-box;
        overflow: hidden;
        max-height: 40px;
        margin: 10px 0;
        color: #333
    }

    .topic-feed-tab-content b {
        font-weight: 400;
        margin-right: 5px;
        margin-left: 5px;
        vertical-align: 1px;
        color: #dfdede
    }

    .topic-feed-tab-content .icon-favorites, .topic-feed-tab-content .icon-user {
        vertical-align: -2px;
        *vertical-align: 3px
    }

    .topic-feed-tab-content .icon-user {
        margin-right: 5px
    }

    .topic-feed-tab-content img {
        width: 127px;
        height: 75px
    }

.event-org-follow-list .media {
    display: block;
    color: #333;
    border: 1px solid transparent;
    background: #fff
}

    .event-org-follow-list .media:focus, .event-org-follow-list .media:hover {
        text-decoration: none;
        border-color: #62b651
    }

.event-org-follow-list .media-body div {
    color: #a0a0a0
}

    .event-org-follow-list .media-body div span {
        margin-right: 5px;
        vertical-align: -1px
    }

.event-org-follow-list h3 {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    max-height: 42px;
    margin-top: 0
}

    .event-org-follow-list h3 a {
        color: #333
    }

.event-org-follow-list b {
    font-weight: 400;
    margin-right: 6px;
    margin-left: 6px;
    vertical-align: 1px;
    color: #dfdede
}

.event-favorite-list .time {
    font-size: 12px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0
}

.event-vertical-list-new.event-favorite-list {
    margin-bottom: 45px;
    margin-bottom: 42px \9;
    margin-left: -19px
}

    .event-vertical-list-new.event-favorite-list, .event-vertical-list-new.event-favorite-list ::-ms-backdrop {
        margin-bottom: 42px
    }

        .event-vertical-list-new.event-favorite-list li {
            width: 253px;
            margin-left: 18px
        }

.event-favorite-list + h2 .small, .topic-feed-list + h2 .small {
    font-size: 14px;
    margin-left: 36px;
    color: #7d7d7d
}

.event-favorite-list + h2 .pull-right, .topic-feed-list + h2 .pull-right {
    font-size: 12px;
    padding-top: 8px;
    color: #b1b0b0
}

    .event-favorite-list + h2 .pull-right span, .topic-feed-list + h2 .pull-right span {
        display: inline-block;
        margin-left: 4px;
        vertical-align: -2px;
        *display: inline;
        *zoom: 1
    }

.event-org-follow-list {
    margin-right: -18px;
    margin-bottom: 21px;
    margin-bottom: 12px \9
}

    .event-org-follow-list .media-object {
        width: 162px;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 20px;
        text-align: center;
        border-right: 1px solid #e8e8e8
    }

        .event-org-follow-list .media-object:focus, .event-org-follow-list .media-object:hover {
            text-decoration: none
        }

        .event-org-follow-list .media-object div {
            color: #a0a0a0
        }

        .event-org-follow-list .media-object img {
            display: block;
            width: 111px;
            height: 111px;
            margin: 0 auto 20px;
            border: 1px solid #dcd1bd
        }

    .event-org-follow-list .btn {
        font-size: 16px;
        padding: 2px 15px
    }

        .event-org-follow-list .btn span {
            font-size: 18px;
            margin-right: 5px
        }

    .event-org-follow-list .media-body {
        padding: 20px 20px 0
    }

        .event-org-follow-list .media-body div + h3 {
            margin-top: 15px;
            margin-right: -20px;
            margin-left: -20px;
            padding: 12px 20px 0;
            border-top: 1px solid #e8e8e8
        }

    .event-org-follow-list > li {
        float: left;
        bottom: 20px;
        width: 388px;
        margin-right: 18px;
        margin-bottom: 20px;
        margin-left: 0
    }

    .event-org-follow-list .label {
        margin-left: 23px
    }

.event-class-list {
    margin-bottom: 50px
}

    .event-class-list > div {
        float: left
    }

        .event-class-list > div:first-child .event-class-list-overlay + .event-class-list-overlay {
            margin-left: 20px
        }

.event-class-list-title {
    width: 380px;
    height: 102px;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-left: 20px
}

    .event-class-list-title, .event-class-list-title a {
        color: #fff
    }

        .event-class-list-title h3 {
            font-size: 24px;
            float: left;
            margin-top: 0;
            margin-bottom: 15px
        }

        .event-class-list-title ul {
            clear: both
        }

        .event-class-list-title li {
            font-size: 14px;
            float: left;
            margin-right: 30px
        }

        .event-class-list-title .more {
            float: left;
            margin-top: 10px;
            margin-left: 10px
        }

            .event-class-list-title .more:after {
                display: inline-block;
                margin-left: 5px;
                content: '';
                *display: inline;
                *zoom: 1
            }

.event-class-list-overlay {
    float: left;
    width: 190px;
    color: #333
}

    .event-class-list-overlay > div {
        position: relative;
        border: 1px solid #dcd1bd
    }

    .event-class-list-overlay img {
        width: 188px;
        height: 110px
    }

    .event-class-list-overlay:focus, .event-class-list-overlay:hover {
        text-decoration: none;
        color: #333
    }

        .event-class-list-overlay:focus > div, .event-class-list-overlay:hover > div {
            border-color: #62b651
        }

    .event-class-list-overlay .backdrop-text {
        top: 63px
    }

        .event-class-list-overlay .backdrop-text > span {
            height: 100%;
            padding-right: 10px;
            padding-left: 6px;
            *padding-top: 18px
        }

            .event-class-list-overlay .backdrop-text > span:before {
                display: inline-block;
                height: 100%;
                content: '';
                vertical-align: middle;
                *display: inline;
                *zoom: 1
            }

    .event-class-list-overlay .backdrop {
        opacity: .7;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70)
    }

    .event-class-list-overlay h4 {
        font-size: 13px;
        line-height: 30px;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 5px;
        background: #fff
    }

    .event-class-list-overlay .btn {
        font-size: 14px;
        float: right;
        margin-top: 10px;
        padding: 3px 6px;
        *margin-top: -10px
    }

.event-class-list-overlay-lg {
    width: 450px;
    margin-right: 20px;
    margin-left: 20px
}

    .event-class-list-overlay-lg img {
        width: 448px;
        height: 262px
    }

    .event-class-list-overlay-lg .backdrop-text {
        top: 153px
    }

        .event-class-list-overlay-lg .backdrop-text > span {
            padding-right: 20px;
            padding-left: 20px
        }

            .event-class-list-overlay-lg .backdrop-text > span:before {
                content: none
            }

            .event-class-list-overlay-lg .backdrop-text > span span {
                font-size: 14px;
                line-height: 24px;
                display: block;
                display: -webkit-box;
                overflow: hidden;
                height: 48px;
                margin-bottom: 15px;
                padding-top: 16px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                *zoom: 1;
                *padding-top: 0
            }

    .event-class-list-overlay-lg .btn {
        margin-top: -8px
    }

    .event-class-list-overlay-lg + div .event-class-list-overlay {
        display: block;
        float: none
    }

        .event-class-list-overlay-lg + div .event-class-list-overlay:first-child {
            margin-bottom: 10px
        }

.event-class-list-industry {
    background: #4597d6
}

.event-class-list-culture {
    background: #62b651
}

.event-class-list-life {
    background: #f90
}

.event-org-list {
    position: relative;
    margin-bottom: 40px
}

    .event-org-list h2 {
        margin-top: 0
    }

        .event-org-list h2 > .more {
            margin-top: 2px;
            color: #a0a0a0
        }

            .event-org-list h2 > .more:after {
                display: inline-block;
                margin-left: 5px;
                content: '';
                *display: inline;
                *zoom: 1
            }

    .event-org-list img {
        border: 1px solid #efeeee
    }

    .event-org-list ul {
        overflow: visible;
        margin-right: -20px;
        *zoom: 1
    }

    .event-org-list li {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px
    }

        .event-org-list li .media {
            width: 303px
        }

        .event-org-list li h3, .event-org-list li p {
            overflow: hidden
        }

        .event-org-list li img {
            width: 88px;
            height: 88px
        }

    .event-org-list p {
        color: #a0a0a0
    }

    .event-org-list h3 {
        font-size: 14px;
        margin-top: 15px
    }

    .event-org-list .media {
        float: left;
        padding-right: 15px;
        color: #333;
        border: 1px solid transparent;
        background: #fff
    }

        .event-org-list .media:focus, .event-org-list .media:hover {
            text-decoration: none;
            border-color: #62b651
        }

    .event-org-list .count, .event-org-list .follow {
        color: #a0a0a0
    }

        .event-org-list .count:before, .event-org-list .follow:before {
            display: inline-block;
            margin-right: 5px;
            content: '';
            *display: inline;
            *zoom: 1
        }

.event-org-pannel, .event-org-pannel .pull-left {
    margin-right: 20px
}

.event-org-list .follow:before {
    vertical-align: -1px
}

.event-org-list .count:before {
    vertical-align: -2px
}

.event-org-pannel {
    width: 383px
}

    .event-org-pannel img {
        width: 190px;
        height: 190px
    }

    .event-org-pannel h3 {
        line-height: 24px;
        display: -webkit-box;
        overflow: hidden;
        max-height: 45px;
        margin-bottom: 15px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .event-horizontal-list li p, .event-org-pannel p {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .event-org-pannel p {
        line-height: 21px;
        display: -webkit-box;
        overflow: hidden;
        max-height: 60px;
        margin-bottom: 20px
    }

.tags a, .view-category span {
    display: inline-block;
    *zoom: 1
}

html:not(.huodongxing) .article * {
    pointer-events: none
}

.tags {
    padding-left: 3px
}

    .tags a {
        margin-right: 9px;
        margin-bottom: 18px;
        padding: 4px 12px;
        color: #7e7e7e;
        border: 1px dashed #a7a8a9;
        *display: inline
    }

        .tags a:active, .tags a:focus, .tags a:hover {
            text-decoration: none;
            background: #eee
        }

        .tags a.active {
            color: #fff;
            border-style: solid;
            border-color: #62b651;
            background: #62b651
        }

.view-category {
    font-size: 14px;
    margin: 0 0 30px;
    color: #b1b0b0
}

    .view-category .view_block, .view-category .view_list {
        margin-left: 8px;
        cursor: pointer;
        vertical-align: -5px
    }

        .view-category .view_block.active, .view-category .view_list.active {
            cursor: default
        }

    .view-category span {
        *display: inline
    }

    .view-category .divider {
        height: 20px;
        margin: 0 18px;
        vertical-align: middle;
        border-left: 1px solid #e3e2e2
    }

    .view-category .btn {
        font-size: 14px;
        color: #b1b0b0;
        border-color: #dedede
    }

    .view-category .btn-group {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

.view-category-list {
    font-size: 14px;
    margin-bottom: 16px;
    padding: 20px 20px 1px;
    color: #7d7d7d;
    background: #f6f6f6
}

    .view-category-list > li {
        margin-bottom: 16px;
        padding-left: 50px
    }

        .view-category-list > li > div {
            float: left;
            margin-left: -50px;
            padding-top: 1px;
            color: #b1b0b0
        }

        .view-category-list > li li {
            float: left;
            margin-right: 10px
        }

            .view-category-list > li li a {
                display: block;
                padding: 1px 9px;
                color: #5c5c5c;
                border-radius: 2px
            }

.event-vertical-list li .apply .name, .event-vertical-list-new li .apply .name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *zoom: 1
}

.view-category-list > li li a:active, .view-category-list > li li a:focus, .view-category-list > li li a:hover {
    text-decoration: none;
    color: #fff;
    background: #62b651
}

.view-category-list > li li.active .btn, .view-category-list > li li.active a {
    cursor: default;
    color: #fff;
    background: #62b651
}

.view-category-list > li li.active .btn, .view-category-picker .datepicker-days td {
    cursor: pointer
}

.view-category-list .btn-link {
    color: #5c5c5c
}

    .view-category-list .btn-link:active, .view-category-list .btn-link:focus, .view-category-list .btn-link:hover {
        text-decoration: none;
        color: #fff;
        background: #62b651
    }

#view-category-date {
    font-size: 14px;
    padding: 1px 9px
}

.view-category-picker .datepicker-days td, .view-category-picker .datepicker-days th {
    width: 28px;
    height: 22px
}

.view-category-picker .datepicker-days th {
    color: #7d7d7d
}

.view-category-picker.datepicker table tr td.active {
    color: #fff;
    background: #62b651
}

    .view-category-picker.datepicker table tr td.active:after {
        content: none
    }

.find-events-aside {
    position: fixed;
    top: 100px;
    right: 0;
    width: 200px
}

    .find-events-aside .aside-replay {
        top: 80px
    }

.event-vertical-list {
    color: #7d7d7d
}

    .event-vertical-list li {
        position: relative;
        float: left;
        overflow: hidden;
        width: 202px;
        padding: 7px 6px 0;
        background: #fff
    }

        .event-vertical-list li > img {
            width: 100%
        }

        .event-vertical-list li h3 {
            overflow: hidden;
            height: 38px;
            margin-top: 12px;
            margin-bottom: 8px
        }

            .event-vertical-list li h3 a {
                font-weight: 400;
                line-height: 19px
            }

                .event-vertical-list li h3 a:active, .event-vertical-list li h3 a:focus, .event-vertical-list li h3 a:hover {
                    text-decoration: none;
                    color: #fff;
                    background-color: #2578bf
                }

        .event-vertical-list li p {
            overflow: hidden;
            height: 34px;
            color: #a0a0a0
        }

        .event-vertical-list li .apply {
            margin: 12px -6px 0;
            padding: 10px;
            border-top: 1px dotted #eee
        }

            .event-vertical-list li .apply .btn {
                float: right;
                margin-top: -1px
            }

            .event-vertical-list li .apply .name {
                width: 88px;
                vertical-align: middle;
                *display: inline;
                *width: 80px
            }

.event-vertical-list-new {
    font-size: 14px;
    margin-left: -20px
}

    .event-vertical-list-new, .event-vertical-list-new a {
        color: #a0a0a0
    }

        .event-vertical-list-new li {
            float: left;
            overflow: hidden;
            width: 253px;
            margin-left: 20px;
            padding-bottom: 5px;
            border: 1px solid #dfdede;
            background: #fff
        }

            .event-vertical-list-new li:hover {
                border-color: #62b651
            }

                .event-vertical-list-new li:hover .apply a {
                    color: #62b651
                }

            .event-vertical-list-new li > * {
                margin-right: 15px;
                margin-left: 15px
            }

            .event-vertical-list-new li > a {
                display: block;
                overflow: hidden;
                height: 150px;
                margin: 0
            }

                .event-vertical-list-new li > a > img {
                    display: block;
                    width: 100%
                }

            .event-vertical-list-new li h3 {
                overflow: hidden;
                height: 52px;
                margin-top: 12px;
                margin-bottom: 12px
            }

                .event-vertical-list-new li h3 a {
                    font-weight: 400;
                    line-height: 28px;
                    color: #333
                }

                    .event-vertical-list-new li h3 a:active, .event-vertical-list-new li h3 a:focus, .event-vertical-list-new li h3 a:hover {
                        text-decoration: none
                    }

            .event-vertical-list-new li .icon-user {
                margin-right: 5px
            }

            .event-vertical-list-new li .icon-favorites, .event-vertical-list-new li .icon-user {
                vertical-align: -1px;
                *vertical-align: 3px
            }

            .event-vertical-list-new li b {
                font-weight: 400;
                margin-right: 6px;
                margin-left: 6px;
                vertical-align: 1px;
                color: #dfdede
            }

            .event-vertical-list-new li .time {
                padding-bottom: 10px
            }

                .event-vertical-list-new li .time .pull-right {
                    margin-top: -1px
                }

            .event-vertical-list-new li .apply {
                padding-top: 12px;
                padding-bottom: 7px;
                border-top: 1px solid #eae9e9
            }

                .event-vertical-list-new li .apply .name {
                    max-width: 108px;
                    vertical-align: middle;
                    *display: inline
                }

            .event-vertical-list-new li .btn {
                font-size: 14px;
                margin-top: -2px
            }

.event-horizontal-list {
    padding: 10px;
    color: #7d7d7d;
    background-color: #f4f7fa
}

    .event-horizontal-list li {
        position: relative;
        margin-top: 10px;
        padding: 20px 250px 20px 20px;
        border-radius: 4px;
        background: #fff;
        *zoom: 1
    }

        .event-horizontal-list li:first-child {
            margin-top: 0
        }

        .event-horizontal-list li > a img {
            float: right;
            margin-right: -232px;
            *position: relative;
            *right: -20px
        }

        .event-horizontal-list li h3 {
            margin-top: 0;
            margin-bottom: 8px
        }

            .event-horizontal-list li h3 a {
                font-weight: 400;
                line-height: 19px;
                display: inline-block;
                overflow: hidden;
                max-width: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                *display: inline;
                *zoom: 1
            }

                .event-horizontal-list li h3 a:active, .event-horizontal-list li h3 a:focus, .event-horizontal-list li h3 a:hover {
                    text-decoration: none;
                    color: #fff;
                    background-color: #2578bf
                }

        .event-horizontal-list li p {
            display: -webkit-box;
            overflow: hidden;
            height: 50px;
            margin-bottom: 15px;
            text-indent: 24px;
            color: #a0a0a0
        }

        .event-horizontal-list li .apply .btn {
            float: right;
            margin-top: -3px
        }

        .event-horizontal-list li .apply .name {
            display: inline-block;
            overflow: hidden;
            width: 84px;
            vertical-align: middle;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #7d7d7d;
            *display: inline;
            *zoom: 1
        }

        .event-horizontal-list li .time {
            margin: 0 14px 0 0
        }

.event-horizontal-list-new {
    font-size: 14px;
    color: #b1b0b0
}

    .event-horizontal-list-new li {
        position: relative;
        margin-top: 30px;
        padding-right: 15px;
        padding-left: 288px;
        border: 1px solid #dfdede;
        *zoom: 1
    }

        .event-horizontal-list-new li:hover {
            border-color: #62b651
        }

        .event-horizontal-list-new li:first-child {
            margin-top: 0
        }

        .event-horizontal-list-new li > a {
            float: left;
            margin-left: -288px
        }

            .event-horizontal-list-new li > a img {
                display: block;
                width: 268px;
                height: 160px
            }

        .event-horizontal-list-new li .apply .name, .event-horizontal-list-new li h3 a {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            *zoom: 1
        }

        .event-horizontal-list-new li h3 {
            margin-top: 0;
            margin-bottom: 12px;
            padding-top: 18px
        }

            .event-horizontal-list-new li h3 a {
                font-weight: 400;
                max-width: 100%;
                color: #333;
                *display: inline
            }

            .event-horizontal-list-new li h3 + div + div {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .event-horizontal-list-new li > div {
            margin-bottom: 10px
        }

        .event-horizontal-list-new li .apply {
            margin-top: 17px
        }

            .event-horizontal-list-new li .apply .btn {
                font-size: 14px;
                float: right;
                margin-top: -3px
            }

            .event-horizontal-list-new li .apply .pull-right {
                margin-top: 3px;
                margin-right: 20px;
                *width: 110px
            }

                .event-horizontal-list-new li .apply .pull-right span {
                    position: relative;
                    top: -.15em;
                    margin-right: 5px;
                    vertical-align: middle;
                    *top: 0
                }

            .event-horizontal-list-new li .apply b {
                font-weight: 400;
                margin-right: 6px;
                margin-left: 6px;
                vertical-align: 1px;
                color: #dfdede
            }

            .event-horizontal-list-new li .apply .name {
                max-width: 250px;
                vertical-align: middle;
                color: #a0a0a0;
                *display: inline
            }

        .event-horizontal-list-new li .icon-place {
            margin-right: 7px;
            vertical-align: middle
        }

.event-list-more, .user-attention-list {
    padding-top: 20px
}

.event-list-more {
    margin-left: -60px;
    color: #7d7d7d
}

    .event-list-more .media {
        float: left;
        width: 312px;
        margin-top: 0;
        margin-bottom: 40px;
        margin-left: 60px
    }

        .event-list-more .media .pull-left {
            margin-right: 20px
        }

        .event-list-more .media .media-object {
            border: 1px solid #d3d3d3
        }

        .event-list-more .media .media-body {
            padding-right: 5px
        }

            .event-list-more .media .media-body .title {
                overflow: hidden;
                height: 35px;
                margin-bottom: 8px
            }

            .event-list-more .media .media-body a:active, .event-list-more .media .media-body a:focus, .event-list-more .media .media-body a:hover {
                text-decoration: none;
                color: #fff;
                background-color: #2578bf
            }

            .event-list-more .media .media-body em {
                font-style: normal;
                margin-right: 30px
            }

.aside .event-list-more {
    margin-bottom: 30px
}

    .aside .event-list-more .media {
        width: auto;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #eff7f1
    }

    .aside .event-list-more .media-body {
        padding-right: 0
    }

    .aside .event-list-more .media-object {
        width: 98px;
        height: 59px
    }

.user-attention-list {
    margin-bottom: 40px;
    color: #7d7d7d
}

    .user-attention-list .media {
        margin-bottom: 15px;
        padding-bottom: 18px;
        border-bottom: 1px dashed #eff7f1
    }

    .user-attention-list .media-object {
        width: 35px;
        height: 35px
    }

    .user-attention-list .media-body .title {
        font-size: 14px;
        line-height: 1;
        overflow: hidden;
        width: 195px;
        margin-bottom: 5px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .user-attention-list .media-body .title a {
            margin-right: 7px;
            vertical-align: middle
        }

    .user-attention-list .media-body .num {
        margin-right: 20px
    }

.user-list {
    position: relative;
    overflow: hidden;
    *zoom: 1
}

    .user-list ul {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        .user-list ul:after {
            position: absolute;
            right: 0;
            left: 0;
            height: 2px;
            content: '';
            background: #e5e5e5
        }

    .user-list li {
        float: left
    }

        .user-list li div {
            overflow: hidden;
            margin-top: 10px;
            white-space: nowrap;
            text-overflow: ellipsis
        }

    .user-list img {
        border: solid #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
    }

    .user-list strong {
        font-weight: 400;
        color: #f90
    }

    .user-list i {
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 auto 10px;
        border-radius: 50%;
        background: #e5e5e5
    }

@media \0screen\,screen\9 {
    .user-list i {
        background: 0 0
    }
}

.event-list-block > li {
    margin-bottom: 40px;
    *zoom: 1
}

    .event-list-block > li .event-vertical-list-new > li .btn {
        visibility: hidden
    }

    .event-list-block > li .event-vertical-list-new > li:hover .btn, .logo-content .logo-lg > div:hover .backdrop, .logo-content .logo-lg > div:hover .downloads {
        visibility: visible
    }

.event-list-img {
    font-size: 14px;
    margin-bottom: 40px;
    padding-top: 10px
}

    .event-list-img li {
        line-height: 24px;
        overflow: hidden;
        margin-bottom: 10px;
        padding-left: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        *padding-left: 0
    }

        .event-list-img li:before {
            position: absolute;
            width: 4px;
            height: 4px;
            margin-top: 8px;
            margin-left: -15px;
            content: '';
            border-radius: 4px;
            background-color: #b5b5b5
        }

        .event-list-img li:hover:before {
            background-color: #62b651
        }

    .event-list-img .img-detail {
        font-size: 12px;
        margin-top: 2px;
        margin-bottom: 10px;
        padding-bottom: 8px;
        color: #7d7d7d;
        border-bottom: 1px solid #f4f7fa
    }

        .event-list-img .img-detail img {
            display: block;
            width: 240px;
            max-width: 100%;
            height: auto;
            height: 142px;
            margin-bottom: 10px
        }

        .event-list-img .img-detail .btn {
            margin-top: -3px
        }

    .event-list-img.event-rank-list {
        font-family: Microsoft Yahei;
        margin-top: 8px;
        padding: 0
    }

        .event-list-img.event-rank-list img {
            margin-bottom: 20px
        }

        .event-list-img.event-rank-list .icon-rank {
            position: absolute;
            margin-top: -9px;
            margin-left: -30px;
            *display: none
        }

        .event-list-img.event-rank-list ul:before {
            position: absolute;
            margin-top: 42px;
            content: ''
        }

        .event-list-img.event-rank-list li {
            font-size: 14px;
            margin-bottom: 16px;
            padding-left: 30px;
            *padding-left: 0
        }

            .event-list-img.event-rank-list li:before {
                content: none
            }

        .event-list-img.event-rank-list a {
            color: #333
        }

.organizer-well-list {
    margin-bottom: 40px;
    margin-left: -30px;
    padding-top: 15px;
    text-align: center;
    color: #7d7d7d
}

    .organizer-lv2-list > li > a:hover h3, .organizer-well-list li a:hover div {
        color: #fff;
        background: #2578bf
    }

    .organizer-well-list li {
        float: left;
        width: 70px;
        margin-bottom: 20px;
        margin-left: 44px
    }

        .organizer-well-list li .btn {
            position: absolute;
            top: 40px;
            left: 11px;
            display: none
        }

        .organizer-well-list li .btn-default {
            left: 5px
        }

        .organizer-well-list li a div {
            display: inline-block;
            max-width: 100%;
            *display: inline;
            *zoom: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .organizer-well-list li img {
            display: block;
            width: 68px;
            height: 68px;
            margin-bottom: 8px;
            border: 1px solid #d2d2d2
        }

        .organizer-well-list li:focus, .organizer-well-list li:hover {
            position: relative
        }

            .organizer-well-list li:focus .btn, .organizer-well-list li:hover .btn {
                display: block
            }

.organizer-label-list li:first-child {
    margin-bottom: 6px
}

    .organizer-label-list li:first-child li {
        margin-bottom: 10px
    }

.organizer-label-list .organizer-search {
    margin-left: 0
}

.organizer-lv2-list > li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f4f7fa
}

    .organizer-lv2-list > li > a img {
        float: left;
        width: 108px;
        height: 108px;
        margin-right: 20px;
        border: 1px solid #d2d2d2
    }

    .organizer-lv2-list > li > a h3 {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        overflow: hidden;
        max-width: 554px;
        margin-top: 0;
        margin-bottom: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        *display: inline;
        *zoom: 1
    }

    .organizer-lv2-list > li > a:hover img {
        border-color: #62b651
    }

    .organizer-lv2-list > li p {
        overflow: hidden;
        height: 34px;
        margin-bottom: 10px;
        color: #7d7d7d
    }

        .organizer-lv2-list > li p + div {
            margin-bottom: 8px
        }

    .organizer-lv2-list > li .pull-right {
        width: 180px
    }

        .organizer-lv2-list > li .pull-right span {
            float: left
        }

    .organizer-lv2-list > li ul {
        float: left;
        margin-top: -7px;
        margin-left: -4px
    }

    .organizer-lv2-list > li li {
        float: left;
        margin-left: 4px
    }

        .organizer-lv2-list > li li .face {
            margin: 0
        }

.organizer-search {
    margin-top: -5px;
    margin-right: 35px;
    border: 1px solid #dcdcdc;
    border-radius: 4px
}

    .organizer-search + span {
        float: left;
        margin-top: -5px
    }

        .organizer-search + span .btn {
            font-size: 14px;
            margin-left: 10px
        }

    .organizer-search input {
        float: left;
        width: 159px;
        height: 28px;
        height: 22px \9;
        padding: 0 0 0 10px;
        padding-top: 6px \9;
        color: #7d7d7d;
        border: 0;
        border-right: 1px solid #dcdcdc
    }

        .organizer-search input:-moz-placeholder {
            color: #a0a0a0
        }

        .organizer-search input::-moz-placeholder {
            color: #a0a0a0
        }

        .organizer-search input:-ms-input-placeholder {
            color: #a0a0a0
        }

        .organizer-search input::-webkit-input-placeholder {
            color: #a0a0a0
        }

        .organizer-search input:focus {
            outline: 0
        }

    .organizer-search .organizer-search-btn {
        float: left;
        padding: 5px 5px 4px 6px;
        border-radius: 0 4px 4px 0;
        background: #eee;
        *border: 0
    }

        .organizer-search .organizer-search-btn span {
            float: left
        }

        .organizer-search .organizer-search-btn:focus, .organizer-search .organizer-search-btn:hover {
            background: #62b651
        }

        .organizer-search .organizer-search-btn:active {
            background: #59a64a
        }

:root .organizer-search input {
    height: 28px \9;
    padding-top: 0 \9
}

.calendar-list {
    color: #333
}

.calendar-list-header {
    font-family: Microsoft Yahei;
    font-size: 24px;
    margin-bottom: 5px
}

    .calendar-list-header span {
        float: left
    }

    .calendar-list-header .btn-cal-next, .calendar-list-header .btn-cal-prev {
        margin-top: 4px
    }

    .calendar-list-header .btn-cal-prev {
        margin-left: 15px
    }

    .calendar-list-header .btn-cal-next {
        margin-right: 6px
    }

    .calendar-list-header .text-primary {
        margin: 0 6px
    }

    .calendar-list-header .btn-today {
        font-size: 14px;
        margin-top: 5px;
        margin-left: 50px;
        padding: 1px 16px;
        color: #333;
        border-color: #62b651;
        border-radius: 16px;
        background: #ecf5ed
    }

        .calendar-list-header .btn-today:hover {
            color: #fff;
            border-color: #62b651;
            background: #70cb5c
        }

        .calendar-list-header .btn-today:active {
            color: #fff;
            border-color: #62b651;
            background: #62b651;
            -webkit-box-shadow: inset 0 1px 0 rgba(63, 141, 47, .75);
            box-shadow: inset 0 1px 0 rgba(63, 141, 47, .75)
        }

    .calendar-list-header .pull-right {
        font-size: 12px;
        margin-top: 5px;
        color: #7d7d7d
    }

        .calendar-list-header .pull-right span:first-child {
            margin-top: 4px;
            margin-right: 5px
        }

.calendar-list-body {
    background: #f4f7fa
}

    .calendar-list-body .month-title {
        font-family: Microsoft Yahei;
        font-size: 18px;
        padding-top: 16px;
        padding-bottom: 7px;
        padding-left: 20px;
        border-bottom: 1px solid #fff
    }

    .calendar-list-body .calendar-list-content {
        position: relative;
        margin-right: 20px;
        margin-left: 20px;
        padding-top: 40px;
        padding-bottom: 45px;
        padding-left: 12px;
        border-left: 3px solid #aad6db
    }

    .calendar-list-body .day-title {
        font-family: Microsoft Yahei;
        font-size: 16px;
        margin-bottom: 8px
    }

        .calendar-list-body .day-title:before {
            position: absolute;
            margin-top: 3px;
            margin-left: -22px;
            content: ''
        }

    .calendar-list-body .text-warning {
        font-family: Microsoft Yahei;
        font-size: 20px;
        margin-top: 18px
    }

    .calendar-list-body .icon-circle-xs {
        position: absolute;
        left: -5px
    }

        .calendar-list-body .icon-circle-xs.icon-circle-1st {
            top: 10px
        }

        .calendar-list-body .icon-circle-xs.icon-circle-2nd {
            top: 25px
        }

        .calendar-list-body .icon-circle-xs.icon-circle-3rd {
            bottom: 25px
        }

        .calendar-list-body .icon-circle-xs.icon-circle-4th {
            bottom: 10px
        }

    .calendar-list-body .btn-cal-down, .calendar-list-body .btn-cal-up {
        position: absolute;
        right: -20px
    }

    .calendar-list-body .btn-cal-up {
        top: 10px
    }

    .calendar-list-body .btn-cal-down {
        top: 31px
    }

    .calendar-list-body li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5
    }

        .calendar-list-body li h2 {
            font-family: Microsoft Yahei;
            font-size: 20px;
            margin-top: 0;
            margin-bottom: 6px
        }

            .calendar-list-body li h2 a:hover {
                text-decoration: none
            }

        .calendar-list-body li p {
            color: #7d7d7d
        }

        .calendar-list-body li .btn {
            font-size: 14px
        }

            .calendar-list-body li .btn.btn-primary {
                margin-right: 10px
            }

div.calendar-list-body li .btn {
    cursor: default
}

.calendar-list-body li .share {
    margin-top: 7px
}

#container-lg.event-details .article {
    width: 760px
}

#container-lg.event-details .aside {
    /*width: 280px */
    width: 340px
}

.follow-event-creater-btn {
    margin-left: 18px;
    padding-right: 20px;
    padding-left: 20px;
    background: #62b651
}

.follow-event-creater-btn--follow {
    position: relative
}

    .follow-event-creater-btn--follow .follow-event-creater-btn--follow__wrap {
        position: absolute;
        top: -130px;
        left: -10px;
        width: 250px
    }

        .follow-event-creater-btn--follow .follow-event-creater-btn--follow__wrap img:nth-of-type(1) {
            max-width: 100%
        }

        .follow-event-creater-btn--follow .follow-event-creater-btn--follow__wrap .follow-event-creater-btn--follow__close {
            position: absolute;
            top: 40px;
            right: 30px
        }

.event-details {
    font-family: Microsoft Yahei
}

    .event-details .event-end {
        margin-bottom: 30px
    }

        .event-details .event-end .event-end__header {
            position: relative;
            padding-bottom: 15px;
            background: #f0f0f0
        }

            .event-details .event-end .event-end__header .event-end__close {
                font-size: 14px;
                line-height: 25px;
                position: absolute;
                top: 0;
                right: 0;
                width: 55px;
                height: 25px;
                cursor: pointer;
                text-align: center;
                color: #fff;
                background: #b3b3b3
            }

            .event-details .event-end .event-end__header h1 {
                font-size: 30px;
                margin: 0;
                padding: 30px 0;
                text-align: center;
                color: #333
            }

            .event-details .event-end .event-end__header h2 {
                font-size: 18px;
                line-height: 1px;
                width: 500px;
                margin: 0 auto 30px;
                text-align: center;
                color: #9a9a9a;
                border-right: 160px solid #ccc;
                border-left: 160px solid #ccc
            }

        .event-details .event-end .event-vertical-list-new {
            margin-left: -2px
        }

            .event-details .event-end .event-vertical-list-new li {
                margin-left: 13px
            }

        .event-details .event-end .event-end__expand {
            font-size: 18px;
            line-height: 55px;
            width: 100%;
            height: 55px;
            margin-top: 30px;
            cursor: pointer;
            text-align: center;
            color: #666;
            background: #f0f0f0
        }

            .event-details .event-end .event-end__expand.event-end__expand__text--up span {
                vertical-align: baseline
            }

            .event-details .event-end .event-end__expand span {
                vertical-align: sub
            }

    .event-details #home_register_group_tickets_title, .event-details .article #home_register_group_tickets_title, .event-details .aside #home_register_group_tickets_title {
        border-bottom: 1px solid #f4f7fa
    }

        .event-details #home_register_group_tickets_title .more, .event-details .article #home_register_group_tickets_title .more, .event-details .aside #home_register_group_tickets_title .more {
            *margin-top: -28px
        }

        .event-details #home_register_group_tickets_title.no-line, .event-details .article #home_register_group_tickets_title.no-line, .event-details .aside #home_register_group_tickets_title.no-line {
            border-bottom: none
        }

    .event-details .btn-like + a {
        text-decoration: underline;
        color: #7d7d7d
    }

    .event-details .forum h2 {
        padding-left: 0
    }

    .event-details .sendbox {
        margin-left: 0
    }

    .event-details .event-tags {
        padding-right: 60px
    }

    .event-details .event-vertical-list {
        margin-right: 3px;
        margin-bottom: 32px;
        border: solid #efeeee;
        border-width: 1px 0 0 1px
    }

        .event-details .event-vertical-list li {
            width: 188px;
            padding: 0;
            border: solid #efeeee;
            border-width: 0 1px 1px 0
        }

            .event-details .event-vertical-list li h3 {
                font-size: 14px;
                line-height: 19px;
                margin-top: 8px;
                margin-bottom: 0;
                color: #5c5c5c
            }

            .event-details .event-vertical-list li > a {
                display: block;
                background: #f9f9f9;
                padding: 10px 19px 8px
            }

.jumbotron .media-heading, .organizer-list p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.event-details .event-vertical-list li > a:focus, .event-details .event-vertical-list li > a:hover {
    text-decoration: none;
    background: #eee
}

.event-details .event-vertical-list img {
    width: 100%
}

.event-details .user-list {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: #f9f9f9
}

    .event-details .user-list ul:after {
        right: 18px;
        bottom: 80px;
        left: 18px
    }

    .event-details .user-list li {
        font-size: 14px;
        width: 93px;
        margin-left: 35px;
        color: #5c5c5c
    }

        .event-details .user-list li:first-child {
            margin-left: 0
        }

    .event-details .user-list img {
        width: 77px;
        height: 77px;
        border-width: 3px
    }

.jumbotron {
    font-size: 14px;
    position: relative;
    height: 262px;
    margin-bottom: 40px
}

    .jumbotron .media-object {
        width: 440px;
        height: 260px;
        border: 1px solid #b5b5b5
    }

    .jumbotron .pull-left {
        /*margin-right: 20px*/
    }

    .jumbotron .media-heading {
        font-family: Microsoft Yahei;
        font-size: 22px;
        max-height: 48px;
        margin-bottom: 15px;
        -webkit-line-clamp: 2
    }

    .jumbotron .media-body > div {
        margin-bottom: 15px
    }

        .jumbotron .media-body > div .icon-time {
            vertical-align: -2px
        }

        .jumbotron .media-body > div .icon-statistics {
            vertical-align: -3px
        }

    .jumbotron .media-body .address {
        overflow: hidden;
        max-height: 40px;
        padding-left: 24px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .jumbotron .media-body .address em {
            float: left;
            margin-top: 2px;
            margin-left: -24px
        }

    .jumbotron .media-body .func {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 462px;
        margin-bottom: 0
    }

        .jumbotron .media-body .func .btn {
            font-size: 14px;
            margin-right: 20px;
            padding-right: 18px;
            padding-left: 18px
        }

        .jumbotron .media-body .func .btn-sign-up1, .jumbotron .media-body .func .btn-sign-up2, .jumbotron .media-body .func .btn-sign-up3, .jumbotron .media-body .func .btn-sign-up4 {
            font-size: 14px;
            width: 116px;
            height: 40px;
            padding-top: 0;
            padding-bottom: 0
        }

        .jumbotron .media-body .func .btn-sign-up1 {
            color: #fff;
            border-color: #62b651;
            background-color: #62b651
        }

            .jumbotron .media-body .func .btn-sign-up1:focus, .jumbotron .media-body .func .btn-sign-up1:hover {
                color: #fff;
                border-color: #70cb5c;
                background-color: #70cb5c
            }

            .jumbotron .media-body .func .btn-sign-up1.active, .jumbotron .media-body .func .btn-sign-up1:active {
                border-color: #59a64a;
                background-color: #59a64a
            }

            .jumbotron .media-body .func .btn-sign-up1.disabled, .jumbotron .media-body .func .btn-sign-up1.disabled.active, .jumbotron .media-body .func .btn-sign-up1.disabled:active, .jumbotron .media-body .func .btn-sign-up1.disabled:focus, .jumbotron .media-body .func .btn-sign-up1.disabled:hover, .jumbotron .media-body .func .btn-sign-up1[disabled], .jumbotron .media-body .func .btn-sign-up1[disabled].active, .jumbotron .media-body .func .btn-sign-up1[disabled]:active, .jumbotron .media-body .func .btn-sign-up1[disabled]:focus, .jumbotron .media-body .func .btn-sign-up1[disabled]:hover, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.active, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1:active, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1:focus, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1:hover {
                border-color: #62b651;
                background-color: #62b651
            }

            .jumbotron .media-body .func .btn-sign-up1.charge {
                color: #fff;
                border-color: #f3900d;
                background-color: #f3900d
            }

                .jumbotron .media-body .func .btn-sign-up1.charge:focus, .jumbotron .media-body .func .btn-sign-up1.charge:hover {
                    color: #fff;
                    border-color: #ffa125;
                    background-color: #ffa125
                }

                .jumbotron .media-body .func .btn-sign-up1.charge.active, .jumbotron .media-body .func .btn-sign-up1.charge.disabled, .jumbotron .media-body .func .btn-sign-up1.charge.disabled.active, .jumbotron .media-body .func .btn-sign-up1.charge.disabled:active, .jumbotron .media-body .func .btn-sign-up1.charge.disabled:focus, .jumbotron .media-body .func .btn-sign-up1.charge.disabled:hover, .jumbotron .media-body .func .btn-sign-up1.charge:active, .jumbotron .media-body .func .btn-sign-up1.charge[disabled], .jumbotron .media-body .func .btn-sign-up1.charge[disabled].active, .jumbotron .media-body .func .btn-sign-up1.charge[disabled]:active, .jumbotron .media-body .func .btn-sign-up1.charge[disabled]:focus, .jumbotron .media-body .func .btn-sign-up1.charge[disabled]:hover, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.charge, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.charge.active, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.charge:active, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.charge:focus, fieldset[disabled] .jumbotron .media-body .func .btn-sign-up1.charge:hover {
                    border-color: #f3900d;
                    background-color: #f3900d
                }

                .jumbotron .media-body .func .btn-sign-up1.charge.active, .jumbotron .media-body .func .btn-sign-up1.charge:active {
                    -webkit-box-shadow: inset 0 1px 2px #d07600;
                    box-shadow: inset 0 1px 2px #d07600
                }

                .jumbotron .media-body .func .btn-sign-up1.charge.disabled, .jumbotron .media-body .func .btn-sign-up2, .jumbotron .media-body .func .btn-sign-up3, .jumbotron .media-body .func .btn-sign-up4 {
                    cursor: not-allowed;
                    pointer-events: none;
                    opacity: .4;
                    color: #fff;
                    border-color: #b5b5b5;
                    background-color: #b5b5b5;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
                    filter: alpha(opacity=40)
                }

        .jumbotron .media-body .func .btn-like {
            padding-top: 8px;
            padding-bottom: 9px;
            *padding: 8px 18px
        }

        .jumbotron .media-body .func .icon-favorites-active, .jumbotron .media-body .func .icon-favorites-before {
            position: relative;
            top: -.1em;
            vertical-align: middle
        }

            .jumbotron .media-body .func .icon-favorites-active + span, .jumbotron .media-body .func .icon-favorites-active + span + span, .jumbotron .media-body .func .icon-favorites-before + span, .jumbotron .media-body .func .icon-favorites-before + span + span {
                vertical-align: -2px
            }

        .jumbotron .media-body .func .share {
            font-size: 12px;
            float: right;
            margin-top: 10px
        }

            .jumbotron .media-body .func .share > span {
                line-height: 20px
            }

        .jumbotron .media-body .func strong {
            font-size: 12px
        }

    .jumbotron em {
        font-style: normal;
        margin-right: 10px;
        vertical-align: middle;
        color: #a0a0a0
    }

    .jumbotron .ticket-tips {
        font-size: 12px;
        line-height: 24px;
        line-height: 25px \9;
        position: absolute;
        margin-top: -70px;
        margin-left: 29px;
        text-align: center;
        color: #7d7d7d;
        *margin-top: -25px;
        *margin-left: -106px
    }

.event-tags {
    font-size: 16px;
    border-bottom-color: #f4f7fa
}

    .event-tags li {
        padding-bottom: 12px
    }

        .event-tags li a {
            overflow: hidden;
            max-width: 84px;
            padding-right: 10px;
            padding-left: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #959595
        }

            .event-tags li a:hover {
                color: #333
            }

        .event-tags li.active a {
            max-width: none;
            color: #333
        }

        .event-tags li.active:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            content: '';
            background-color: #62b651
        }

.event-intro {
    margin-bottom: 40px;
    padding-top: 10px;
    word-wrap: break-word
}

.login-notify h3, .login-notify h4, .login-notify strong, .map-details h1 {
    font-family: Microsoft Yahei
}

.event-intro table {
    margin-bottom: 10px;
    margin-left: 0;
    background-color: transparent
}

.event-intro td, .event-intro th {
    padding: 5px 10px;
    border: 1px solid #ddd
}

.event-intro img {
    max-width: 100%;
    height: auto
}

.event-intro .text-center {
    margin-top: 8px
}

    .event-intro .text-center a:hover {
        text-decoration: none
    }

.event-intro .func {
    margin-top: 10px;
    text-align: center
}

    .event-intro .func .btn {
        font-size: 14px;
        margin-right: 10px;
        padding: 7px 18px;
        *padding: 5px 18px
    }

    .event-intro .func .btn-like {
        padding-top: 6px;
        padding-bottom: 6px
    }

.event-intro .icon-favorites-active, .event-intro .icon-favorites-before {
    position: relative;
    top: -.1em;
    vertical-align: middle
}

    .event-intro .icon-favorites-active + span, .event-intro .icon-favorites-active + span + span, .event-intro .icon-favorites-before + span, .event-intro .icon-favorites-before + span + span {
        vertical-align: -1px
    }

.organizer-list {
    margin-bottom: 40px;
    padding-top: 20px
}

    .organizer-list .media-object {
        width: 80px;
        height: 80px;
        border: 1px solid #b5b5b5
    }

    .organizer-list .media-heading {
        font-weight: 700
    }

    .organizer-list p {
        height: 52px;
        color: #a0a0a0;
        -webkit-line-clamp: 3
    }

    .organizer-list .event-list-img {
        margin-bottom: 20px
    }

        .organizer-list .event-list-img li {
            padding-left: 10px
        }

            .organizer-list .event-list-img li:before {
                margin-left: -10px
            }

.map-details h1 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 30px
}

.map-details h2 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 15px
}

    .map-details h2.title {
        margin-bottom: 60px
    }

        .map-details h2.title a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #2578bf
        }

.map-details .aside {
    float: right;
    width: 320px
}

    .map-details .aside p {
        margin-bottom: 15px;
        color: #959595
    }

.map-details .map-lg {
    float: left;
    overflow: hidden;
    width: 590px;
    height: 400px
}

.BaiDuMap {
    margin-bottom: 40px !important
}

.login-list {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

    .login-list li {
        float: left;
        margin-right: 10px
    }

        .login-list li a {
            display: block
        }

.login-notify {
    position: fixed;
    z-index: 1050;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 118px;
    color: #fff
}

    .login-notify .icon-close-lg {
        z-index: 1
    }

    .login-notify .container {
        position: relative;
        width: 1024px
    }

    .login-notify .backdrop {
        opacity: .7;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70)
    }

    .login-notify .login-list {
        margin-right: 30px
    }

    .login-notify h3 {
        font-size: 20px;
        margin: 20px 0
    }

    .login-notify .btn {
        margin-right: 3px;
        border-radius: 0
    }

    .login-notify .media {
        float: left;
        margin-top: 20px;
        margin-left: 35px
    }

        .login-notify .media img {
            width: 74px;
            height: 74px;
            border: 3px solid #fff
        }

    .login-notify h4 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .login-notify strong {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px
    }

.event-details .aside .wx_qr {
    float: left;
    padding-left: 8px;
    background: #fff
}

    .event-details .aside .wx_qr .tips {
        font: 0/0 a;
        margin-top: -10px;
        color: transparent;
        border: 0;
        background-color: transparent;
        text-shadow: none
    }

.intro-container, .logo-content .tips, .logo-content h2, .logo-content h3 {
    font-family: Microsoft Yahei
}

.event-details .aside .wx_qr .tips + div {
    margin-top: -43px
}

.event-details .aside .wx_qr > img {
    width: 131px
}

.event-details .aside .wx_qr .txt {
    font-family: Microsoft Yahei;
    font-size: 16px;
    line-height: 20px;
    float: left;
    margin-right: 15px
}

    .event-details .aside .wx_qr .txt .text-primary {
        font-size: 20px
    }

.event-details .aside .wx_qr.affix {
    z-index: 1000;
    top: 100px
}

.event-details .aside .wx_qr .datepicker {
    margin-top: 40px
}

.event-upload-controls {
    line-height: 46px;
    width: 492px;
    width: 490px \9;
    height: 46px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    border: 1px solid #adadac
}

    .event-upload-controls span {
        display: block;
        cursor: pointer;
        color: #7d7d7d
    }

        .event-upload-controls a:before, .event-upload-controls span:before {
            display: inline-block;
            margin-right: 5px;
            content: '';
            vertical-align: -3px
        }

    .event-upload-controls.event-upload-controls-complete span {
        float: right;
        text-decoration: underline
    }

        .event-upload-controls.event-upload-controls-complete span:before {
            content: none
        }

    .event-upload-controls.event-upload-controls-complete a {
        float: left;
        margin-left: 22px
    }

#home_register_group_tickets_title {
    padding-bottom: 10px
}

#home_register_group_tickets_title, #home_register_title_tickets {
    font-size: 18px;
    margin-bottom: 15px
}

    #home_register_group_tickets_title .dropdown2 > a, #home_register_title_tickets .dropdown2 > a, .user-event-admin-table td .dropdown2 > a {
        font-size: 14px;
        display: block
    }

    #home_register_group_tickets_title .popover, #home_register_title_tickets .popover, .user-event-admin-table td .popover {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 0;
        border-color: #62b651;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        #home_register_group_tickets_title .popover.top .arrow, #home_register_title_tickets .popover.top .arrow, .user-event-admin-table td .popover.top .arrow {
            border-top-color: #62b651
        }

        #home_register_group_tickets_title .popover.left .arrow, #home_register_title_tickets .popover.left .arrow, .user-event-admin-table td .popover.left .arrow {
            border-left-color: #62b651
        }

    #home_register_group_tickets_title h3, #home_register_title_tickets h3, .user-event-admin-table td h3 {
        font-size: 14px;
        line-height: 38px;
        margin: 0;
        padding-left: 30px;
        color: #62b651;
        border-bottom: 1px solid #efeeee
    }

    #home_register_group_tickets_title .popover-content, #home_register_title_tickets .popover-content, .user-event-admin-table td .popover-content {
        padding-right: 30px;
        padding-bottom: 10px;
        padding-left: 30px
    }

    #home_register_group_tickets_title h4, #home_register_title_tickets h4, .user-event-admin-table td h4 {
        font-size: 14px
    }

    #home_register_group_tickets_title p, #home_register_title_tickets p, .user-event-admin-table td p {
        line-height: 24px;
        color: #a0a0a0
    }

.event-place-search {
    width: 800px;
    margin: 0 auto
}

    .event-place-search .form-control {
        height: 38px;
        height: 29px \9;
        padding-top: 14px \9;
        border-color: #e5e5e5
    }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .event-place-search .form-control {
        height: 38px;
        padding-top: 5px
    }
}

.event-place-search .form-control:focus {
    color: #333;
    border-color: #62b651;
    -webkit-box-shadow: none;
    box-shadow: none
}

.event-place-search .form-control:hover {
    border-color: #62b651
}

.event-place-search .form-control.disabled, .event-place-search .form-control[disabled] {
    border-color: #ccc
}

@media \0screen\,screen\9 {
    .event-place-search select.form-control {
        height: 50px \9;
        padding-bottom: 14px \9
    }
}

.event-place-search select::-ms-expand {
    height: 14px;
    border: none;
    background-color: transparent;
    display: none
}

.event-place-search textarea.form-control {
    min-height: 68px
}

.event-place-search .form-group {
    margin-bottom: 30px;
    padding-left: 78px
}

    .event-place-search .form-group .control-label {
        float: left;
        margin-top: 14px;
        margin-left: -78px
    }

.event-place-search label em {
    font-style: normal;
    margin-left: 4px;
    vertical-align: -3px;
    color: #e60012
}

.event-place-search .btn-primary.btn-lg {
    width: 190px
}

    .event-place-search .btn-primary.btn-lg:active {
        color: rgba(255, 255, 255, .5)
    }

        .event-place-search .btn-primary.btn-lg:active span {
            opacity: .5
        }

.event-place-search .text-center .btn {
    margin: 0 5px
}

.event-place-search .text-center .btn-create-default {
    width: 90px
}

.event-place-search select {
    float: left;
    width: 244px;
    border-radius: 0
}

    .event-place-search select:first-child {
        margin-left: 0
    }

.event-place-search .btn {
    width: 266px;
    height: 50px;
    border-radius: 0
}

.event-place-list {
    padding-top: 40px
}

    .event-place-list li {
        width: 344px;
        margin-bottom: 20px
    }

        .event-place-list li > a {
            display: block;
            height: auto
        }

            .event-place-list li > a:focus, .event-place-list li > a:hover {
                text-decoration: none
            }

            .event-place-list li > a img {
                height: 258px
            }

    .event-place-list .time {
        padding-top: 15px;
        padding-right: 10px;
        padding-left: 10px
    }

        .event-place-list .time div {
            overflow: hidden;
            max-width: 180px;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #333
        }

.event-place-details {
    padding-top: 0 !important
}

    .event-place-details .jumbotron {
        height: auto
    }

        .event-place-details .jumbotron .media-object {
            float: none !important;
            width: 100%;
            height: auto;
            margin-right: 0;
            margin-bottom: 10px;
            border: 0
        }

    .event-place-details .event-vertical-list {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        .event-place-details .event-vertical-list li {
            width: 214px
        }

            .event-place-details .event-vertical-list li > a {
                padding: 19px
            }

.forum {
    font-size: 14px;
    margin-bottom: 60px;
    color: #7d7d7d
}

    .forum .btn {
        font-size: 14px;
        padding: 4px 20px;
        *padding: 4px 10px 0
    }

    .forum h2 {
        margin-bottom: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #f4f7fa
    }

    .forum .sendbox {
        margin-bottom: 40px;
        margin-left: 10px
    }

        .forum .sendbox .func .btn {
            float: right
        }

    .forum .textarea {
        height: 80px;
        margin-bottom: 5px
    }

        .forum .textarea textarea {
            width: 100%;
            height: 80px;
            margin: 0;
            padding: 0;
            resize: none;
            color: #333;
            border: 0
        }

            .forum .textarea textarea:focus {
                outline: 0
            }

        .forum .textarea.focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
        }

    .forum .feed-list .media {
        margin-left: 20px;
        padding: 20px 0;
        border-bottom: 1px solid #f4f7fa
    }

        .forum .feed-list .media .pull-left {
            margin-right: 15px
        }

            .forum .feed-list .media .pull-left img {
                display: block;
                width: 46px;
                height: 46px
            }

            .forum .feed-list .media .pull-left a {
                display: inline-block;
                overflow: hidden;
                width: 360px;
                vertical-align: middle;
                white-space: nowrap;
                text-overflow: ellipsis;
                *display: inline;
                *zoom: 1
            }

        .forum .feed-list .media .media-heading {
            font-size: 14px;
            margin-bottom: 15px
        }

            .forum .feed-list .media .media-heading .name {
                float: left
            }

            .forum .feed-list .media .media-heading .time {
                float: right;
                color: #c9c9c9
            }

    .forum .feed-list .icon-reply {
        font-size: 12px;
        position: relative
    }

        .forum .feed-list .icon-reply .arrow {
            position: absolute;
            right: 6px;
            bottom: -12px;
            width: 0;
            height: 0;
            border-width: 0 6px 6px;
            border-style: solid;
            border-color: transparent transparent #f4f7fa
        }

    .forum .feed-list .func .buttons {
        font-size: 12px
    }

        .forum .feed-list .func .buttons .icon-reply {
            margin-left: 14px
        }

    .forum .feed-list .reply-box {
        background-color: #f4f7fa
    }

        .forum .feed-list .reply-box .feed-list-reply, .forum .feed-list .reply-box .reply-comment-box {
            padding: 6px
        }

        .forum .feed-list .reply-box .reply-comment-box {
            margin-top: 8px
        }

        .forum .feed-list .reply-box .textarea {
            height: 52px;
            border: none;
            border-radius: 2px
        }

            .forum .feed-list .reply-box .textarea textarea {
                height: 52px
            }

        .forum .feed-list .reply-box .media {
            padding-bottom: 5px;
            padding-left: 0;
            border-color: #e5e5e5
        }

            .forum .feed-list .reply-box .media .media-heading {
                margin-bottom: 5px
            }

            .forum .feed-list .reply-box .media .pull-left {
                margin-right: 10px
            }

                .forum .feed-list .reply-box .media .pull-left img {
                    display: block;
                    width: 35px;
                    height: 35px
                }

            .forum .feed-list .reply-box .media .func .tips {
                font-size: 12px;
                color: #b5b5b5
            }

            .forum .feed-list .reply-box .media p {
                margin-bottom: 4px
            }

    .forum #eventCommentList, .intro-nav > ul {
        margin-bottom: 20px
    }

    .forum .feed-list .reply-box .feed-list-reply .media:last-child {
        border: none
    }

.intro-container {
    position: relative;
    width: 924px;
    padding-bottom: 60px;
    padding-left: 156px
}

:root #intro-1, :root #intro-2, :root #intro-3, :root #intro-4 {
    padding-top: 0
}

    :root #intro-1:target, :root #intro-2:target, :root #intro-3:target, :root #intro-4:target {
        padding-top: 100px
    }

.intro-nav {
    position: fixed;
    top: 100px;
    float: left;
    width: 114px;
    margin-left: -156px
}

    .intro-nav.affix-bottom {
        top: auto !important;
        bottom: 336px
    }

    .intro-nav > ul {
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        background: #fff
    }

        .intro-nav > ul li:first-child.active {
            margin-top: -1px
        }

            .intro-nav > ul li:first-child.active a {
                border-top-left-radius: 4px;
                border-top-right-radius: 4px
            }

    .intro-nav li {
        font-size: 14px;
        line-height: 48px
    }

        .intro-nav li.active {
            margin-right: -1px;
            margin-left: -1px
        }

            .intro-nav li.active > a {
                background-color: #62b651
            }

                .intro-nav li.active > a, .intro-nav li.active > a:focus, .intro-nav li.active > a:hover {
                    color: #fff
                }

        .intro-nav li a {
            display: block;
            padding-left: 20px;
            color: #a0a0a0
        }

            .intro-nav li a:focus, .intro-nav li a:hover {
                text-decoration: none;
                color: #62b651
            }

.intro-content {
    overflow: hidden;
    border-left: 1px solid #f4f7fa;
    *zoom: 1
}

    .intro-content .img-step img {
        max-width: 160px;
        height: auto
    }

.logo-content {
    border-left: none;
    border-top-right-radius: 15px;
    background: #f4f7fa
}

    .logo-content h2 {
        font-size: 20px;
        line-height: 32px;
        height: 32px;
        margin: 0 0 0 20px;
        padding-left: 20px;
        color: #fff;
        border-top-right-radius: 15px;
        background: #62b651;
        *margin-left: 0;
        *padding-left: 40px
    }

        .logo-content h2:before {
            float: left;
            margin-left: -40px;
            content: ''
        }

.about-content h3 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #62b651
}

.about-content .bd {
    margin-bottom: 20px;
    padding: 30px;
    border-right: 1px solid #ecebec;
    border-bottom: 1px solid #d2d0d1;
    border-left: 1px solid #ecebec;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

    .about-content .bd p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .about-content .bd > .pull-right {
        margin-top: 10px
    }

        .about-content .bd > .pull-right img {
            width: 202px
        }

    .about-content .bd sub {
        float: right;
        color: #62b651
    }

.logo-content, .logo-content .icons ul li a {
    color: #626262
}

.about-content > h2 {
    font-size: 22px;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cbcccb
}

    .about-content > h2:before {
        display: inline-block;
        margin-right: 10px;
        margin-left: 3px;
        content: '';
        *display: inline;
        *zoom: 1
    }

.about-content .media-object {
    margin-right: 35px
}

.logo-content {
    font-size: 14px
}

    .logo-content .tips {
        font-size: 16px;
        margin-top: 40px;
        text-align: center
    }

    .logo-content .btn {
        color: #626262;
        background: #fff
    }

        .logo-content .btn:hover {
            background: #d4d9de
        }

    .logo-content h3 {
        font-size: 24px;
        margin-top: 50px;
        margin-bottom: 15px;
        text-align: center
    }

    .logo-content .bd {
        padding-right: 35px;
        padding-left: 35px
    }

    .logo-content .logo-lg {
        height: 168px;
        margin-bottom: 8px;
        border: 1px solid #62b651
    }

        .logo-content .logo-lg > div {
            line-height: 168px;
            position: relative;
            width: 50%;
            height: 100%;
            text-align: center
        }

        .logo-content .logo-lg .pull-left {
            background: #fff
        }

        .logo-content .logo-lg .backdrop, .logo-content .logo-lg .downloads {
            visibility: hidden
        }

        .logo-content .logo-lg .downloads {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            visibility: hidden
        }

        .logo-content .logo-lg .backdrop {
            opacity: .3;
            -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';
            filter: alpha(opacity=30)
        }

        .logo-content .logo-lg .downloads .btn {
            margin-top: 115px;
            margin-right: 5px;
            margin-left: 5px
        }

        .logo-content .logo-lg.logo-accuvally-lg {
            border: 1px solid #000
        }

            .logo-content .logo-lg.logo-accuvally-lg .pull-right {
                background: #000
            }

    .logo-content .icons {
        line-height: 108px;
        border: 1px solid #62b651;
        background: #62b651
    }

        .logo-content .icons .icon-holder {
            float: left;
            margin-right: 40px;
            padding-right: 20px;
            padding-left: 20px;
            background: #fff
        }

        .logo-content .icons ul {
            margin-top: 40px
        }

            .logo-content .icons ul li {
                float: left;
                margin-right: 3px
            }

                .logo-content .icons ul li .btn {
                    font-size: 14px;
                    width: 105px;
                    padding-right: 0;
                    padding-left: 0
                }

    .logo-content .divider {
        height: 40px;
        margin-top: 60px;
        margin-bottom: 30px;
        background: #fff
    }

    .logo-content li {
        line-height: 28px
    }

.wx_qr_help {
    font-size: 16px
}

.wx_qr_help_header {
    margin-bottom: 15px;
    padding-bottom: 40px;
    text-align: center;
    border-bottom: 1px dashed #e5e5e5
}

    .wx_qr_help_header h1 {
        font-family: 'Microsoft Yahei';
        margin-top: 0;
        margin-bottom: 15px
    }

.event-news-text h2, .pay-order .result em, .sign-bd .title, .topic-list li h3 {
    font-family: Microsoft Yahei
}

.topic-list, .topic-list li {
    margin-bottom: 20px
}

.wx_qr_help_header img {
    margin-top: 10px
}

.wx_qr_help_steps ul {
    margin-top: 20px;
    margin-right: -60px;
    margin-bottom: 20px
}

.wx_qr_help_steps li {
    line-height: 30px;
    float: left;
    width: 215px;
    margin-right: 60px;
    padding-left: 56px
}

    .wx_qr_help_steps li div {
        height: 60px
    }

    .wx_qr_help_steps li img {
        display: block;
        margin-top: 10px
    }

    .wx_qr_help_steps li:first-child img {
        margin-left: -35px
    }

.wx_qr_help_steps .wx_qr_help_num {
    font-size: 30px;
    line-height: 40px;
    float: left;
    width: 40px;
    height: 40px;
    margin-left: -56px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #a3a5a6
}

.topic-list li {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #eee;
    background: #f4f7fa
}

    .topic-list li:hover {
        border-color: #62b651
    }

    .topic-list li .bd {
        padding-bottom: 10px;
        border: 1px solid #eee;
        background: #fff
    }

        .topic-list li .bd > a:hover {
            text-decoration: none
        }

            .topic-list li .bd > a:hover h3 {
                color: #2578bf
            }

    .topic-list li img {
        display: block;
        max-width: 100%;
        height: auto;
        border-bottom: 2px solid #eee
    }

    .topic-list li h3 {
        font-size: 24px;
        overflow: hidden;
        margin-bottom: 0;
        padding-left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333
    }

    .topic-list li .share {
        margin-right: -115px
    }

        .topic-list li .share .default, .topic-list li .share.expand {
            margin-right: 10px
        }

            .topic-list li .share.expand .default {
                margin-right: 0
            }

.topic-details h2 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px
}

.topic-details .notions {
    margin-bottom: 10px;
    text-align: right;
    color: #7d7d7d
}

.topic-details .topic-details-content {
    margin-bottom: 30px
}

.topic-details + .forum {
    clear: both;
    width: auto;
    padding-top: 20px
}

    .topic-details + .forum .sendbox {
        margin-left: 0
    }

.sign {
    *overflow-x: hidden
}

    .sign body {
        background-image: url(/Content/event/image/sign_bg.jpg);
        background-repeat: repeat-y;
        background-position: 50% 0
    }

    .sign .container {
        width: 934px;
        margin-top: 100px
    }

        .sign .container.sign-in {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 380px;
            margin: auto;
            *left: 50%;
            *margin-left: -467px;
            *top: 50%;
            *margin-top: -190px
        }

    .sign .logo {
        margin-top: 36px
    }

    .sign .links {
        font-size: 14px;
        color: #59bb2b
    }

        .sign .links:active, .sign .links:focus, .sign .links:hover {
            text-decoration: none;
            color: #4ca721
        }

.sign-hd {
    margin-bottom: 20px;
    text-align: right
}

    .sign-hd .icon-index {
        vertical-align: -1px;
        *vertical-align: 2px
    }

.sign-bd {
    position: relative;
    float: right;
    padding-bottom: 30px;
    color: #7d7d7d;
    border-radius: 4px;
    background-color: #f4f7fa;
    -webkit-box-shadow: 0 1px 7px rgba(46, 46, 46, .3);
    box-shadow: 0 1px 7px rgba(46, 46, 46, .3);
    *width: 714px
}

    .sign-bd .title {
        font-size: 16px;
        line-height: 55px;
        position: relative;
        margin-top: 0;
        margin-bottom: 25px;
        text-align: center;
        color: #70c846;
        border-bottom: 1px solid #dedfdf
    }

        .sign-bd .title .links {
            font-size: 12px;
            position: absolute;
            right: 10px;
            *top: -13px
        }

        .sign-bd .title .icon-goto {
            vertical-align: -3px;
            *vertical-align: 1px
        }

    .sign-bd h4 {
        margin-bottom: 18px
    }

    .sign-bd .login-form {
        margin-right: 50px;
        padding-left: 50px
    }

    .sign-bd form {
        width: 225px;
        padding-right: 50px
    }

    .sign-bd .form-group {
        margin-bottom: 10px
    }

        .sign-bd .form-group .icon-user {
            margin-top: 15px
        }

        .sign-bd .form-group .icon-mail, .sign-bd .form-group .icon-nickname {
            margin-top: 16px
        }

        .sign-bd .form-group .icon-photo {
            margin-top: 14px
        }

        .sign-bd .form-group .icon-password {
            margin-top: 13px
        }

    .sign-bd .form-control {
        width: 181px;
        height: 30px;
        height: 24px \9;
        padding-top: 11px \9
    }

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .sign-bd .form-control {
        height: 30px;
        padding-top: 5px
    }
}

.sign-bd .btn-block, .sign-bd .checkbox-inline, .sign-bd .text-primary {
    margin-top: 10px
}

.sign-bd .login-coagent {
    width: 338px
}

    .sign-bd .login-coagent h4 {
        margin-bottom: 20px;
        margin-left: 70px
    }

    .sign-bd .login-coagent a {
        margin-right: 35px;
        margin-bottom: 25px
    }

.sign-bd .tips {
    margin: -5px 0 3px;
    color: #333
}

.sign-bd .auth-code {
    width: 86px;
    margin-right: 7px;
    padding-left: 10px
}

    .sign-bd .auth-code + img {
        width: 100px;
        height: 42px
    }

.sign-bd .icon-refresh-code {
    position: absolute;
    margin-top: 15px;
    margin-left: 10px
}

.sign-bd .phone-code {
    width: 122px;
    margin-right: 8px;
    padding-left: 10px
}

    .sign-bd .phone-code + .btn {
        width: 70px;
        padding-right: 0;
        padding-left: 0
    }

.sign-bd #alert {
    position: absolute;
    bottom: 2px;
    left: 50px;
    text-align: center
}

    .sign-bd #alert .alert {
        display: inline-block;
        margin-bottom: 0;
        text-align: left;
        border-radius: 4px;
        *display: inline;
        *zoom: 1;
        padding: 7px 10px
    }

        .sign-bd #alert .alert.alert-error {
            border: 1px solid #facd89;
            background-color: #fff1da
        }

.login-form .gt_holder .gt_slider {
    width: auto;
    color: #707070;
    border: 1px solid #d6cbbc;
    border-radius: 2px;
    background: #ece4dd
}

.login-form .gt_holder.float {
    width: auto
}

.login-form .gt_holder .gt_guide_tip {
    left: 25px
}

.login-form .gt_holder .gt_slider_knob {
    left: -12px
}

.sign-phone-layer {
    position: absolute;
    padding: 20px 10px;
    background: #fff
}

    .sign-phone-layer .auth-code {
        width: 66px
    }

    .sign-phone-layer .btn-xs {
        margin-left: 5px;
        vertical-align: middle
    }

    .sign-phone-layer .icon-close {
        top: 5px;
        right: 5px
    }

.app-intro-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 596px;
    padding-top: 45px
}

    .app-intro-img img {
        position: absolute;
        left: 50%;
        margin-left: -960px
    }

    .app-intro-img .container {
        position: relative;
        height: 100%
    }

    .app-intro-img .appstore {
        bottom: 138px
    }

        .app-intro-img .appstore, .app-intro-img .appstore .googleplay {
            position: absolute;
            left: 0
        }

    .app-intro-img .googleplay {
        position: absolute;
        bottom: 68px
    }

.app-intro {
    font-size: 20px;
    line-height: 34px;
    width: 443px;
    margin: 0 auto 80px;
    padding-top: 92px;
    padding-right: 601px;
    color: #62b651
}

    .app-intro strong {
        font-size: 24px;
        font-style: normal
    }

    .app-intro img {
        float: right;
        margin-top: -50px;
        margin-right: -601px
    }

    .app-intro .help {
        font-size: 12px;
        margin-left: 39px
    }

.event-news .tabs {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 20px;
    border-bottom: none;
    background: #f4f7fa
}

    .event-news .tabs li {
        margin-right: 20px
    }

        .event-news .tabs li a {
            color: #7d7d7d
        }

            .event-news .tabs li a:hover, .event-news .tabs li.active a {
                color: #2578bf
            }

.event-news .aligncenter {
    display: block;
    max-width: 100%;
    height: auto
}

.event-news-title {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee
}

    .event-news-title h3 {
        font-weight: 700;
        position: relative;
        bottom: -1px;
        float: left;
        margin: 0 48px 0 0;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 15px;
        border-bottom: 2px solid #62b651
    }

        .event-news-list li a:before, .event-news-title h3:before {
            position: absolute;
            content: ''
        }

        .event-news-title h3:before {
            top: 5px;
            left: 0;
            width: 5px;
            height: 5px;
            background: #62b651
        }

    .event-news-title ul {
        float: left
    }

    .event-news-title li {
        float: left;
        margin-right: 10px
    }

        .event-news-title li a {
            color: #7d7d7d
        }

            .event-news-title li a:hover {
                text-decoration: none;
                color: #2578bf
            }

.event-news-list {
    margin-bottom: 35px
}

    .event-news-list li {
        font-size: 14px;
        margin-top: 8px;
        padding-left: 14px;
        *padding-left: 0
    }

        .event-news-list li:first-child {
            margin-top: 0
        }

        .event-news-list li span {
            float: right;
            color: #c9c9c9
        }

        .event-news-list li a {
            float: left;
            overflow: hidden;
            max-width: 473px;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .event-news-list li a:before {
                margin-top: 6px;
                margin-left: -14px
            }

.event-news-text {
    margin-bottom: 20px;
    padding: 0 38px 20px
}

    .event-news-text h2 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 18px;
        text-align: center
    }

    .event-news-text .btn {
        font-size: 14px;
        font-weight: 700
    }

    .event-news-text .info {
        font-size: 14px;
        line-height: 26px;
        position: relative;
        margin-bottom: 15px;
        padding: 15px 20px 6px;
        color: #7d7d7d;
        border: 1px solid #62b651
    }

        .event-news-text .info .btn-primary {
            position: absolute;
            right: 20px;
            bottom: 5px;
            padding: 4px 21px
        }

    .event-news-text .bd {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 15px
    }

        .event-news-text .bd * {
            max-width: 100%
        }

    .event-news-text label {
        font-size: 14px;
        font-weight: 700
    }

    .event-news-text .func {
        margin-top: 20px;
        margin-bottom: 40px
    }

        .event-news-text .func .label-list {
            display: inline-block;
            vertical-align: middle;
            *display: inline;
            *zoom: 1
        }

            .event-news-text .func .label-list li {
                line-height: 1;
                float: left;
                margin-right: 5px
            }

                .event-news-text .func .label-list li a {
                    display: block;
                    padding: 4px 10px;
                    color: #7d7d7d;
                    background: #f4f7fa;
                    *padding-bottom: 8px
                }

                    .event-news-text .func .label-list li a:hover {
                        text-decoration: none
                    }

                    .event-news-text .func .label-list li a:hover, .event-news-text .func .label-list li.active a {
                        color: #fff;
                        background: #62b651
                    }

.event-news-other-list {
    font-size: 14px;
    line-height: 32px
}

    .event-news-other-list li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .event-news-other-list a {
        color: #7d7d7d
    }

    .event-news-other-list span {
        float: right;
        color: #a0a0a0
    }

.event-news-meta {
    margin-bottom: 20px;
    text-align: center;
    color: #a0a0a0
}

    .event-news-meta em {
        font-style: normal;
        margin-right: 68px
    }

        .event-news-meta em span {
            margin-right: 18px
        }

.event-news-services {
    padding-bottom: 20px;
    color: #a0a0a0
}

    .event-news-services strong {
        color: #e60012
    }

    .event-news-services p {
        margin-bottom: 0
    }

        .event-news-services p:first-of-type {
            margin-top: 5px
        }

.weixin-follow {
    position: relative
}

    .weixin-follow .layer {
        position: absolute;
        z-index: 1070;
        display: none;
        width: 216px;
        margin-top: 32px;
        margin-left: -80px;
        padding: 10px 0 10px 10px;
        color: #333;
        border: 2px solid #62b651;
        background: #fff;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
        *margin-left: -100px
    }

        .weixin-follow .layer .arrow {
            position: absolute;
            left: 50%;
            margin-top: -22px;
            margin-left: -11px
        }

        .weixin-follow .layer img {
            margin-right: 10px
        }

        .weixin-follow .layer .layer-body {
            line-height: 24px;
            overflow: hidden;
            text-align: left
        }

            .weixin-follow .layer .layer-body div {
                margin-bottom: 20px
            }

    .weixin-follow:focus .layer, .weixin-follow:hover .layer {
        display: block
    }

.pay-breadcrumb {
    margin-bottom: 30px
}

    .pay-breadcrumb li {
        font-size: 14px;
        font-weight: 700;
        line-height: 26px;
        position: relative;
        float: left;
        width: 140px;
        margin-right: 5px;
        text-align: center;
        text-indent: 16px;
        color: #000;
        background: #f4f7fa;
        *text-indent: 0
    }

        .pay-breadcrumb li:after, .pay-breadcrumb li:before {
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            content: '';
            border-width: 13px;
            border-style: solid;
            border-color: transparent
        }

        .pay-breadcrumb li:before {
            left: 0;
            border-right-width: 13px;
            border-left-color: #fff
        }

        .pay-breadcrumb li:after {
            z-index: 1;
            right: -26px;
            border-right-width: 13px;
            border-left-color: #f4f7fa
        }

        .pay-breadcrumb li.current {
            color: #fff;
            background: #4aca53
        }

            .pay-breadcrumb li.current:after {
                border-left-color: #4aca53
            }

        .pay-breadcrumb li:first-child {
            text-indent: 11px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

            .pay-breadcrumb li:first-child:before {
                content: none
            }

        .pay-breadcrumb li:last-child {
            text-indent: 0;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

            .pay-breadcrumb li:last-child:after {
                content: none
            }

.pay-order {
    background: #f4f7fa
}

    .pay-order h2 {
        font-weight: 700;
        line-height: 50px;
        margin-top: 0;
        padding-left: 20px;
        color: #62b651;
        border-bottom: 1px solid #c9c9c9
    }

    .pay-order .bd {
        font-size: 14px;
        margin: 10px;
        padding: 20px 20px 0;
        border: 1px solid transparent;
        border-radius: 4px;
        background: #fff
    }

        .pay-order .bd .title {
            font-size: 14px;
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 15px;
            color: #000
        }

        .pay-order .bd h4 {
            font-size: 12px;
            margin-top: 0;
            margin-bottom: 15px
        }

        .pay-order .bd em {
            font-weight: 400;
            font-style: normal;
            color: #f56200
        }

        .pay-order .bd strong {
            font-weight: 400;
            color: #e60012
        }

    .pay-order .contact li {
        margin-bottom: 20px;
        padding-left: 28px
    }

        .pay-order .contact li span {
            margin-right: 15px;
            color: #7d7d7d
        }

        .pay-order .contact li:before {
            position: absolute;
            width: 8px;
            height: 8px;
            margin-top: 6px;
            margin-left: -20px;
            content: '';
            border-radius: 50%;
            background: #62b651
        }

    .pay-order .details table {
        width: 100%;
        margin-bottom: 20px
    }

        .pay-order .details table th {
            font-weight: 400;
            height: 30px;
            text-align: center;
            color: #7d7d7d;
            border-left: 1px solid #f4f7fa;
            background: #efeae5
        }

            .pay-order .details table th:first-child {
                border: none
            }

        .pay-order .details table td {
            height: 116px;
            padding-top: 20px;
            text-align: center;
            vertical-align: top;
            background: #f8f6f2
        }

            .pay-order .details table td.addition {
                font-size: 12px;
                height: auto;
                padding-top: 0;
                padding-right: 10px;
                padding-bottom: 5px;
                text-align: right;
                color: #a0a0a0
            }

    .pay-order .details .media {
        font-size: 12px;
        margin-left: 10px;
        text-align: left;
        color: #7d7d7d
    }

        .pay-order .details .media .media-body div {
            line-height: 24px
        }

    .pay-order .details .tips {
        font-size: 12px;
        padding-left: 10px;
        color: #959595
    }

    .pay-order .details .pay-total {
        font-family: Microsoft Yahei;
        font-size: 18px;
        padding-right: 20px
    }

        .pay-order .details .pay-total strong {
            font-weight: 700
        }

    .pay-order .details .pay-total, .pay-order .details ol {
        margin-bottom: 25px
    }

    .pay-order .details li {
        font-size: 12px;
        color: #7d7d7d
    }

    .pay-order .result {
        margin: 0 -20px 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        border-bottom: 1px solid #eee
    }

        .pay-order .result em {
            font-size: 22px;
            display: block;
            margin-bottom: 25px
        }

        .pay-order .result .share {
            font-size: 12px;
            margin-left: -8px;
            opacity: .5;
            -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
            filter: alpha(opacity=50)
        }

            .pay-order .result .share:focus, .pay-order .result .share:hover {
                opacity: 1;
                -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
                filter: alpha(opacity=100)
            }

            .pay-order .result .share .share-btns {
                margin-right: 10px
            }

        .pay-order .result .qr_scan {
            font: 0/0 a;
            float: right;
            margin-top: -40px;
            padding-right: 20px;
            padding-left: 291px;
            color: transparent;
            border: 0;
            background: url(/Content/event/image/qr_scan_text.png) 0 90% no-repeat;
            text-shadow: none
        }

            .pay-order .result .qr_scan img {
                width: 100px;
                height: 100px;
                padding: 9px;
                border: solid #ffdb80;
                border-width: 1px 1px 5px;
                background: #fff
            }

    .pay-order .pay-banks input {
        margin-right: 10px;
        vertical-align: middle
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .pay-order .pay-banks input[type=radio] {
        padding: 2px
    }

        .pay-order .pay-banks input[type=radio]:before {
            position: absolute;
            width: 10px;
            height: 10px;
            margin-top: 1px;
            margin-left: 1px;
            content: '';
            border-radius: 50%;
            background: #c9c9c9
        }

        .pay-order .pay-banks input[type=radio]:checked {
            background: #fff
        }

            .pay-order .pay-banks input[type=radio]:checked:before {
                background: #62b651
            }
}

.pay-order .pay-banks label {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

    .pay-order .pay-banks label + label {
        margin-left: 70px
    }

.pay-order .pay-banks .divider-vertical {
    margin: 20px 0;
    border-top: 1px dashed #eee
}

.pay-order .pay-banks ul {
    margin-right: -60px
}

.pay-order .pay-banks li {
    float: left;
    margin-right: 60px;
    margin-bottom: 20px
}

    .pay-order .pay-banks li label > span {
        display: inline-block;
        padding-right: 12px;
        vertical-align: middle;
        border: 1px solid #b5b5b5;
        *display: inline;
        *zoom: 1
    }

        .pay-order .pay-banks li label > span span {
            display: block;
            width: 126px;
            height: 36px;
            background-repeat: no-repeat
        }

    .pay-order .pay-banks li label input:checked ~ span {
        border-color: #f56200
    }

    .pay-order .pay-banks li.selected label > span {
        border-color: #f56200
    }

.pay-order .back-admin {
    float: left;
    margin-top: 30px;
    margin-left: 10px
}

.pay-order .btn-lg {
    font-family: Microsoft Yahei;
    font-size: 24px;
    width: 368px;
    margin: 10px 0 20px -116px
}

.pay-order .event-vertical-list {
    margin-right: -20px;
    padding-bottom: 10px
}

    .pay-order .event-vertical-list li {
        width: 168px;
        margin-right: 15px;
        padding: 0
    }

    .pay-order .event-vertical-list img {
        width: 168px;
        height: 100px
    }

.icon-like-before-md, .icon-like-lg, .icon-like-md {
    height: 18px;
    background-image: url(/Content/event/image/backgrounds.32-19830212_20160815.png)
}

.pay-order .event-vertical-list h3 {
    font-size: 14px
}

.alert {
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    background-color: #fcf8e3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

    .alert, .alert h4 {
        color: #c09853
    }

        .alert h4 {
            margin: 0
        }

        .alert .close {
            line-height: 20px;
            position: relative;
            top: -2px;
            right: -21px
        }

.alert-success {
    color: #468847;
    border-color: #d6e9c6;
    background-color: #dff0d8
}

    .alert-success h4 {
        color: #468847
    }

.alert-danger, .alert-error {
    color: #b94a48;
    border-color: #eed3d7;
    background-color: #f2dede
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48
    }

.alert-info, .alert-info h4 {
    color: #3a87ad
}

.alert-info {
    border-color: #bce8f1;
    background-color: #d9edf7
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0
    }

    .alert-block p + p {
        margin-top: 5px
    }

.form-horizontal .help-inline, .form-horizontal .input-append, .form-horizontal .input-prepend, .form-horizontal .uneditable-input, .form-horizontal input, .form-horizontal select, .form-horizontal textarea, .form-inline .help-inline, .form-inline .input-append, .form-inline .input-prepend, .form-inline .uneditable-input, .form-inline input, .form-inline select, .form-inline textarea, .form-search .help-inline, .form-search .input-append, .form-search .input-prepend, .form-search .uneditable-input, .form-search input, .form-search select, .form-search textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.form-horizontal .hide, .form-inline .hide, .form-search .hide {
    display: none
}

.form-inline .btn-group, .form-inline label, .form-search .btn-group, .form-search label {
    display: inline-block
}

.form-inline .input-append, .form-inline .input-prepend, .form-search .input-append, .form-search .input-prepend {
    margin-bottom: 0
}

.form-inline .checkbox, .form-inline .radio, .form-search .checkbox, .form-search .radio {
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle
}

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-search .radio input[type=radio] {
        float: left;
        margin-right: 3px;
        margin-left: 0
    }

.control-group {
    margin-bottom: 10px
}

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1
}

    .form-horizontal .control-group:after, .form-horizontal .control-group:before {
        line-height: 0;
        display: table;
        content: ''
    }

    .form-horizontal .control-group:after {
        clear: both
    }

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    margin-left: 180px;
    *display: inline-block;
    *padding-left: 20px;
    *margin-left: 0
}

    .form-horizontal .controls:first-child {
        *padding-left: 180px
    }

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .form-actions {
    padding-left: 180px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

.input-block-level {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 30px
}

.row {
    margin-left: -20px;
    *zoom: 1
}

    .row:after, .row:before {
        line-height: 0;
        display: table;
        content: ''
    }

    .row:after {
        clear: both
    }

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid [class*=span].hide, [class*=span].hide {
    display: none
}

.row-fluid [class*=span] .label, [class*=span].pull-right {
    border-radius: 3px
}

.badge, .label {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    color: #fff;
    background-color: #999;
    *display: inline;
    *zoom: 1
}

.badge {
    border-radius: 9px;
    padding: 2px 9px
}

    .badge:empty, .label:empty {
        display: none
    }

a.badge:focus, a.badge:hover, a.label:focus, a.label:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff
}

.badge-important, .label-important {
    background-color: #b94a48
}

    .badge-important[href], .label-important[href] {
        background-color: #953b39
    }

.badge-warning, .label-warning {
    background-color: #f3900d
}

    .badge-warning[href], .label-warning[href] {
        background-color: #c67605
    }

.badge-success, .badge-success[href], .label-success, .label-success[href] {
    background-color: #62b651
}

.badge-danger, .label-danger {
    background-color: #ff4c00
}

.badge-info, .badge-info[href], .label-info, .label-info[href] {
    background-color: #2578bf
}

.badge-inverse, .label-inverse {
    background-color: #333
}

    .badge-inverse[href], .label-inverse[href] {
        background-color: #1a1a1a
    }

.btn .badge, .btn .label {
    position: relative;
    top: -1px
}

.btn-mini .badge, .btn-mini .label {
    top: 0
}

.icon-like-md {
    width: 20px;
    background-position: -242px -120px
}

.icon-like-lg {
    width: 22px;
    background-position: -416px 0
}

.icon-like-before-md {
    width: 20px;
    background-position: -417px -108px
}