/*!
 * =====================================================
 * 2015-02-15 
 *
 * designed by Phoebe.
 * 2015-03-10 13:58 
 * modify by phoebe
 * =====================================================
 */
/*全局样式*/
* {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    -webkit-font-smoothing: antialiased
}

body, div {
    font-size: 14px;
    color: #333
}

@media screen and (min-width: 1024px) {
    body {
        background: #f7f7f7
    }

    .bar, .content {
        width: 740px;
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .f10_detail_tab .segmented-control-company {
        width: 738px
    }
}

.content {
    background: #f7f7f7;
    position: relative
}

.bgFFF {
    background-color: #fff
}

.padding10 {
    padding: 10px
}

dd, ul {
    -webkit-margin-start: 0;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0
}

ul {
    list-style: none
}

label {
    font-weight: normal
}

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}

input[type="checkbox"], input[type="radio"] {
    height: 14px
}

.fieldSetStyle {
    height: 40px;
    position: relative
}

    .fieldSetStyle .bgLine {
        position: absolute;
        height: 20px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        top: 0;
        z-index: 1
    }

    .fieldSetStyle p {
        width: 210px;
        padding: 8px 0;
        text-align: center;
        margin: 0 auto;
        background: #f7f7f7;
        margin-bottom: 0;
        color: #333;
        position: inherit;
        z-index: 2
    }

        .fieldSetStyle p span {
            color: #999;
            font-size: 10px;
            margin-left: 5px
        }

.form_frame {
    margin: 10px
}

    .form_frame .control-content {
        padding-bottom: 8px;
        padding-left: 0
    }

        .form_frame .control-content label {
            display: inline-block;
            border: 1px solid #ccc;
            background-color: #fff;
            margin: 10px 0 0 8px;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 14px
        }

        .form_frame .control-content li {
            display: inline-block;
            list-style: none;
            border: 1px solid #ccc;
            background-color: #fff;
            margin: 10px 0 0 8px;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 14px
        }

        .form_frame .control-content label:first-child {
            margin-left: 0
        }

.card .control-content label:first-child {
    margin-left: 8px
}

.form_frame .control-content .active {
    background-color: #00a9da;
    border-color: #00a9da;
    color: #fff
}

.tableStyle {
    display: table;
    width: 100%
}

.tableTr {
    display: table-row
}

    .tableTr .table-view-cell {
        padding: 0;
        text-align: center
    }

button.btnBlue {
    border: 1px solid #00a9da;
    background: #00a9da
}

.font12, time {
    font-size: 12px
}

.font16 {
    font-size: 16px
}

a, dd, p {
}

h4 {
    line-height: 1.4em
}

h5 {
    font-size: 14px
}

.fontBold {
    font-weight: bold;
    font-size: 18px;
    color: #333
}

.textCenter {
    text-align: center
}

.orange {
    color: #ff8800
}

.color333 {
    color: #333
}

.color666 {
    color: #666
}

.color999 {
    color: #999
}

button, input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px
}

textarea {
    resize: none
}

.bar-standard {
    background-color: #fd9701
}

.separate {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    text-align: center
}

.table-view-cell {
    position: relative;
    padding-right: 10px
}

    .table-view-cell .navigate-right:after, .table-view-cell .push-right:after {
        right: 5px;
        content: ''
    }

.toggle.active:before {
    left: 8px;
    content: "开"
}

.toggle:before {
    content: "关";
    right: 8px
}

.toggle.active .toggle-handle {
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0)
}

a:focus, a:hover {
    text-decoration: none
}

dt {
    font-weight: normal
}

.bar.bar-standard {
    background-color: #f7f7f7;
    height: auto;
    padding: 0 10px
}

    .bar.bar-standard.sub_plate {
        box-shadow: none;
        top: 0
    }

    .bar.bar-standard.bar-header-secondary.segmented-control {
        position: fixed;
        height: auto;
        top: 41px;
        padding: 0;
        border-bottom: 0;
        box-shadow: none
    }

.flexWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around
}

    .flexWrapper div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

        .flexWrapper div.flex2 {
            flex-grow: 2
        }

        .flexWrapper div.flex3 {
            flex-grow: 3
        }

        .flexWrapper div.flex4 {
            flex-grow: 4
        }

        .flexWrapper div.flexOut {
            flex: auto
        }

.tableCellStyle {
    display: table
}

.tableTr {
    display: table-row
}

.tableTd, .tableTh {
    padding: 8px 10px;
    display: table-cell
}

.tableWrapper {
    display: table;
    width: 100%
}

.tableRow {
    display: table-row
}

    .tableRow div {
        display: table-cell;
        vertical-align: middle
    }

.show {
    display: block !important
}

.gotop {
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    display: block;
    border-radius: 0.2rem;
    background: rgba(255,255,255,.9);
    position: fixed;
    right: 1rem;
    bottom: 10rem;
    line-height: 3.5rem;
    text-align: center;
    color: #fff;
    z-index: 999
}

.QRcode-button {
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    display: block;
    border-radius: 0.2rem;
    background: #349fe4;
    position: fixed;
    right: 1rem;
    bottom: 10rem;
    line-height: 3.5rem;
    text-align: center;
    color: #666;
    z-index: 999
}

.icon-QRcode {
    background: url("../img/iconQRcode.png") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    margin-top: 9px
}

.catalog-button {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.2rem;
    line-height: 3.5rem;
    text-align: center;
    background: #349fe4;
    color: #fff;
    position: fixed;
    right: 1rem;
    bottom: 6rem;
    z-index: 999
}

.catalog {
    position: fixed;
    top: 0;
    width: 55%;
    right: -55%;
    height: 100%;
    background: #fff;
    z-index: 1000002;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    opacity: 0
}

@-webkit-keyframes slideIn {
    from {
        right: -55%;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        right: -55%;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

@-webkit-keyframes slideOut {
    from {
        right: 0;
        opacity: 1
    }

    to {
        right: -55%;
        opacity: 0
    }
}

@keyframes slideOut {
    from {
        right: 0;
        opacity: 1
    }

    to {
        right: -55%;
        opacity: 0
    }
}

.catalog.show {
    opacity: 1;
    right: 0;
    animation: slideIn 500ms;
    -moz-animation: slideIn 500ms;
    -webkit-animation: slideIn 500ms;
    -o-animation: slideIn 500ms;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

.catalog.hide {
    opacity: 0;
    right: -55%;
    animation: slideOut 500ms;
    -moz-animation: slideOut 500ms;
    -webkit-animation: slideOut 500ms;
    -o-animation: slideOut 500ms
}

.catalog .catalog-title {
    color: #fff;
    background: #349fe4;
    height: 4rem;
    line-height: 4rem;
    padding-left: 16px
}

.catalog.show .catalog-title {
    overflow: visible
}

.catalog dd {
    -webkit-margin-start: 0
}

.catalog .catalog-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow: hidden
}

.catalog li {
    display: list-item;
    text-align: -webkit-match-parent
}

.catalog .catalog-content .catalog-item {
    padding-left: 16px;
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .catalog .catalog-content .catalog-item.level1 {
        color: #333;
        background: #f8f8f8
    }

    .catalog .catalog-content .catalog-item.level2 {
        padding-left: 31px;
        color: #8c8c8c;
        background: #fff
    }

    .catalog .catalog-content .catalog-item.current {
        background: inherit;
        color: #349fe4
    }

.model {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000001;
    height: 100%;
    background: #000;
    opacity: 0.7
}

.catalog-tip {
    display: none;
    opacity: 0;
    position: fixed;
    top: 60%;
    left: 14%;
    z-index: 1000002;
    color: #fff
}

p.catalog-tip-txt {
    color: #fff;
    font-weight: 700
}

.catalog-tip.show {
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in;
    transition: opacity 0.6s ease-in
}

.catalog-tip .layout-icons_hand {
    position: absolute;
    font-size: 3rem;
    left: 50%;
    margin-left: -13.5px
}

.logo:before {
    content: "__";
    color: #fff
}

.logo_sgj:before {
    background: url("../img/icon_sgj.png") no-repeat
}

.logo_sgj {
    display: inline-block;
    background: url("../img/icon_sgj.png") no-repeat;
    width: 11px;
    height: 16px;
    background-size: cover
}

.qikuLogo {
    padding: 10px;
    text-align: center
}

    .qikuLogo img {
        width: 112px;
        height: 32px;
        background-size: cover
    }

.banner01 {
    background: url("../img/banner.jpg") no-repeat;
    background-size: cover
}

.banner02 {
    background: url("../img/banner02.jpg") no-repeat;
    background-size: cover
}

.top_desc b {
    color: #000
}

.pic_list > img {
    width: 100%
}

.bar .title, .bar a, .bar-tab .tab-item {
    color: #666
}

header.bar a {
    font-size: 14px
}

.bar-tab ~ .content {
    padding-bottom: 100px
}

.bar-tab.f10Tab ~ .content {
    padding-bottom: 0
}

.bar-tab ~ .content.project_detail {
}

div.burger {
    height: 26px;
    width: 40px;
    position: fixed;
    top: 0;
    left: 7px;
    cursor: pointer;
    z-index: 1000000
}

div.x, div.y, div.z {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

div.x, div.y, div.z {
    height: 3px;
    width: 26px;
    background-color: #999;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

    div.y.squize {
        width: 0;
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out
    }

div.y {
    top: 18px
}

div.z {
    top: 37px
}

div.open div.x, div.open div.z {
    top: 15px;
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out
}

div.rotate30 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out
}

div.rotate150 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out
}

div.rotate45 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

div.rotate135 {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

div.menu {
    height: 100%;
    margin-left: -200px;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    z-index: 99999
}

#menu-bg {
    position: absolute;
    left: -10px;
    top: -120px;
    opacity: 0.3;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

div.menu.animate #menu-bg {
    left: -23px;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

div.menu.animate {
    margin-left: 0;
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

div.menu ul {
    position: relative;
    display: block;
    width: 150px;
    height: 100%;
    background-color: #333c41
}

    div.menu ul li {
        list-style: none;
        height: 45px;
        line-height: 45px;
        text-align: left;
        font-size: 15px
    }

        div.menu ul li.line {
            border-bottom: 1px solid #555656;
            box-shadow: 0 1px 1px #2b3337
        }

        div.menu ul li.head {
            background-color: #000;
            color: #fff;
            height: 44px;
            line-height: 44px;
            overflow: hidden;
            border-bottom: 0
        }

            div.menu ul li.head span {
                float: right;
                margin-top: 11px;
                margin-right: 11px
            }

        div.menu ul li a:hover, div.menu ul li.current {
            background-color: #2ba7d3
        }

        div.menu ul li a {
            display: block;
            padding-left: 20px;
            color: #fff;
            text-decoration: none;
            letter-spacing: 1px;
            cursor: pointer;
            font-size: 14px
        }

            div.menu ul li a span {
                margin-right: 10px;
                font-size: 14px
            }

div.menu.animate ul li {
    -webkit-transition: all 1000ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 1000ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 1000ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

div.menu.animate li:nth-of-type(1) {
    transition-delay: 0.0s
}

div.menu.animate li:nth-of-type(2) {
    transition-delay: 0.06s
}

div.menu.animate li:nth-of-type(3) {
    transition-delay: 0.12s
}

div.menu.animate li:nth-of-type(4) {
    transition-delay: 0.18s
}

div.menu.animate li:nth-of-type(5) {
    transition-delay: 0.24s
}

div.menu.animate li:nth-of-type(6) {
    transition-delay: 0.30s
}

div.menu.animate li:nth-of-type(7) {
    transition-delay: 0.36s
}

div.menu ul li .idImg img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-left: 5px;
    vertical-align: middle
}

div.menu + .mask {
    z-index: 9999
}

.filterList {
    content: '';
    clear: both
}

    .filterList .animateDropdown:last-child {
        float: right
    }

.animateDropdown {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 10px 0;
    display: inline-block;
    position: relative
}

    .animateDropdown div {
        display: inline-block;
        padding: 2px
    }

    .animateDropdown ul {
        display: block;
        position: absolute;
        z-index: 2;
        padding: 2px;
        background-color: #fff;
        border: 1px solid #ddd;
        top: 25px;
        left: -1px;
        max-height: 160px;
        overflow-y: auto
    }

        .animateDropdown ul li {
            padding: 5px 7px
        }

    .animateDropdown div:first-child {
        border-right: 1px solid #ddd
    }

    .animateDropdown .icon {
        font-size: 20px
    }

    .animateDropdown .auto span {
        padding: 10px 5px
    }

.tabularName .auto {
    width: 105px
}

.tabularName .dropdownList {
    width: 106px
}

.time .auto {
    width: 125px
}

.time .dropdownList {
    width: 126px
}

.segmented-control-list {
    position: relative;
    display: table;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    background-color: white;
    border: 2px solid #00a9da;
    border-radius: 5px;
    margin: 7px 30px 5px
}

    .segmented-control-list .control-item {
        display: table-cell;
        width: 1%;
        padding-top: 4px;
        padding-bottom: 5px;
        overflow: hidden;
        line-height: 1;
        color: #00a9da;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-left: 1px solid #00a9da
    }

        .segmented-control-list .control-item:first-child {
            border-left-width: 0
        }

        .segmented-control-list .control-item:active {
            background-color: #eee
        }

        .segmented-control-list .control-item.active {
            background-color: #00a9da;
            color: #fff
        }

.item h2 {
    padding: 0;
    font-size: 18px;
    margin-top: 10px
}

.item-thumbnail-left {
    padding-top: 8px;
    padding-left: 106px;
    min-height: 100px
}

    .item-thumbnail-left img {
        position: absolute;
        top: 10px;
        left: 10px;
        max-width: 80px;
        max-height: 80px;
        width: 100%;
        height: 100%
    }

.item {
    border-color: #ddd;
    background-color: #fff;
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px;
    padding: 16px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px
}

    .item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .item h2 {
            margin: 0 0 2px;
            font-size: 16px;
            font-weight: 400
        }

        .item p {
            color: #666;
            font-size: 14px;
            margin-bottom: 2px
        }

.item-avatar .item-content .item-image, .item-avatar .item-content > img:first-child, .item-avatar .item-image, .item-avatar > img:first-child, .item-avatar-left .item-content .item-image, .item-avatar-left .item-content > img:first-child, .item-avatar-left .item-image, .item-avatar-left > img:first-child {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.imgLeftTextRight div {
    display: inline-block
}

.contentCenter {
    text-align: center
}

.RLblockWrapper {
    width: auto;
    display: block;
    margin: 10px auto;
    padding: 10px
}

    .RLblockWrapper h2, .RLblockWrapper p {
        margin: 5px;
        text-align: left;
        padding: 0
    }

.icon-210000:before {
    content: '\002A'
}

.icon-460000:before {
    content: '\0021'
}

.icon-270000:before {
    content: '\0022'
}

.icon-430000:before, .icon-430000:before {
    content: '\0023'
}

.icon-350000:before {
    content: '\0024'
}

.icon-410000:before {
    content: '\0025'
}

.icon-230000:before {
    content: '\0026'
}

.icon-220000:before {
    content: '\0027'
}

.icon-640000:before {
    content: '\0028'
}

.icon-330000:before {
    content: '\0029'
}

.icon-610000:before {
    content: '\0030'
}

.icon-420000:before {
    content: '\0031'
}

.icon-310000:before {
    content: '\0032'
}

.icon-490000:before {
    content: '\0033'
}

.icon-110000:before {
    content: '\0034'
}

.icon-360000:before {
    content: '\0035'
}

.icon-450000:before {
    content: '\0036'
}

.icon-340000:before {
    content: '\0037'
}

.icon-470000:before, .icon-interact:before {
    content: '\0038'
}

.icon-320000:before, .icon-order:before {
    content: '\0039'
}

.icon-370000:before {
    content: '\0040'
}

.icon-240000:before {
    content: '\0041'
}

.icon-510000:before {
    content: '\0042'
}

.icon-630000:before {
    content: '\0043'
}

.icon-480000:before {
    content: '\0044'
}

.icon-710000:before {
    content: '\0045'
}

.icon-720000:before {
    content: '\0046'
}

.icon-730000:before {
    content: '\0047'
}

.icon-280000:before {
    content: '\0049'
}

.icon-620000:before {
    content: '\004A'
}

.icon-650000:before {
    content: '\004B'
}

.icon-filter:before {
    content: '\02DB'
}

.icon-download:before {
    content: '\E802'
}

.icon-search2:before {
    content: '\E807'
}

.icon-eye:before {
    content: '\004C'
}

.icon-address:before {
    content: '\004D'
}

.icon-date:before {
    content: '\004E'
}

.myProfileIcon {
    display: inline-block;
    background: url("../img/myProfileIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.homeIcon {
    display: inline-block;
    background: url("../img/homeIconW.png") no-repeat;
    width: 19px;
    height: 18px;
    background-size: cover
}

.castingIcon {
    display: inline-block;
    background: url("../img/castingIcon.png") no-repeat;
    width: 19px;
    height: 18px;
    background-size: cover
}

.findEnterpriseIcon {
    display: inline-block;
    background: url("../img/findEnterpriseIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.findProjectIcon {
    display: inline-block;
    background: url("../img/findProjectIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.findVestorIcon {
    display: inline-block;
    background: url("../img/findVestorIcon.png") no-repeat;
    width: 17px;
    height: 18px;
    background-size: cover
}

.findServiceIcon {
    display: inline-block;
    background: url("../img/findServiceIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.sanbanIcon {
    display: inline-block;
    background: url("../img/sanbanIcon.png") no-repeat;
    width: 21px;
    height: 19px;
    background-size: cover
}

.findRoadshowIcon {
    display: inline-block;
    background: url("../img/findRoadshowIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.questionIcon {
    display: inline-block;
    background: url("../img/questionIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.questionGrayIcon {
    display: inline-block;
    background: url("../img/question.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.switchIDIcon {
    display: inline-block;
    background: url("../img/switchID.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.favWhiteIcon {
    display: inline-block;
    background: url("../img/favoriteWhite.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: text-bottom;
    margin: 0 5px
}

.comWhiteIcon {
    display: inline-block;
    background: url("../img/commentsIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    vertical-align: text-bottom;
    margin: 0 5px
}

.commentGray {
    display: inline-block;
    background: url("../img/comment.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    vertical-align: text-bottom
}

.viewWhiteIcon {
    display: inline-block;
    background: url("../img/viewWhite.png") no-repeat;
    width: 20px;
    height: 14px;
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px
}

.viewGray {
    display: inline-block;
    background: url("../img/eye.png") no-repeat;
    width: 20px;
    height: 14px;
    background-size: cover;
    vertical-align: initial
}

.viewIcon {
    display: inline-block;
    background: url("../img/eye2.png") no-repeat;
    width: 18px;
    height: 13px;
    background-size: cover;
    vertical-align: middle
}

.locationIcon {
    display: inline-block;
    background: url("../img/location.png") no-repeat;
    width: 13px;
    height: 15px;
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px
}

.linkIcon {
    display: inline-block;
    background: url("../img/linkIcon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px
}

.serviceIcon {
    display: inline-block;
    background: url("../img/serviceIcon.png") no-repeat;
    width: 13px;
    height: 15px;
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px
}

.addIcon {
    display: inline-block;
    background: url("../img/add.png") no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    background-size: cover
}

.buildingIcon {
    background: url("../img/building.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top
}

.building333Icon {
    background: url("../img/building333.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top
}

.cardIcon {
    background: url("../img/cardIcon.png") no-repeat;
    width: 15px;
    height: 12px;
    background-size: cover;
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top
}

.sgjMiniIcon {
    background: url("../img/icon_sgj_b.png") center no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.qlMiniIcon {
    background: url("../img/icon_ql_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.cstcMiniIcon {
    background: url("../img/icon_cstc_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.tjsMiniIcon {
    background: url("../img/icon_tjs_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.zgjMiniIcon {
    background: url("../img/icon_zgj_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.ggjMiniIcon {
    background: url("../img/icon_ggj_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.qeecMiniIcon {
    background: url("../img/icon_qeec_b.png") center no-repeat;
    width: 20px;
    height: 16px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.warningIcon {
    display: inline-block;
    background: url("../img/warningIcon.png") no-repeat;
    width: 17px;
    height: 15px;
    background-size: cover;
    margin-right: 6px;
    vertical-align: text-bottom
}

.down, .fair, .fair-font, .up {
    display: inline-block;
    background: url("../img/up.png") no-repeat;
    width: 12px;
    height: 16px;
    background-size: cover;
    top: 13px;
    margin-right: 3px
}

.down {
    background: url("../img/down.png") no-repeat;
    width: 12px;
    height: 16px;
    background-size: cover
}

.fair {
    background: url("../img/fair3.png") no-repeat;
    width: 12px;
    height: 16px;
    background-size: cover
}

.fair-font {
    color: #fff;
    background: none;
    height: auto;
    top: 0;
    vertical-align: super
}

strong .fair-font {
    color: #fff;
    top: 13px;
    font-weight: 100;
    font-size: 14px
}

.activeStar, .bar-tab .tab-item .icon.activeStar, .bar-tab .tab-item .icon.grayStar, .grayStar {
    display: inline-block;
    background: url("../img/grayStar.png") no-repeat;
    background-size: cover;
    cursor: pointer;
    vertical-align: -4px;
    margin-bottom: 1px;
    margin-right: 3px
}

.activeStar, .bar-tab .tab-item .icon.activeStar {
    background: url("../img/star.png") no-repeat;
    background-size: cover
}

.bar-tab .tab-item .icon.activeStar, .bar-tab .tab-item .icon.grayStar {
    width: 24px;
    height: 24px;
    background-size: cover
}

.bar-tab .tab-item .icon.favourite {
    background: url("../img/favourite.png") no-repeat;
    background-size: cover;
    margin-bottom: 5px;
    width: 44px;
    height: 28px;
    display: inline-block
}

.bar-tab .tab-item .icon.chat {
    background: url("../img/chat.png") no-repeat;
    background-size: cover;
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.bar-tab .tab-item .icon.exchangeIcon {
    background: url("../img/exchangeIconFooter.png") no-repeat;
    background-size: cover;
    width: 40px;
    height: 25px;
    display: inline-block;
    vertical-align: super
}

.bar-tab .tab-item .icon.gradeIcon {
    background: url("../img/gradeIcon.png") no-repeat;
    width: 24px;
    height: 19px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-size: cover;
    cursor: pointer;
    vertical-align: top
}

.bar-tab .tab-item .icon.tieIcon {
    background: url("../img/tieIcon.png") no-repeat;
    width: 20px;
    height: 32px;
    background-size: cover;
    cursor: pointer;
    vertical-align: middle;
    top: 0;
    margin-right: 3px
}

.bar-tab .tab-item .icon.home {
    background: url("../img/home.png") no-repeat;
    width: 24px;
    height: 24px
}

.bar-tab .tab-item .icon.trends {
    background: url("../img/trends.png") no-repeat;
    width: 25px;
    height: 20px;
    margin-top: 6px
}

.bar-tab .tab-item .icon.favourite {
    background: url("../img/farourite.png") no-repeat;
    width: 25px;
    height: 24px;
    margin-top: 1px
}

.bar-tab .tab-item .icon.search {
    background: url("../img/filter.png") no-repeat;
    width: 25px;
    height: 23px;
    margin-top: 3px
}

.bar-tab.insFooter .tab-item.shareIcon > span {
    color: #2ba7d3
}

.bar-tab .tab-item .icon.favourite, .bar-tab .tab-item .icon.home, .bar-tab .tab-item .icon.search, .bar-tab .tab-item .icon.trends {
    background-size: cover;
    margin-bottom: 8px
}

.bar-tab .tab-item .icon.chatActiveIcon, .bar-tab .tab-item .icon.chatIcon {
    display: inline-block;
    background-size: cover;
    cursor: pointer;
    margin-bottom: 1px;
    top: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 5px;
    vertical-align: -6px
}

.bar-tab .tab-item .icon.chatIcon {
    background-image: url("../img/chat.png")
}

.bar-tab .tab-item .icon.chatActiveIcon {
    background-image: url("../img/chatActive.png")
}

.bar-tab .tab-item .attentRed {
    background-color: #ce1010;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    line-height: 9px;
    width: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    top: 5px;
    margin-left: 5px;
    font-weight: 600
}

span.eye {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: url("../img/eye.jpg") no-repeat;
    padding-left: 25px;
    color: #999
}

.wonderful {
    position: absolute;
    background: url("../img/wonderful.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
    vertical-align: middle
}

.teamIcon {
    background: url("../img/teamIcon.png") no-repeat;
    width: 20px;
    height: 13px;
    background-size: cover;
    display: inline-block;
    margin-right: 5px
}

.attentionSuccess .close {
    position: absolute;
    width: 21px;
    height: 21px;
    background: #fff;
    background: url("../img/btn_close.png") no-repeat;
    background-size: cover
}

.boleIcon {
    display: inline-block;
    background: url("../img/bole.png") no-repeat;
    width: 32px;
    height: 20px;
    background-size: cover;
    vertical-align: middle
}

.zuimeiIcon {
    display: inline-block;
    background: url("../img/beautiful50.png") no-repeat;
    width: 32px;
    height: 20px;
    background-size: cover;
    vertical-align: middle
}

.koubeiIcon {
    display: inline-block;
    background: url("../img/koubei.png") no-repeat;
    width: 32px;
    height: 20px;
    background-size: cover;
    vertical-align: middle
}

.tagIconW {
    display: inline-block;
    background: url("../img/tagIconW.png") no-repeat;
    width: 15px;
    height: 15px;
    background-size: cover;
    vertical-align: bottom;
    margin-right: 5px
}

.bar-footer span.icon.atIcon {
    font-size: 28px;
    color: #666;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    vertical-align: top;
    top: -2px
}

.exchangeIcon {
    display: inline-block;
    background: url("../img/exchangeIcon.png") no-repeat;
    background-size: cover;
    width: 23px;
    height: 15px;
    margin-right: 5px
}

.bingoIcon {
    display: inline-block;
    background: url("../img/successful.png") no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-right: 15px;
    vertical-align: sub
}

.editIcon {
    display: inline-block;
    background: url("../img/editIcon.png") no-repeat;
    width: 27px;
    height: 31px;
    background-size: cover;
    margin-right: 15px
}

.bullBingoIcon {
    display: inline-block;
    background: url("../img/bullBingo.png") no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    margin-right: 5px;
    vertical-align: sub
}

.secretaryIcon, .secretaryIconGray {
    display: inline-block;
    background: url("../img/secretaryIcon.png") no-repeat;
    width: 17px;
    height: 16px;
    background-size: cover;
    margin-right: 5px;
    vertical-align: sub
}

.secretaryIconGray {
    background: url("../img/secretaryIconGray.png") no-repeat;
    background-size: cover
}

.active .tabIcon1, .active .tabIcon2, .active .tabIcon3, .active .tabIcon4, .active .tabIcon5, .active .tabIcon6, .active .tabIcon7, .active .tabIcon8, .active .tabIcon9, .tabIcon1, .tabIcon2, .tabIcon3, .tabIcon4, .tabIcon5, .tabIcon6, .tabIcon7, .tabIcon8, .tabIcon9 {
    display: inline-block;
    background: url("../img/tabIcon1.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
    vertical-align: bottom
}

.active .tabIcon1 {
    background: url("../img/tabIcon1Active.png") no-repeat;
    background-size: cover
}

.tabIcon2 {
    background: url("../img/tabIcon2.png") no-repeat;
    background-size: cover
}

.active .tabIcon2 {
    background: url("../img/tabIcon2Active.png") no-repeat;
    background-size: cover
}

.tabIcon3 {
    background: url("../img/tabIcon3.png") no-repeat;
    width: 29px;
    height: 15px;
    background-size: cover;
    vertical-align: middle
}

.active .tabIcon3 {
    background: url("../img/tabIcon3Active.png") no-repeat;
    width: 29px;
    height: 15px;
    background-size: contain;
    vertical-align: middle
}

.tabIcon4 {
    background: url("../img/tabIcon4.png") no-repeat;
    background-size: cover
}

.active .tabIcon4 {
    background: url("../img/tabIcon4Active.png") no-repeat;
    background-size: cover
}

.tabIcon5 {
    background: url("../img/tabIcon5.png") no-repeat;
    background-size: cover
}

.active .tabIcon5 {
    background: url("../img/tabIcon5Active.png") no-repeat;
    background-size: cover
}

.tabIcon6 {
    background: url("../img/tabIcon6.png") no-repeat;
    background-size: cover
}

.active .tabIcon6 {
    background: url("../img/tabIcon6Active.png") no-repeat;
    background-size: cover
}

.tabIcon7 {
    background: url("../img/tabIcon7.png") no-repeat;
    width: 21px;
    height: 20px;
    background-size: cover;
    vertical-align: middle
}

.active .tabIcon7 {
    background: url("../img/tabIcon7Active.png") no-repeat;
    width: 21px;
    height: 20px;
    background-size: cover;
    vertical-align: middle
}

.tabIcon8 {
    background: url("../img/tabIcon8.png") no-repeat;
    background-size: cover
}

.active .tabIcon8 {
    background: url("../img/tabIcon8Active.png") no-repeat;
    background-size: cover
}

.tabIcon9 {
    background: url("../img/tabIcon9.png") no-repeat;
    background-size: cover
}

.active .tabIcon9 {
    background: url("../img/tabIcon9Active.png") no-repeat;
    background-size: cover
}

.memberIconWrapper {
    border: 1px solid #ff8800;
    border-radius: 3px;
    padding: 1px 20px 1px 5px;
    word-break: keep-all;
    position: relative;
    margin-left: 5px;
    color: #ff8800;
    font-size: 11px;
    display: inline-block
}

.memberIcon {
    background: url("../img/memberIcon.png") no-repeat;
    width: 22px;
    height: 22px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -2px
}

.newsDataIsNone {
    background: url("../img/newsDataIsNoneIcon.png") no-repeat;
    width: 32px;
    height: 32px;
    background-size: cover;
    display: block;
    margin: 10px auto
}

.researchDataIsNone {
    background: url("../img/researchDataIsNoneIcon.png") no-repeat;
    width: 30px;
    height: 32px;
    background-size: cover;
    display: block;
    margin: 10px auto
}

.wantToResearch {
    display: block;
    margin: 10px 0
}

.topIcon {
    font-size: 9px;
    padding: 2px 5px;
    border: 1px solid #999;
    color: #666;
    border-radius: 3px;
    margin: 0 5px
}

.memberDataIsNone {
    background: url("../img/memberDataIsNoneIcon.png") no-repeat;
    width: 47px;
    height: 42px;
    background-size: cover;
    display: block;
    margin: 10px auto
}

.plusLogo {
    background: url("../img/cardPlusLogo.png") no-repeat;
    background-size: cover;
    width: 55px;
    height: 30px
}

.ascending, .defaultCending, .descending {
    display: inline-block;
    width: 7px;
    height: 10px;
    vertical-align: middle;
    margin-left: 5px
}

.defaultCending {
    background: url("../img/defaultCending.png") no-repeat;
    background-size: cover
}

.ascending {
    background: url("../img/ascending.png") no-repeat;
    background-size: cover
}

.descending {
    background: url("../img/descending.png") no-repeat;
    background-size: cover
}

.qkCastingIcon {
    display: inline-block;
    background: url("../img/qkcasting.png") no-repeat;
    width: 46px;
    height: 38px;
    background-size: cover
}

.recommendIcon {
    display: inline-block;
    background: url("../img/privateIcon.png") no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover
}

.certificateIcon {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background-color: #f45a58;
    color: #fff;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    margin: 0 3px;
    cursor: pointer
}

.thumbUp {
    display: inline-block;
    background: url("../img/thumbUp.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px
}

.thumbDown {
    display: inline-block;
    background: url("../img/thumbDown.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px
}

.financingBingoIcon {
    display: inline-block;
    background: url("../img/bingoIcon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px
}

.broadcastIcon {
    display: inline-block;
    background: url("../img/broadcast.png") no-repeat;
    width: 16px;
    height: 15px;
    background-size: cover;
    vertical-align: middle
}

.viewDetailBtn {
    display: inline-block;
    background: url("../img/viewDetailBtn.png") no-repeat;
    width: 60px;
    height: 60px;
    background-size: cover;
    border: none;
    text-indent: -9999px
}

.terminalIcon {
    display: inline-block;
    background: url("../img/terminal.png") no-repeat;
    width: 48px;
    height: 49px;
    background-size: cover;
    vertical-align: bottom;
    margin-right: 3px
}

.filterIcon {
    display: inline-block;
    background: url("../img/filterIcon.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 3px
}

.btn-grey {
    color: #333;
    background-color: #ccc;
    border: 1px solid #ccc
}

    .btn-grey:active, .btn-primary.active {
        color: #fff;
        background-color: #eee;
        border: 1px solid #eee
    }

.btn_filter {
    font-size: 16px !important;
    color: #666;
    line-height: 24px
}

    .btn_filter:hover {
        outline: 0
    }

.mobileBtn {
    display: block;
    margin: 10px auto;
    padding: 10px 0;
    background-color: #2ba7d3;
    color: #fff;
    border-radius: 5px;
    width: 162px;
    text-align: center
}

.commonBtn {
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #2ba7d3;
    color: #fff;
    margin: 0 5px;
    border: none;
    cursor: pointer
}

.btnStyle {
    background-color: #2ba7d3;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px
}

.msg_error {
    display: block
}

    .msg_error, .msg_error span {
        font-size: 12px;
        color: #ff8800;
        line-height: 1.4em
    }

.orangeBorderDiv {
    background-color: #fff2e4;
    border: 1px solid #ff8800;
    color: #ff8800;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 2px
}

p.recommend {
    display: block;
    text-align: right;
    padding: 10px;
    font-size: 12px
}

.required {
    color: #ff0000
}

.loading_more {
    padding: 0;
    margin: 10px
}

    .loading_more span {
        display: block;
        padding: 10px;
        text-align: center;
        color: #999;
        background: #ddd;
        border-radius: 5px
    }

        .loading_more span:active {
            background: #ccc
        }

    .loading_more.ending span {
        color: #ccc;
        background-color: transparent
    }

.insFooter {
    display: block;
    padding: 10px;
    background: -moz-linear-gradient(top, #fff 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e4e4e4));
    background: -webkit-linear-gradient(top, #fff 0%,#e4e4e4 100%);
    background: -o-linear-gradient(top, #fff 0%,#e4e4e4 100%);
    background: -ms-linear-gradient(top, #fff 0%,#e4e4e4 100%);
    background: linear-gradient(to bottom, #fff 0%,#e4e4e4 100%) !important
}

    .insFooter .tab-item {
        height: 30px;
        font-size: 15px
    }

.bar-tab .tab-item .icon ~ .tab-label {
    display: inline-block;
    font-size: 18px;
    color: #333
}

.bar-tab.insFooter .tab-item + .tab-item {
    border-left: 1px solid #ccc
}

.bar-tab.bar-standard .tab-item .icon ~ .tab-label {
    font-size: 12px;
    display: block;
    color: #fff
}

.bar-tab.roadshow_menu .tab-item:last-child .icon ~ .tab-label {
    font-size: 12px;
    color: #333;
    display: block
}

.exchangeCard {
    background-color: #2ba7d3;
    color: #fff
}

.bar-tab a.tab-item.exchangeCard {
    width: 100%
}

.bar-tab .tab-item .icon.exchangeIcon {
    background: url("../img/exchangeIconFooter.png") no-repeat;
    background-size: cover;
    width: 40px;
    height: 25px;
    display: inline-block;
    vertical-align: super
}

.bar-tab .tab-item .tab-label .exchanged {
    display: block;
    color: rgba(255,255,255,0.5);
    font-size: 12px
}

.bar-tab a.tab-item.exchangeCard .icon ~ .tab-label {
    display: inline-block;
    font-size: 18px;
    padding-top: 5px;
    text-align: left;
    color: #fff
}

.newsFooter {
    padding: 0;
    height: auto
}

    .newsFooter .flexWrapper div {
        text-align: center;
        margin: 10px;
        color: #999;
        font-size: 14px
    }

        .newsFooter .flexWrapper div:first-child {
            border-right: 1px solid #ddd
        }

        .newsFooter .flexWrapper div.viewPDF {
            margin: 0;
            padding: 10px;
            background-color: #2ba7d3;
            color: #fff;
            font-size: 12px
        }

.company_list .comp_name, .company_list .listed_time {
    width: 90px
}

.company_list .listed_time {
    width: 65px
}

.company_list .comp_name img {
    width: 24px;
    vertical-align: text-bottom
}

.company_list .files .images > img {
    width: 16px
}

.company_list .listed_time {
    padding-top: 8px;
    color: #999
}

.company_list a {
    display: table-cell
}

    .company_list a.navigate-right {
        margin-right: 20px
    }

        .company_list a.navigate-right:after {
            content: ' '
        }

.company_list li:active {
    background-color: #eee
}

.company_list div {
    display: inline-block;
    vertical-align: middle
}

.company_list .icon-star {
    color: #999;
    font-size: 16px;
    width: 30%;
    position: absolute;
    right: 30px
}

.company_list .icon b {
    margin-left: 5px;
    font-weight: lighter
}

.company_list .icon-star-filled {
    color: #eca805;
    font-size: 16px;
    width: 30%;
    position: absolute;
    right: 30px
}

    .company_list .icon-star-filled b {
        color: #00a9da
    }

.company_list span.price, .company_list span.undefined {
    font-size: 16px;
    color: #ff8800;
    line-height: 2.0em
}

.company_list span.undefined {
    color: #999;
    position: relative
}

.company_list .marketCondition {
    margin-top: 8px
}

.marketCondition span, .marketCondition strong {
    display: inline-block
}

.marketCondition strong {
    font-size: 18px;
    font-weight: inherit;
    margin-right: 3px
}

    .marketCondition strong + span {
        width: 12px;
        height: 16px;
        margin-left: 0
    }

.marketCondition.default {
    color: #ff8800
}

.marketCondition.fairStyle {
    color: #999
}

.top_desc {
    font-size: 12px !important;
    padding: 5px 8px;
    color: #999
}

.popBox {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    margin-top: 44px
}

.popFilter {
    background: #eee;
    max-height: 90%;
    overflow: auto
}

.popButton span {
    width: 50%;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    height: 50px;
    line-height: 50px
}

    .popButton span.reset {
        background: #000
    }

    .popButton span.submit {
        background: #2ba7d3
    }

.autoHidePop {
    background: rgba(0,0,0,0.5);
    padding: 20px;
    color: #fff
}

.dackdrop {
    outline: 0
}

.popover {
    position: relative !important;
    width: 100%
}

    .popover .bar {
        position: absolute !important
    }

.myPopover {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.searchPop {
    position: fixed;
    width: 90%;
    left: 5%;
    top: 30%;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    overflow: inherit;
    background: #eee
}

    .searchPop .icon-close {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 17px;
        background: #fff;
        right: -27px;
        top: -27px;
        font-size: 17px;
        padding-top: 4px
    }

    .searchPop header {
        overflow: hidden
    }

        .searchPop header .icon {
            font-size: 16px
        }

    .searchPop input {
        width: 85%;
        margin-right: 5px;
        margin-bottom: 0
    }

.servicePop {
    width: 70%;
    left: 15%
}

    .servicePop p {
        font-size: 16px;
        color: #555
    }

        .servicePop p a {
            font-size: 20px
        }

.dialog .tabularStyle td, .dialog .tabularStyle th {
    padding: 5px;
    text-align: right;
    color: #666
}

.dialog .tabularStyle th {
    text-align: left;
    font-weight: normal
}

.dialog .tabularStyle tr {
    border-bottom: 1px solid #ddd
}

    .dialog .tabularStyle tr.time {
        background-color: #e1f7ff;
        font-size: 16px;
        font-weight: bold;
        border-top: 2px solid #addce9;
        border-bottom: 2px solid #addce9
    }

        .dialog .tabularStyle tr.time td {
            text-align: left;
            padding: 10px;
            color: #333
        }

    .dialog .tabularStyle tr.title {
        position: inherit;
        line-height: inherit;
        display: table-row
    }

        .dialog .tabularStyle tr.title th {
            color: #0684b0;
            padding-top: 15px
        }

    .dialog .tabularStyle tr.subtotal {
        background-color: #f6f6f6
    }

        .dialog .tabularStyle tr.subtotal td, .dialog .tabularStyle tr.subtotal th {
            color: #333
        }

    .dialog .tabularStyle tr.total {
        background-color: #333
    }

        .dialog .tabularStyle tr.total td, .dialog .tabularStyle tr.total th {
            color: #fff
        }

.dialogContent .segmented-control-list {
    margin: 0 0 20px
}

.mask, .mask2 {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 13
}

.mask2 {
    background: rgba(0,0,0,0.9);
    z-index: 100
}

.f10_detail_tab .mask {
    z-index: 15
}

.popup {
    display: none;
    position: fixed;
    z-index: 14;
    background-color: #fff;
    width: 80%;
    left: 10%;
    top: 10%;
    border-radius: 5px
}

    .popup header {
        padding: 10px;
        border-bottom: 1px solid #ccc
    }

    .popup footer {
        padding: 10px;
        border-top: 1px solid #ccc;
        text-align: center
    }

    .popup .popupBody {
        padding: 10px
    }

    .popup.successful {
        text-align: center;
        padding: 30px
    }

    .popup .cellBtn {
        width: 49%;
        text-align: center;
        border: none;
        background-color: #fff
    }

        .popup .cellBtn:active, .popup .cellBtn:hover {
            color: #2ba7d3
        }

        .popup .cellBtn + .cellBtn {
            border-left: 1px solid #ccc
        }

    .popup .prompt {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 500
    }

        .popup .prompt > img.success {
            width: 50px
        }

    .popup .code > img {
        width: 60%
    }

#askQuestion .popupBody, #qikuCode .popupBody {
    position: fixed;
    z-index: 10000;
    width: inherit;
    text-align: center;
    background-color: #fff;
    padding: 20px 0;
    height: auto;
    border-radius: 10px
}

.dialog {
    position: fixed;
    z-index: 10000;
    border-radius: 5px;
    background-color: #fff;
    width: 300px;
    margin: 30px auto
}

.dialogHead {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.dialogContent {
    padding: 20px;
    min-height: 100px
}

.dialogHead .close {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #999;
    cursor: pointer;
    font-size: 24px
}

.scanQrcodeWrapper {
    text-align: center;
    color: #999
}

.popup .scanQrcodeWrapper img {
    display: block;
    width: 100%;
    margin: 10px auto
}

.filterItem, .industry, .stockExchange {
    background: #fff
}

    .filterItem .popTitle, .industry .popTitle, .stockExchange .popTitle {
        color: #333;
        text-align: left;
        line-height: 30px;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        padding: 5px 8px
    }

        .filterItem .popTitle span, .industry .popTitle span, .stockExchange .popTitle span {
            font-size: 14px;
            line-height: 30px
        }

    .filterItem ul, .industry ul, .stockExchange ul {
        padding: 8px 0 8px 8px;
        margin: 5px 0 10px
    }

    .filterItem li, .industry li, .stockExchange li, .switchFilter li {
        float: left;
        padding: 0;
        list-style-type: none;
        font-size: 12px;
        text-align: center
    }

    .filterItem li, .industry li {
        width: 25%
    }

.privateFilter .filterItem li {
    width: auto
}

.privateFilter .switchFilter li {
    width: 100%
}

.popFilterWrapper.privateFilter .bar {
    z-index: 10001
}

.popFilterWrapper.privateFilter .popBox .filterHead {
    z-index: 10002
}

.stockExchange li, .switchFilter li {
    width: 50%
}

    .switchFilter li:first-child {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .switchFilter li:nth-child(2) {
        border-bottom: 1px solid #ddd
    }

    .switchFilter li:nth-child(3) {
        border-right: 1px solid #ddd
    }

    .filterItem li > P, .industry li > p, .stockExchange li > p {
        border-radius: 5px;
        display: block;
        border: 1px solid #ccc;
        background: #f1f1f1;
        color: #aaa;
        line-height: 20px;
        overflow: hidden;
        font-size: 12px;
        margin-right: 8px;
        padding: 3px
    }

        .industry li > p span {
            display: block
        }

    .filterItem li.selected > p, .industry li.selected > p, .stockExchange li.selected > p {
        border-color: #ff8800;
        color: #ff8800;
        background: #fff
    }

.stockExchange {
    margin-top: 10px
}

.segmented-control-company {
    position: relative;
    display: table;
    overflow: hidden;
    font-weight: 400;
    background-color: white;
    border-radius: 3px;
    z-index: 2;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

    .segmented-control-company .control-item {
        display: table-cell;
        width: 1%;
        padding-top: 12px;
        padding-bottom: 13px;
        overflow: hidden;
        line-height: 1;
        color: #666;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .segmented-control-company .control-item:active {
            background-color: #eee
        }

        .segmented-control-company .control-item.active span {
            padding-top: 12px;
            padding-bottom: 9px;
            background-color: #fff;
            border-bottom: 4px solid #00a9da
        }

.f10_detail_tab .segmented-control-company {
    position: fixed
}

.card-company {
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #eee;
    position: relative;
    top: 0;
    padding: 10px
}

.company_detail_top {
    background: #eee;
    border-bottom: 1px solid #ccc;
    line-height: 2.5em;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .2)
}

    .company_detail_top .btn-negative {
        background: #ff8800;
        border: #ff6600
    }

.separator {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    height: 20px;
    margin-bottom: 1em
}

    .separator span {
        position: absolute;
        z-index: 2;
        padding: 5px 20px;
        background-color: #f7f7f7;
        top: 6px;
        margin-left: -64px;
        font-size: 15px
    }

.company_basic_detail, .company_detail {
    padding: 30px 0 0;
    color: #333;
    font-size: 14px !important;
    margin: 10px auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

    .company_detail h2 {
        font-weight: 300;
        margin-top: 1em
    }

    .company_detail + h2, h2 {
        font-size: 1em;
        font-weight: 500;
        padding: 0 10px;
        margin-top: 20px
    }

        .company_detail + h2.tab_3 {
            margin-top: 50px
        }

.company_basic_detail {
    background-color: #fff
}

.company {
    margin-top: 55px
}

    .company .company_basic_detail {
        padding-top: 10px;
        padding-bottom: 10px
    }

.company_basic_detail h3 {
    font-size: 1em;
    padding: 20px 10px 0
}

.project_detail {
    color: #333;
    font-size: 14px !important
}

.ui-table {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    background-color: #fff;
    position: relative
}

    .ui-table th {
        font-weight: normal
    }

    .ui-table td, .ui-table th {
        text-align: left;
        line-height: 1.5em;
        vertical-align: top;
        padding: 0.2em 0.5em
    }

.ui-table-columntoggle thead th {
    background-color: #f7f7f7 !important
}

.ui-table th.field-label {
    min-width: 6.5em;
    text-align: right
}

.ui-table-columntoggle tr td, .ui-table-columntoggle tr th {
    padding: 0.3em 0.5em;
    border-bottom: 1px solid #ddd
}

.ui-table-columntoggle tr.title {
    position: static;
    display: table-row;
    font-size: 14px
}

.ui-table-columntoggle tr.time td, .ui-table-columntoggle tr.time th {
    color: #000;
    font-weight: 600
}

.ui-table-columntoggle tr.qikuTitle td, .ui-table-columntoggle tr.qikuTitle th {
    font-weight: 600;
    border-bottom: 2px solid #333;
    color: #000
}

.ui-table-columntoggle tr.title td, .ui-table-columntoggle tr.title th {
    background-color: #e1f7ff;
    color: #0684b0
}

.ui-table-columntoggle tr.subtotal td, .ui-table-columntoggle tr.subtotal th {
    background-color: #f6f6f6
}

.ui-table-columntoggle tr.total td, .ui-table-columntoggle tr.total th {
    background-color: #999;
    color: #fff
}

.ui-table-columntoggle tr.subtotal th, .ui-table-columntoggle tr.title th, .ui-table-columntoggle tr.total th {
    font-weight: 600
}

.firstIndent th {
    text-indent: 12px
}

.secondIndent th {
    text-indent: 24px
}

.sHead233 {
    height: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 14px
}

    .sHead233 span {
        display: inline-block;
        padding: 0 20px;
        background-color: #f7f7f7;
        margin-top: -10px;
        margin-bottom: 10px
    }

    .sHead233 + .noQDetail {
        padding-top: 10px;
        border: none
    }

        .sHead233 + .noQDetail .ui-table {
            padding: 5px 0
        }

.noQDetail h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px
}

.bar-footer.inputWrapper {
}

    .bar-footer.inputWrapper div {
        position: relative
    }

.inputWrapper textarea {
    width: 80%;
    height: 30px;
    min-height: 30px;
    margin: 10px 5px;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 5px
}

.inputWrapper input[type="button"] {
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    padding: 5px;
    background-color: #2ba7d3;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 6px;
    vertical-align: middle
}

.disclosureList .researchItem {
    margin-bottom: 0
}

    .disclosureList .researchItem .icon.pull-right {
        margin-top: 8px
    }

    .disclosureList .researchItem dd {
        font-size: 12px;
        color: #999;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.researchHead {
    padding: 10px
}

.newsList {
    padding: 0 0 10px
}

.researchItem {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px
}

    .researchItem + .researchItem {
        margin-top: -1px
    }

    .researchItem p {
        color: #000;
        font-size: 14px;
        margin-bottom: 0
    }

    .researchItem time {
        color: #999
    }

    .researchItem .copyright {
        color: #999;
        font-size: 12px;
        text-align: right;
        overflow: hidden;
        margin-top: 10px
    }

        .researchItem .copyright span {
            margin: 0 2px
        }

        .researchItem .copyright .commentIcon, .researchItem .copyright .praiseIcon, .researchItem .copyright .praisedIcon, .researchItem .copyright .viewIcon {
            vertical-align: middle
        }

        .researchItem .copyright .author {
            float: left;
            margin: 0
        }

.researchContent {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    background-color: #fff
}

.ui-frame {
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    line-height: 1em
}

.financial-collapse.company_detail {
    padding-top: 0
}

.financial-collapse h4 > span, .reformEquity-collapse h4 > span {
    font-size: 14px;
    margin-right: 10px
}

.company_video {
    margin-top: 20px
}

.financial-collapse .dataIsNone {
    height: 200px;
    line-height: 200px;
    background-color: #fff
}

.reformEquity-collapse > h4 {
    border: 1px solid #ccc;
    padding: 8px;
    background: #eeeeee;
    font-size: 16px
}

    .reformEquity-collapse > h4.current {
        border: 1px solid #addce9;
        border-left: none;
        border-right: none;
        padding: 8px;
        background: #e5f7fb;
        font-size: 16px
    }

    .reformEquity-collapse > h4.ahover {
        -webkit-box-shadow: 0 1px 5px rgba(0, 169, 218, .5);
        box-shadow: 0 1px 5px rgba(0, 169, 218, .5);
        border: 1px solid rgba(0, 169, 218, .3);
        background: rgba(0, 169, 218, .1)
    }

.financial-collapse .h4 {
    margin-bottom: 0;
    border-bottom: 3px solid #999
}

.ui-collapsible-content.collapsed {
    display: none
}

.ui-grid-a {
    position: relative
}

    .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
        border: 1px solid #ccc;
        padding: 8px;
        background: #eeeeee;
        width: 48%;
        text-align: center
    }

    .ui-grid-a .ui-block-b {
        position: absolute;
        right: 0;
        top: 0
    }

.transaction table {
    width: 100%;
    background-color: #fff
}

.transaction td, .transaction th {
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.transaction th {
    color: #666;
    font-weight: normal;
    padding: 10px 8px
}

.comp_brief dt {
    float: left;
    font-size: 14px;
    margin-right: 20px
}

.comp_brief dd, .comp_brief dt {
    display: table-cell
}

.meeting_agenda {
    font-size: 14px
}

    .meeting_agenda li {
        padding-right: 10px
    }

    .meeting_agenda span {
        display: table-cell
    }

    .meeting_agenda .time {
        margin-right: 10px
    }

.roadshow_list > .table-view:first-child {
    margin-top: 0px !important
}

.roadshow_list .table-view-cell {
    padding-right: 15px
}

.roadshow_list img {
    display: block;
    width: 32px;
    margin-left: 14px
}

    .roadshow_list img + p {
        margin-top: 5px
    }

.roadshow_list span.status {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 12px;
    background: #ccc;
    padding: 5px;
    border-radius: 2px 0 0 2px
}

.roadshow_list .media-object {
    width: 60px;
    text-align: center
}

.roadshow_list .media-body {
    font-size: 16px
}

.roadshow_list .roadshow_label {
    background: #2ba7d3;
    color: #fff;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 5px
}

    .roadshow_list .roadshow_label + .roadshow_label {
        background: #fa9002
    }

.roadshow_list p {
    font-size: 12px;
    margin-top: 5px
}

    .roadshow_list p > span {
        font-size: 14px
    }

.swiper-container {
    width: 100%;
    padding-bottom: 30px
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    vertical-align: middle;
    *display: block;
    *font-size: 349px;
    *font-family: Arial;
    background-position: center;
    background-size: cover;
    width: 280px;
    height: 280px
}

.swiper-container .swiper-pagination-bullet {
    background-color: #fff
}

.swiper-slide img {
    vertical-align: middle;
    width: inherit
}

.swiper-banner .swiper-slide {
    width: inherit;
    height: inherit
}

    .swiper-banner .swiper-slide img {
        width: 100%;
        height: 100%
    }

.swiper-banner.swiper-container {
    padding-bottom: 0
}

    .swiper-banner.swiper-container .swiper-pagination-bullet {
        background: #eee
    }

    .swiper-banner.swiper-container .swiper-pagination-bullet-active {
        background: #007aff
    }

.btn_expand {
    color: #2ba7d3;
    font-size: 14px
}

    .btn_expand span {
        font-size: 10px;
        margin-left: 5px
    }

.video_section {
    margin: 5px 10px
}

    .video_section h5 {
        margin: 0
    }

    .video_section li, .video_section ul {
        margin: 0;
        padding: 0;
        font-size: 12px;
        list-style: none
    }

    .video_section .section_box {
        background: #dddddd;
        padding: 5px;
        margin-top: 10px
    }

        .video_section .section_box li {
            float: left;
            width: 50%;
            padding: 5px
        }

            .video_section .section_box li span {
                display: block;
                border: 1px solid #ccc;
                background: #fff;
                padding: 5px
            }

            .video_section .section_box li.active span, .video_section .section_box li:hover span {
                border: 1px solid #2ba7d3;
                color: #2ba7d3
            }

.card-ask.end .question_con {
    margin-right: 0
}

    .card-ask.end .question_con + .ask {
        display: block
    }

.comp_title {
    color: #2ba7d3;
    padding: 5px
}

.signup_error, .signup_ok {
    text-align: center;
    padding: 20px;
    margin-top: 30px
}

.signup_ok {
    margin-top: 0
}

    .signup_error p, .signup_ok p {
        font-size: 0.8em;
        margin-top: 20px;
        line-height: 2em
    }

    .media-body span, .signup_error span, .signup_ok span {
        color: #f88e02;
        font-size: 22px
    }

.qrcode .media-body {
    font-size: 18px;
    line-height: 1.8em;
    padding: 10px 0 0
}

p.autoskip {
    margin: 0;
    font-size: 16px
}

.label.alert {
    background-color: #f04124;
    color: #FFFFFF
}

.label.warning {
    background-color: #fff7ed;
    border: 1px solid #ffc47c;
    color: #333;
    padding: 10px
}

    .label.warning > span {
        display: table-cell;
        vertical-align: top
    }

    .label.warning span.icon {
        margin-right: 5px
    }

    .label.warning span.icon-close {
        color: #fff;
        background: #ff8800;
        border-radius: 15px;
        font-size: 16px;
        padding: 3px
    }

.label.success {
    background-color: #43AC6A;
    color: #ffffff
}

.label.secondary {
    background-color: #e7e7e7;
    color: #333333
}

.label.info {
    background-color: #a0d3e8;
    color: #333333
}

.qrcode {
    padding: 20px
}

    .qrcode img {
        margin-right: 20px
    }

.attent_list {
    background: #fff;
    padding-bottom: 30px
}

    .attent_list li {
        color: #999;
        width: 30%;
        text-align: center;
        background: #efefef;
        margin-left: 2.5%;
        margin-top: 2.5%;
        padding: 10px 10px 5px;
        border-bottom: 0
    }

        .attent_list li.active, .attent_list li:active {
            background-color: #00a9da;
            color: #fff
        }

        .attent_list li > span.icon {
            font-size: 50px
        }

        .attent_list li > span {
            display: block;
            font-size: 14px;
            margin-top: 10px
        }

.attent_content {
    font-size: 14px
}

.pop_login {
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 200;
    width: 280px;
    margin-left: -140px;
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    text-align: center;
    padding: 15px 10px
}

    .pop_login button {
        vertical-align: middle
    }

    .pop_login span.link {
        color: #00a9da;
        cursor: pointer
    }

        .pop_login span.link:hover {
            color: #0190b9
        }

.pop_form {
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 200;
    width: 280px;
    margin-left: -140px;
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    padding: 15px 10px;
    color: #999;
    font-size: 16px
}

    .pop_form input {
        font-size: 14px;
        height: 36px;
        margin-top: 10px;
        padding-left: 10px;
        font-weight: lighter
    }

    .pop_form button {
        font-size: 14px
    }

.waiting_box {
    padding: 30px 10px;
    text-align: center
}

    .waiting_box .link {
        color: #00a9da;
        cursor: pointer;
        margin-left: 5px
    }

        .waiting_box .link:hover {
            color: #0388af
        }

    .waiting_box p {
        line-height: 2em
    }

.roadshow_company h1 {
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 10px;
    text-align: center
}

.roadshow_company .comp_title {
    background: #f7f7f7;
    color: #333;
    text-align: center;
    padding: 8px;
    font-size: 18px;
    border-top: 2px solid #00a9da;
    display: none
}

.roadshow_company .comp_name {
    font-size: 20px;
    line-height: 1.2em
}

    .roadshow_company .comp_name > span {
        font-size: 0.8em;
        color: #999
    }

.roadshow_company .roadshow_opr {
    text-align: center
}

.roadshow_opr button {
    font-size: 18px;
    padding: 10px
}

.roadshow_opr > span {
    font-size: 16px;
    color: #00a9da
}

    .roadshow_opr > span:hover {
        color: #0388af
    }

.roadshow_menu {
    background-image: -webkit-gradient(linear, 0 bottom, 0 0, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
    color: #ccc
}

    .roadshow_menu.bar-tab .tab-item.active, .roadshow_menu.bar-tab .tab-item:active {
        color: #0096c1;
        border-bottom: 3px solid #0096c1
    }

    .roadshow_menu.bar-tab .tab-item {
        color: #888
    }

.roadsho_index2 ul {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.roadsho_index2 li, .roadsho_index2 ul {
    list-style: none;
    padding: 0;
    display: inline-block
}

.roadsho_index2 .company_name li > div {
    background-image: -webkit-gradient(linear, 0 bottom, 0 0, from(rgba(0, 169, 218, 1)), to(rgba(45, 207, 254, 1)));
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    font-size: 24px;
    text-align: center;
    width: 120px;
    margin: 0 10px
}

    .roadsho_index2 .company_name li > div p {
        color: #fff;
        margin: 5px 0 0;
        font-size: 16px
    }

.roadsho_index2 h4 {
    padding: 5px;
    color: #333
}

.investor_ask h1 {
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 10px;
    text-align: center
}

.investor_ask .company_ask {
    border-top-width: 0 !important
}

    .investor_ask .company_ask > span {
        display: block;
        font-size: 40px;
        margin-top: 5px;
        font-weight: 800;
        color: #f78a03
    }

    .investor_ask .company_ask:last-child > span {
        color: #2ba7d2
    }

.segmented-control-ask {
    position: relative;
    display: table;
    overflow: hidden;
    font-weight: 400;
    background-color: #f7f7f7;
    z-index: 2
}

    .segmented-control-ask .control-item {
        display: table-cell;
        width: 1%;
        padding-top: 12px;
        padding-bottom: 13px;
        overflow: hidden;
        line-height: 1;
        color: #333;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-top: 3px solid #ccc;
        border-bottom: 1px solid #e9e9e9
    }

        .segmented-control-ask .control-item:first-child {
            border-right-width: 1px
        }

        .segmented-control-ask .control-item:last-child {
            border-left-width: 1px
        }

        .segmented-control-ask .control-item:active {
            background-color: #eee
        }

        .segmented-control-ask .control-item.active {
            background-color: #fff;
            border-width: 3px 1px 1px 1px;
            border-color: #00a9da #e9e9e9 #fff #e9e9e9;
            border-style: solid
        }

.card-ask {
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    top: -1px
}

    .card-ask p.warning {
        margin: 10px
    }

        .card-ask p.warning .icon {
            vertical-align: middle
        }

    .card-ask .table-view {
        margin-bottom: 0;
        border-top: 0;
        border-bottom: 0
    }

        .card-ask .table-view .table-view-divider {
            top: 0;
            border-radius: 6px;
            background: #e9e9e9;
            border-bottom-width: 0;
            color: #666
        }

    .card-ask .table-view-cell {
        padding-right: 11px
    }

        .card-ask .table-view-cell:last-child {
            border-bottom: 0
        }

    .card-ask .question {
        line-height: 1.5em;
        font-size: 14px
    }

        .card-ask .question:hover {
            background: #f7f7f7
        }

    .card-ask .question_con {
        margin-right: 60px;
        color: #666
    }

    .card-ask .btn_answer {
        padding-top: 10px
    }

        .card-ask .btn_answer > button {
            margin-left: 15px
        }

    .card-ask .question_con.reply {
        color: #000
    }

        .card-ask .question_con.reply span {
            font-size: 12px;
            color: #ff8800
        }

    .card-ask .question_con > img {
        width: 1.2em;
        margin-right: 5px;
        vertical-align: text-bottom
    }

    .card-ask .question > .ask {
        margin-top: 10px;
        display: none
    }

    .card-ask .question > span {
        color: #ccc;
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 12px;
        padding: 1px 5px
    }

    .card-ask .question > .focus {
        background-color: #f48504;
        color: #fff;
        border-color: #f48504;
        border-radius: 2px
    }

    .card-ask .question > span.status {
        border-width: 0
    }

    .card-ask .question > span.status_end {
        border-width: 0;
        color: #000
    }

    .card-ask .question > span.status_start {
        border-width: 0;
        color: #fa9002
    }

.pop_question {
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%;
    background-color: white;
    -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .3);
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    color: #666
}

.myAttent_list li {
    color: #999
}

    .myAttent_list li.active, .myAttent_list li:active {
        background-color: #eee
    }

.myAttent_list .icon-star {
    color: #999
}

.myAttent_list span.attent_number b {
    margin-left: 5px;
    font-weight: 500
}

.myAttent_list span.attent_number {
    color: #eca805;
    font-size: 16px;
    position: absolute;
    right: 15px
}

.myAttent_list span.icon-star, .myAttent_list span.icon-star + b {
    color: #ccc
}

.myAttent_list span.icon-star-filled {
    color: #eca805
}

    .myAttent_list span.icon-star-filled + b {
        color: #00a9da
    }

.no_content {
    text-align: center;
    color: #ccc;
    margin: 30px 0
}

    .no_content span {
        font-size: 5em;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .no_content p {
        color: #999;
        font-size: 16px
    }

.bar-footer {
    background: #fff
}

    .bar-footer span {
        font-size: 16px;
        color: #999
    }

        .bar-footer span.icon {
            vertical-align: middle
        }

.agenda_box .mimg img {
    width: 100%;
    display: block
}

.agenda_box .mimg {
    position: relative;
    background: #fff
}

    .agenda_box .mimg span {
        position: absolute;
        bottom: 0;
        left: 20px;
        font-size: 14px;
        margin-bottom: 10px;
        color: #fff
    }

.agenda_box .mtitle {
    font-size: 18px;
    padding: 5px 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
    line-height: 1.4em
}

.agenda_box .minfo {
    padding: 5px 10px 0;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px
}

.agenda_box .mcon {
    border-top: 1px solid #ddd;
    padding: 0 10px;
    background: #fff
}

.card-agenda {
    padding: 10px;
    border-top: 1px solid #ddd;
    background: #fff
}

.signup_list ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
    list-style: none;
    background-color: #fff;
    font-size: 14px
}

    .signup_list ul li {
        padding: 5px
    }

        .signup_list ul li > span {
            color: #999
        }

.signup_endtime {
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #aaa;
    text-align: right;
    padding: 5px
}

.exchanges_list li:hover {
    background-color: #eee
}

.exchanges_list li img {
    width: 2em;
    vertical-align: middle
}

.bg_iconyellow {
    background: #ffc600;
    border-radius: 50%;
    color: #fff;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 20px
}

.building {
    color: #ccc;
    font-size: 14px;
    font-weight: lighter
}

.exchanges_list2 {
    background: #fff;
    padding-bottom: 10px
}

    .exchanges_list2 li {
        width: 44%;
        padding: 5px;
        text-align: center;
        background: #fff;
        border: 1px solid #ccc;
        margin: 10px 0 0 10px
    }

        .exchanges_list2 li img {
            width: 4em
        }

        .exchanges_list2 li span {
            display: block;
            font-size: 12px
        }

    .exchanges_list2 .new_num {
        font-size: 18px;
        color: #34a8cf
    }

    .exchanges_list2 .table-view-cell:last-child {
        border-bottom: 1px solid #ccc
    }

.exchangesInfo_list li {
    padding-right: 10px
}

.exchangesInfo_list span.industry {
    font-size: 14px;
    color: #999;
    line-height: 40px;
    margin-right: 10px
}

.exchangesInfo_list span > b {
    font-size: 12px;
    color: #666;
    font-weight: lighter;
    margin-left: 10px
}

.exchangesInfo_list span {
    display: inline-block
}

.exchangesInfo_list .more {
    font-size: 12px
}

.exchangesInfo_list li img {
    width: 4em;
    float: left;
    margin-right: 10px
}

.newComp_time {
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -30px;
    font-weight: lighter
}

.filedown_list {
    font-size: 14px
}

    .filedown_list .images > img {
        width: 3em;
        vertical-align: middle;
        margin-right: 10px
    }

    .filedown_list .con, .filedown_list .images {
        display: table-cell;
        vertical-align: top
    }

        .filedown_list .con > p {
            font-size: 12px
        }

    .filedown_list > div.comp_title {
        font-size: 18px;
        padding-right: 45px
    }

    .filedown_list > div > span {
        font-size: 16px;
        font-weight: lighter
    }

    .filedown_list button {
        border-radius: 0;
        background-color: #f7f7f7;
        padding: 0;
        width: 22px;
        height: 22px
    }

        .filedown_list button > span {
            visibility: hidden;
            font-size: 20px !important
        }

        .filedown_list button.checked {
            border: 1px solid #00a9da;
            background: #00a9da
        }

            .filedown_list button.checked > span {
                visibility: visible;
                background: #00a9da;
                color: #fff
            }

.signupModule .content {
    background: #fff
}

.signup_title {
    color: #ff6800;
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    margin: 15px
}

.signup_num {
    color: #666;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px;
    text-align: right;
    font-size: 18px;
    margin-right: 15px
}

    .signup_num p {
        font-size: 20px;
        color: #ff6800;
        margin: 0;
        display: inline-block
    }

.signupModule .segmented-control {
    margin-top: 10px
}

    .signupModule .segmented-control .control-item.active {
        background: none;
        border: none;
        border-bottom: 2px solid #AE1817
    }

    .signupModule .segmented-control .control-item {
        border: none;
        border-bottom: 1px solid #ddd;
        font-size: 18px
    }

.signupModule .form_frame {
    margin: 0
}

.signupModule .card {
    border: none;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
    padding: 12px 5px
}

    .signupModule .card .control-content label {
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 8px 16px;
        margin-left: 2px;
        font-size: 14px
    }

.signupModule .form_frame .control-content .active {
    background: #0079ff
}

.signupModule .label.warning {
    border: none;
    background: none;
    color: #ff6800;
    padding: 0
}

    .signupModule .label.warning .icon {
        padding-right: 5px;
        vertical-align: 4px
    }

.signupModule .form {
    padding: 0 15px
}

.signupModule .hint {
    border-left: 1px solid #ddd;
    padding-left: 10px;
    width: 100px;
    text-align: center
}

.signupModule .absolute-right-bottom {
    position: absolute;
    right: 10px;
    top: 12px
}

.signupModule .form .input-row {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 15px;
    line-height: 44px;
    height: 44px;
    position: relative
}

    .signupModule .form .input-row label {
        padding: 14px 0 14px 15px;
        font-size: 14px
    }

.signupModule .input-row select {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px 45px 15px 5px;
    direction: rtl;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    color: #333;
    text-indent: 1px;
    text-overflow: '';
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    box-shadow: inset 0 0 rgba(0,0,0,0)
}

.signupModule .item-select label {
    width: 35% !important
}

.signupModule .item-select:after {
    right: 20px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #999;
    content: "";
    pointer-events: none
}

.signupModule .hint {
    line-height: 20px
}

.signupModule .qikuColor {
    color: #0079ff
}

.signupModule .btn-group {
    margin: 15px
}

.signupModule button {
    background: #ff6800;
    border: none;
    font-size: 16px;
    line-height: 1.8em
}

.signupModule .input-row label {
    width: 30%
}

.signupModule .input-row input {
    width: 70%
}

.logo_wm {
    margin-bottom: 5px
}

    .logo_wm img {
        width: 30%;
        opacity: 0.5
    }

.item-sumSelect label {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 6px;
    display: block
}

    .item-sumSelect label > span {
        font-size: 12px;
        color: #999999
    }

.item-sumSelect li {
    float: left;
    padding: 10px 13px;
    position: relative;
    border: 1px solid #eee;
    color: #999;
    margin-right: 8px;
    font-size: 14px;
    margin-bottom: 10px
}

    .item-sumSelect li.selected {
        color: #333
    }

        .item-sumSelect li.selected .blueTriangle {
            border-right: 10px solid #0079ff;
            border-bottom: 10px solid #0079ff
        }

    .item-sumSelect li .blueTriangle {
        border-bottom: 10px solid #ddd;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid #ddd;
        position: absolute;
        width: 0;
        height: 0;
        bottom: 0;
        right: 0;
        margin-right: 0;
        display: block
    }

        .item-sumSelect li .blueTriangle > em {
            font-size: 14px;
            color: #fff;
            position: absolute;
            top: -3px;
            left: -4px;
            transform: rotate(-9deg);
            -ms-transform: rotate(-9deg);
            -moz-transform: rotate(-9deg);
            -webkit-transform: rotate(-9deg)
        }

.item-textarea label {
    font-size: 16px;
    display: block;
    margin-top: 10px;
    margin-bottom: 6px
}

.item-textarea textarea {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 8px
}

.intention_ask h5 {
    padding: 0 10px
}

.date_range {
    font-size: 12px
}

.popCenter {
    border-radius: 5px;
    background: #fff;
    width: 250px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 18px;
    padding: 10px
}

    .popCenter span.tel {
        display: block;
        color: #ff8800;
        font-size: 20px;
        margin-top: 5px
    }

.pay_method dl {
    margin: 20px;
    line-height: 20px;
    font-size: 14px
}

.pay_method dt {
    margin-top: 20px;
    line-height: 36px;
    font-size: 18px;
    border-bottom: 1px dashed #ccc
}

.pay_method dd {
    margin-left: 0;
    margin-top: 10px
}

    .pay_method dd > span {
        color: #999
    }

#shareWithWechat {
    text-align: center
}

    #shareWithWechat .qrcode img {
        display: inline-block;
        margin: 0 auto
    }

.recommendList {
    padding: 20px 0
}

    .recommendList h5 {
        padding: 0 20px;
        font-size: 1.1em;
        line-height: inherit;
        margin: 0;
        overflow: hidden
    }

        .recommendList h5 a {
            float: right;
            font-size: 0.7em
        }

    .recommendList ul {
        margin: 0;
        padding: 0
    }

        .recommendList ul li {
            overflow: hidden;
            background-color: #fff;
            padding: 10px;
            margin: 10px;
            border: 1px solid #ccc;
            font-size: 0.9em
        }

            .recommendList ul li:hover {
                border: 1px solid #2aa7d3;
                color: #2aa7d3
            }

            .recommendList ul li time {
                float: right;
                color: #999
            }

    .recommendList p {
        text-align: center;
        color: #333
    }

        .recommendList p > em {
            color: #ff0000;
            font-size: 20px;
            font-weight: 400;
            margin: 0 5px
        }

    .recommendList .btnGroup {
        text-align: center
    }

        .recommendList .btnGroup .mobileBtn {
            display: inline-block
        }

            .recommendList .btnGroup .mobileBtn:nth-child(2) {
                margin-left: 20px
            }

#fingerprintWrapper {
    margin-top: 20px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff
}

    #fingerprintWrapper img {
        padding: 0;
        margin: 0;
        display: inline-block
    }

    #fingerprintWrapper p {
        display: block;
        padding: 0;
        text-align: center
    }

        #fingerprintWrapper p:nth-child(1) {
            color: #2aa7d3
        }

        #fingerprintWrapper p:nth-child(2) {
            padding-bottom: 3px;
            border-bottom: 1px dashed #ccc;
            margin-bottom: 3px;
            color: #000
        }

        #fingerprintWrapper p span {
            display: inline-block;
            vertical-align: middle;
            text-align: left
        }

            #fingerprintWrapper p span strong {
                font-size: 1.1em;
                color: #2aa7d3
            }

.flexBox {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

    .flexBox a {
        flex: 1;
        display: inline-block;
        width: 32%;
        text-align: center;
        color: #000;
        font-size: 18px;
        padding: 5px 0 0;
        font-weight: 500
    }

        .flexBox a span {
            display: block;
            color: #999;
            font-size: 12px;
            font-weight: normal
        }

.cardPlusHeader {
    width: 100%;
    filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#34b6e4, endColorStr=#349be4);
    background: -moz-linear-gradient(top, #34b6e4, #349be4);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34b6e4), to(#349be4));
    color: #fff;
    font-size: 1.1em;
    border-collapse: collapse;
    position: relative
}

    .cardPlusHeader h1 {
        text-align: center;
        font-size: 15px;
        margin: 0;
        padding: 5px 0;
        height: 42px
    }

        .cardPlusHeader h1 span {
            font-size: 11px
        }

    .cardPlusHeader .followIcon {
        position: absolute;
        right: 10px;
        top: 6px;
        color: #fff;
        border: 1px solid #fefefe;
        padding: 5px 10px
    }

    .cardPlusHeader .transferBtn {
        position: absolute;
        top: 15px;
        right: 10px;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 4px;
        color: #fff;
        padding: 5px
    }

        .cardPlusHeader .transferBtn .userIconTransfer {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../img/iconTransferWhite.png") no-repeat;
            background-size: contain;
            vertical-align: -4px;
            margin-right: 6px
        }

.projectCardPlus .cardPlusHeader {
    filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#ef9719, endColorStr=#e0690d);
    background: -moz-linear-gradient(top, #ef9719, #e0690d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ef9719), to(#e0690d))
}

    .projectCardPlus .cardPlusHeader h1 {
        font-size: 18px
    }

.institutionCardPlus .cardPlusHeader {
    filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#4f7dae, endColorStr=#326896);
    background: -moz-linear-gradient(top, #4f7dae, #326896);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f7dae), to(#326896))
}

.notFixedMenu .burger {
    position: absolute;
    left: 10px;
    top: 0;
    margin-left: 0;
    opacity: 1
}

    .notFixedMenu .burger div.x, .notFixedMenu .burger div.y, .notFixedMenu .burger div.z {
        background-color: #fff
    }

.cardPlusHeader .domain {
    font-size: 11px;
    overflow: hidden;
    padding: 0 10px 5px;
    color: #fff
}

    .cardPlusHeader .domain .followedInfo {
        float: right
    }

.cardPlusHeader .slogan {
    text-align: center;
    font-size: 12px;
    padding: 5px
}

.cardPlusHeader .twoCell {
    font-size: 12px;
    color: #fff;
    padding: 5px;
    border-top: 1px solid rgba(255,255,255,0.3);
    display: none
}

    .cardPlusHeader .twoCell div {
        display: inline-block;
        width: 49%;
        text-align: center
    }

        .cardPlusHeader .twoCell div:first-child {
            border-right: 1px solid rgba(255,255,255,0.5)
        }

    .cardPlusHeader .twoCell .num {
        font-size: 20px;
        color: #fff;
        margin-left: 5px;
        vertical-align: sub
    }

.quotation {
    background: #fff;
    margin-top: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

    .quotation table {
        width: 100%
    }

    .quotation td {
        padding: 3px 0;
        width: 25%;
        text-align: center;
        border: 1px solid rgba(238, 238, 238, 0.3)
    }

    .quotation .icon-right-nav {
        margin-top: 10px
    }

    .quotation tr:first-child td {
        padding: 0 10px;
        text-align: left
    }

.cardStatus {
    overflow: hidden;
    font-size: 12px;
    color: #999
}

    .cardStatus .orangeBtn {
        float: right;
        color: #fff;
        padding: 1px 8px
    }

    .cardStatus .cardDefault {
        padding: 10px
    }

    .cardStatus img {
        width: 100%
    }

.numTurnover {
    float: right
}

.marketCondition, .marketCondition + div {
    display: table-cell
}

    .marketCondition + div {
        padding-left: 10px
    }

.quotation .marketCondition.fairStyle {
    color: #999
}

.quotation .marketCondition div, .quotation .marketCondition span, .quotation .marketCondition strong {
    display: inline-block
}

    .quotation .marketCondition strong + span {
        width: 21px;
        height: 27px
    }

.upStyle, .upStyle .up + div {
    color: #ff3a3a
}

.downStyle, .downStyle .down + div {
    color: #42ca12
}

.fairStyle, .fairStyle .fair + div {
    color: #999
}

.quotation .marketCondition strong {
    font-size: 2.5em
}

.quotation .marketCondition div, .quotation .marketCondition span {
    font-size: 14px
}

.quotation td strong span.up {
    width: 21px;
    height: 27px;
    top: 20px;
    margin: 0 5px
}

.quotation td strong span.down {
    width: 21px;
    height: 27px;
    top: 20px;
    margin: 0 5px
}

.quotation td strong span.fair {
    width: 21px;
    height: 27px;
    top: 20px;
    margin: 0 5px
}

.quotation .marketCondition span.fair {
    background: url("../img/fair3.png") no-repeat
}

.quotation tr:last-child td span {
    margin-left: 10px
}

.quotation + p {
    margin: 6px 6px 14px;
    color: #333;
    font-size: 0.8em
}

.detailPadding {
    padding: 10px;
    background-color: #fff
}

.nonWrapper {
    background-color: #f9f9f9;
    border: 1px dashed #999
}

    .nonWrapper img {
        margin: 0;
        padding: 0
    }

#VolPrc {
    border-bottom: 1px solid #ccc
}

    #VolPrc h2 {
        color: #333;
        font-size: 2em
    }

.conditionWrapper {
    background-color: #fff;
    border-top: 1px solid #ccc;
    position: relative
}

    .conditionWrapper h1 {
        display: inline-block;
        font-size: 1.2em;
        padding: 0 0 0 20px
    }

.conditionOptions {
    position: absolute;
    right: 0;
    top: 15px;
    margin-bottom: 0
}

    .conditionOptions li {
        display: inline-block;
        padding: 3px 20px;
        color: #016ba1;
        cursor: pointer
    }

        .conditionOptions li.current {
            background-color: #f4fdff;
            border: 1px solid #a5dded
        }

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-placeholder {
    color: #ccc
}

.addWrapper {
    text-align: center;
    color: #2ba7d3;
    cursor: pointer;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    margin-top: 10px
}

.alertWrapper {
    display: none;
    position: fixed;
    z-index: 101;
    background-color: #fff;
    width: 60%;
    left: 20%;
    top: 10%;
    border-radius: 5px
}

    .alertWrapper .contentWrapper {
        text-align: center;
        background-color: #fff;
        padding: 25px 0;
        border-radius: 5px 5px 0 0
    }

    .alertWrapper .foot button {
        display: block;
        width: 100%;
        text-align: center;
        height: 44px;
        line-height: 44px;
        border: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #eee;
        cursor: pointer;
        border-radius: 0 0 5px 5px
    }

.nextPreStep {
    margin: 20px 0;
    overflow: hidden
}

    .nextPreStep .btn {
        width: 48%;
        display: inline-block;
        margin: 0 1%;
        float: left
    }

.firstStep .clear {
    right: 10px;
    top: 15px
}

.cardPlusHeader {
}

.enterprise .bar-footer, .weChat .bar-footer {
    background-image: linear-gradient(to bottom, #05bdcf 0, #02a9d9 100%);
    filter: progid: DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#05bdcf, endColorStr=#02a9d9);
    background: -moz-linear-gradient(top, #05bdcf, #02a9d9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#05bdcf), to(#02a9d9))
}

.enterprise footer.bar.bar-standard a span, .weChat footer.bar.bar-standard a {
    color: #fff
}

    .weChat footer.bar.bar-standard a + a {
        border-left: 1px solid #fff
    }

.enterprise .bar a {
    line-height: inherit
}

.enterprise .sub_plate {
    padding: 0
}

    .enterprise .sub_plate .icon {
        color: #333
    }

.enterprise .segmented-control-list {
    margin-left: 60px;
    margin-right: 60px
}

.segmented-control span.icon {
    font-size: 12px;
    color: #999
}

.enterprise .segmented-control .control-item {
    border-bottom: none;
    background-color: #fff
}

    .enterprise .segmented-control .control-item.active {
        background-color: #fff;
        border-top: 1px solid #ccc;
        border-left: none;
        border-right: 1px solid #ccc;
        border-bottom: 0;
        background: #fff url("../img/activeArrow.png") center bottom no-repeat;
        background-size: contain
    }

.enterprise .segmented-control .control-item {
    border-bottom: 1px solid #e4e4e4
}

    .enterprise .segmented-control .control-item:first-child {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc
    }

.enterprise .company_list .comp_name {
    position: relative;
    width: 110px
}

    .enterprise .company_list .comp_name.tagformat {
        width: 115px
    }

    .enterprise .company_list .comp_name .top {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 12px;
        padding: 0 5px;
        border-radius: 5px;
        background-color: #eee;
        color: #333
    }

.enterprise .table-view-cell .new {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/new.png") no-repeat;
    width: 27px;
    height: 27px;
    background-size: cover
}

.enterprise .table-view-cell .price {
    position: relative
}

.enterprise .table-view-cell.intraday {
    background: #fffcf6;
    border-bottom: 1px solid #e7ddd1
}

.enterprise .table-view-cell > .btn {
    right: 25px
}

.enterprise footer.bar.bar-standard {
    padding: 0
}

.enterprise .bar.bar-standard a {
    color: #333;
    cursor: pointer
}

    .enterprise .bar.bar-standard a.current {
        background-color: #096888;
        color: #fff
    }

    .enterprise .bar.bar-standard a:hover {
        text-decoration: none
    }

.enterprise .bar.bar-standard .segmented-control-list .control-item {
    color: #2ba7d3
}

    .enterprise .bar.bar-standard .segmented-control-list .control-item.active {
        background-color: #00a9da;
        color: #fff
    }

.enterprise .bar-header-secondary ~ .content {
    padding-top: 25px;
    padding-bottom: 100px
}

.enterprise .bar.bar-standard.bar-header-secondary.segmented-control ~ .content {
    padding-top: 64px
}

.enterprise .segmented-control .control-item {
    padding-top: 5px;
    padding-bottom: 0
}

#iwindow {
    position: fixed;
    top: 123px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
    background-color: rgba(0, 0, 0, .3)
}

.sift {
    background-color: #fff;
    position: absolute;
    z-index: 10;
    top: 123px;
    width: 100%;
    font-size: 14px
}

.siftHead {
    border-bottom: 1px solid #eee;
    padding: 10px
}

.sift .icon {
    font-size: 14px
}

ul.industrylist {
    padding-left: 0;
    width: 300px;
    margin: 0 auto
}

.industrylist li {
    display: inline-block;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #999;
    color: #999;
    font-size: 14px;
    margin: 5px 0
}

    .industrylist li.active {
        border: 1px solid #ff8800;
        color: #ff8800;
        background-color: #fff
    }

    .industrylist li span {
        display: block;
        width: 70px;
        height: 21px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.switchFilter {
    margin-top: 10px;
    background-color: #fff
}

    .switchFilter ul {
        padding: 0;
        margin: 0
    }

        .switchFilter ul li {
            padding: 10px
        }

            .switchFilter ul li .toggle, .switchFilter ul li span {
                vertical-align: middle
            }

            .switchFilter ul li .toggle {
                display: inline-block;
                width: 54px
            }

.toggle.active {
    background-color: #ff8800;
    border: 2px solid #ff8800
}

    .toggle.active .toggle-handle {
        border-color: #ff8800
    }

ul.intelArrange {
    padding: 10px;
    background-color: #fff;
    margin: 0
}

    ul.intelArrange li {
        list-style: none;
        padding: 10px 0;
        border-bottom: 1px solid #eee
    }

        ul.intelArrange li.current {
            color: #ff8800
        }

.relativeWrapper {
    position: relative
}

.roadShowList {
    padding: 20px;
    background-color: #fff
}

.roadShowWrapper {
    border-left: 3px solid #eee;
    position: relative
}

    .roadShowWrapper time {
        font-size: 14px;
        color: #999;
        margin: 0 10px
    }

    .roadShowWrapper .roadShowTitle {
        margin-left: 10px
    }

    .roadShowWrapper .circle {
        position: absolute;
        top: 0;
        left: -12px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
        border: 2px solid #999;
        outline: 5px solid #fff
    }

.companyName {
    font-size: 17px;
    color: #2ba7d3;
    margin: 0 5px
}

.wrapperBorder {
    min-height: 100px;
    margin-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px
}

.roadShowWrapper:last-child {
    border-left: 3px solid #fff
}

.roadSList {
    margin-left: 10px;
    padding: 5px;
    background-color: #eee;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

    .roadSList img, .roadSList p {
        display: inline-block;
        vertical-align: middle
    }

    .roadSList img {
        position: absolute;
        top: 5px;
        left: 5px;
        margin-right: 10px
    }

    .roadSList p {
        font-size: 17px;
        color: #333;
        margin-left: 80px;
        margin-bottom: 0;
        line-height: 1.4;
        height: 70px;
        overflow: hidden;
        text-overflow: ellipsis
    }

.disclosure ul, .researchReport {
    background-color: #fff;
    padding: 10px 20px
}

.disclosure {
    background-color: #fff;
    padding: 10px 0
}

    .disclosure a {
        font-size: 14px
    }

.researchReport ul {
    margin: 0;
    padding: 0
}

    .disclosure ul li, .researchReport ul li {
        position: relative;
        min-height: 80px;
        padding: 10px 0;
        border-bottom: 1px dashed #ccc;
        list-style: none;
        overflow: hidden
    }

.disclosure ul li {
    min-height: 50px;
    margin: 0;
    padding: 10px 0
}

.researchReport ul li img {
    position: absolute;
    top: 10px;
    left: 10px
}

.researchReport h3, .roadShowList h3 {
    text-align: center;
    padding: 50px 0 30px
}

.disclosure ul li p, .researchReport ul li p {
    margin-left: 65px;
    font-size: 14px;
    color: #333
}

.disclosure ul li p {
    margin: 0
}

    .disclosure ul li p span {
        margin-right: 5px
    }

.researchReport ul li time {
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 14px;
    color: #999
}

.disclosure ul li time {
    float: right;
    font-size: 14px;
    color: #999;
    margin-left: 10px
}

.praiseWrapper {
    color: #999;
    text-align: center;
    position: relative;
    margin-bottom: 50px
}

    .praiseWrapper p b {
        font-size: 16px;
        font-weight: normal;
        line-height: 2
    }

    .praiseWrapper img {
        display: block;
        margin: 10px auto
    }

    .praiseWrapper span {
        position: absolute;
        display: block;
        width: 100%;
        bottom: 5px;
        font-size: 18px;
        color: #fff;
        text-align: center
    }

.enterprise .content .search {
    padding: 5px 5px 5px 40px;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #ccc
}

    .enterprise .content .search input[type="search"] {
        background: url("../img/searchGray.png") 95% center no-repeat;
        margin-bottom: 0
    }

    .enterprise .content .search span.cursor {
        position: absolute;
        right: 5%;
        top: 10px;
        width: 44px;
        height: 44px;
        cursor: pointer
    }

.enchangeList {
    background-color: #fff;
    margin-top: 10px
}

    .enchangeList h4 {
        padding: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin-bottom: 0
    }

    .enchangeList ol {
        padding: 10px;
        overflow: hidden;
        margin-top: 0
    }

        .enchangeList ol li {
            list-style: none;
            display: inline-block;
            background-color: #fff;
            text-align: center;
            font-size: 15px;
            border-radius: 5px;
            border: 1px solid #bbb;
            width: 49%;
            margin-right: 1%;
            margin-bottom: 10px;
            float: left
        }

            .enchangeList ol li div {
                padding: 10px;
                font-size: 12px
            }

                .enchangeList ol li div img {
                    display: block;
                    margin: 0 auto
                }

    .enchangeList table {
        border-top: 1px solid #ccc;
        text-align: inherit
    }

        .enchangeList table td {
            background-color: #f8f8f8;
            line-height: 1.4;
            font-size: 12px;
            color: #999;
            height: 46px
        }

            .enchangeList table td:first-child {
                border-right: 1px solid #bbb;
                border-bottom-left-radius: 5px;
                padding: 2px 0
            }

            .enchangeList table td:last-child {
                border-bottom-right-radius: 5px
            }

            .enchangeList table td span {
                display: block;
                color: #000;
                font-size: 18px
            }

                .enchangeList table td span.increase {
                    color: #ff8800
                }

                .enchangeList table td span.undefined {
                    color: #333;
                    font-size: 14px
                }

.recentNews ul {
    padding: 0 10px;
    margin: 0
}

    .recentNews ul li {
        list-style: none;
        padding: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin: 5px 0;
        min-height: 70px
    }

        .recentNews ul li img {
            position: absolute;
            top: 10px;
            left: 10px
        }

        .recentNews ul li p {
            margin-left: 60px;
            color: #333;
            font-size: 17px
        }

        .recentNews ul li.separator {
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            position: relative;
            text-align: center;
            height: 20px;
            margin-bottom: 1em;
            padding: 0;
            background-color: inherit;
            min-height: inherit;
            border-radius: 0;
            margin-left: -10px;
            margin-right: -10px
        }

            .recentNews ul li.separator span {
                position: absolute;
                z-index: 2;
                padding: 5px 20px;
                background-color: #f7f7f7;
                top: 5px;
                left: 50%;
                margin-left: -60px;
                font-size: 15px;
                border: none;
                min-height: inherit
            }

.commonInfo {
    padding: 10px;
    background-color: #fff
}

    .commonInfo h3 {
        padding: 10px
    }

    .commonInfo p {
        padding: 10px;
        color: #333
    }

    .commonInfo div {
        padding: 0 10px;
        font-size: 14px
    }

        .commonInfo div span.eye {
            bottom: 0
        }

        .commonInfo div time {
            color: #999
        }

        .commonInfo div .location {
            margin-left: 10px;
            color: #2ba7d3
        }

.enterprise .toggle {
    width: 54px;
    height: 24px
}

    .enterprise .toggle .toggle-handle {
        width: 22px;
        height: 22px
    }

.newsItem {
    overflow: hidden
}

    .newsItem img {
        float: right;
        width: 74px;
        height: 41px;
        margin: 10px 0 10px 10px;
        clip: rect()
    }

    .newsItem h5 {
        font-size: 15px;
        color: #333;
        height: 36px;
        overflow: hidden
    }

    .newsItem p {
        height: 36px;
        overflow: hidden;
        color: #666;
        font-size: 12px
    }

    .newsItem .imgWrapper {
        background: #eeeeee;
        text-align: center;
        display: inline-block;
        float: right;
        width: 74px;
        height: 41px;
        margin: 10px 0 10px 10px
    }

        .newsItem .imgWrapper p:first-child {
            font-size: 14px;
            color: #666;
            height: 24px;
            line-height: 24px
        }

        .newsItem .imgWrapper p:nth-child(2) {
            font-size: 12px;
            color: #fff;
            width: 100%;
            height: 17px;
            line-height: 17px;
            background: #41b0d7
        }

.authorInfo .author, .authorInfo .pull-right {
    color: #999;
    font-size: 11px
}

.authorInfo .pull-right {
    margin-top: 5px
}

.author img {
}

.authorInfo .author img {
    margin-right: 5px
}

.authorInfo .author time {
    margin-left: 5px
}

.cardplusLogin form a, .estpRegister form a, .investorRegister form a {
    display: block;
    font-size: 14px
}

.countDown {
    border: none;
    background-color: #eee;
    color: #999
}

.registerOptions {
    padding: 30px
}

    .registerOptions .note {
        font-size: 14px;
        margin-top: 20px
    }

    .registerOptions button {
        font-size: 15px
    }

.orangeBtn {
    background-color: #ff8800;
    border: 1px solid #ff8800
}

.fixFooterBtn {
    height: auto
}

    .fixFooterBtn button {
        display: block;
        width: 50%;
        margin: 10px auto;
        background-color: #2ba7d3;
        color: #fff;
        border: none;
        border-radius: 5px;
        padding: 5px 0
    }

.estpRegister {
    padding: 10px
}

.registerNote {
    border: 1px dashed #ff8800;
    padding: 10px;
    background-color: #fff7ed;
    color: #ff8800;
    margin: 10px
}

    .registerNote h5 {
        margin: 0
    }

    .registerNote ol {
        padding-left: 20px;
        margin-top: 5px;
        margin-bottom: 0
    }

        .registerNote ol li {
            font-size: 12px
        }

.registeredSuccessful {
    padding-bottom: 100px
}

.successful {
    text-align: center;
    font-size: 20px;
    padding: 30px 0
}

    .successful span {
        vertical-align: super;
        margin: 0 5px
    }

.registeredSuccessful .commonBtn {
    display: block;
    width: 150px;
    margin: 30px auto
}

.registeredSuccessful .verifyMail {
    border: 1px solid #ff8800;
    padding: 5px 10px;
    background-color: #fff7ed;
    color: #ff8800;
    margin: 10px 30px 30px;
    text-align: center
}

.disclaim_con ol {
    padding: 10px 10px 10px 30px;
    font-size: 14px
}

.btnWrapper {
    overflow: hidden
}

.comfirmRegister {
    width: 48%;
    display: inline-block
}

.changeOther {
    width: 48%;
    background-color: #ff8800;
    border: 1px solid #ff8800
}

.proImg {
    position: relative
}

.proOpr {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #333;
    color: #fff
}

.commentsWrapper, .favorWrapper, .viewWrapper {
    position: absolute;
    top: 5px
}

.favorWrapper {
    left: 10px
}

.commentsWrapper {
    left: 49%
}

a.commentsWrapper {
    color: #fff
}

.viewWrapper {
    right: 10px
}

.followIcon {
    float: right;
    padding: 2px 5px;
    color: #ff8800;
    border: 1px solid #ccc;
    margin-top: 2px;
    font-size: 10px
}

    .followIcon .icon {
        color: #ff8800;
        font-size: 14px;
        margin-right: 2px;
        vertical-align: text-top
    }

.followed .icon {
    color: #999
}

.proCard {
    padding: 10px
}

.proCardWrapper {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    position: relative
}

.nameWrapper {
    overflow: hidden
}

    .nameWrapper img {
        float: left;
        margin-right: 10px
    }

    .nameWrapper h2 {
        font-size: 16px;
        border: none;
        padding-bottom: 0;
        padding-top: 5px;
        margin: 0;
        font-weight: normal
    }

        .nameWrapper h2 span {
            font-size: 14px
        }

    .nameWrapper p {
        color: #999;
        margin: 5px 0
    }

.contactWrapper {
    padding: 10px;
    overflow: hidden
}

    .contactWrapper + .contactWrapper {
        border-top: 1px solid #ccc
    }

    .contactWrapper .conDet, .contactWrapper .namePos, .contactWrapper img {
        display: inline-block
    }

    .contactWrapper img {
        float: left
    }

    .contactWrapper .namePos {
        margin-left: 5px;
        width: 30%
    }

        .contactWrapper .namePos h5 {
            margin: 0;
            font-weight: normal
        }

        .contactWrapper .namePos p {
            margin: 0
        }

.conDet {
    font-size: 12px;
    color: #999
}

.vipIcon {
    display: inline-block;
    background: url("../img/vipIcon.png") no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    vertical-align: text-bottom
}

.telIcon {
    background: url("../img/telephone.png") no-repeat;
    width: 12px;
    height: 12px;
    background-size: cover;
    margin-right: 5px
}

.mailIcon {
    background: url("../img/envelope2.png") no-repeat;
    width: 12px;
    height: 10px;
    background-size: cover;
    margin-right: 5px
}

.currentPrice {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    color: #999;
    text-align: center
}

    .currentPrice .grade {
        display: block
    }

.subInfo {
    font-size: 14px;
    color: #999
}

.proCardWrapper .tags {
    display: inline-block;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #666;
    margin: 5px
}

.fullPadding {
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

    .fullPadding a {
        color: #666
    }

.viewProIcon {
    background: url("../img/viewIcon2.png") no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover
}

.grade {
    color: #ff8800;
    font-size: 16px;
    margin: 0 5px
}

.honorIcon {
    display: inline-block;
    background: url("../img/honorIcon.png") no-repeat;
    width: 17px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
    vertical-align: bottom
}

.noBgHeader {
    padding: 10px;
    color: #666;
    font-size: 14px
}

.detailItemWrapper {
    padding: 5px 10px;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 10px 0
}

    .detailItemWrapper .itemHead {
        padding-bottom: 0
    }

        .detailItemWrapper .itemHead ul {
            margin-bottom: -1px
        }

        .detailItemWrapper .itemHead li {
            float: left;
            width: 100px;
            text-align: center;
            line-height: 28px;
            height: 28px;
            margin-left: 8px;
            color: #999
        }

            .detailItemWrapper .itemHead li.selected {
                border: 1px solid #ddd;
                border-bottom: 1px solid #fff;
                background: #fff;
                color: #000;
                font-weight: 400
            }

.itemHead {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    text-align: left;
    color: #333;
    padding: 10px 0
}

.itemBody {
    padding: 10px 0
}

.itemFoot {
    border-top: 1px solid #ddd;
    font-size: 20px;
    color: #999;
    padding: 10px 0 0;
    font-size: 14px
}

    .itemFoot div {
        overflow: hidden;
        margin-bottom: 10px
    }

    .itemFoot a {
        color: #2ba7d3;
        margin-top: 7px
    }

.itemWrapper {
    overflow: hidden
}

    .itemWrapper label {
        display: table-cell;
        width: 80px;
        font-size: 14px;
        font-weight: bold
    }

    .itemWrapper p {
        display: table-cell;
        vertical-align: top
    }

.proIntro {
    margin-bottom: 10px
}

    .proIntro .itemWrapper {
        margin: 5px 0
    }

.detailItemWrapper h2 {
    font-weight: normal;
    font-size: 18px;
    margin: 5px 0;
    padding: 0
}

    .detailItemWrapper h2 .icon.icon-right-nav {
        color: #999;
        font-size: 20px
    }

.detailItemWrapper h3 {
    font-size: 17px
}

.detailItemWrapper h5 {
    font-weight: bold
}

.detailItemWrapper dt {
    border-top: 1px solid #ccc;
    position: relative;
    padding: 10px
}

    .detailItemWrapper dt span {
        position: absolute;
        top: -14px;
        left: 0;
        background-color: #fff;
        padding: 5px 10px 5px 0;
        font-size: 14px
    }

.detailItemWrapper dd {
    -webkit-margin-start: 0;
    color: #999;
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 1.8
}

    .detailItemWrapper dd img {
        display: block;
        margin: 10px auto
    }

.financList ul {
    overflow: hidden;
    -webkit-margin-before: 0;
    -webkit-padding-start: 0
}

.financList li {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    margin: 10px 0
}

    .financList li:nth-child(2n) {
        margin: 0
    }

    .financList li dl {
        margin: 0
    }

        .financList li dl:last-child dd {
            height: 40px
        }

        .financList li dl:first-child {
            border-bottom: 1px solid #ccc
        }

            .financList li dl:first-child dd {
                display: inline-block;
                width: 49%;
                padding: 10px 0
            }

                .financList li dl:first-child dd:last-child {
                    text-align: right
                }

        .financList li dl dt {
            font-weight: normal;
            border: none
        }

        .financList li dl dd a {
            word-break: break-all
        }

        .financList li dl:first-child dt {
            font-size: 24px
        }

            .financList li dl:first-child dt time {
                font-size: 14px;
                color: #999;
                margin: 0 10px
            }

        .financList li dl:last-child {
            margin-bottom: 0
        }

            .financList li dl:last-child dt {
                font-size: 18px;
                margin-bottom: 10px
            }

            .financList li dl:last-child dd {
                color: #999
            }

.teamScope {
    background-color: #fff
}

    .teamScope p {
        padding: 10px 0;
        border-bottom: 1px dashed #ccc
    }

    .teamScope ul {
        padding-left: 0
    }

        .teamScope ul li {
            display: block;
            overflow: hidden;
            padding: 5px;
            border: 1px solid #fff;
            margin: 5px 0
        }

            .teamScope ul li .imgWrapper {
                float: left;
                border: 5px solid #eee;
                border-radius: 50%;
                margin-right: 10px;
                width: 50px;
                height: 50px
            }

                .teamScope ul li .imgWrapper img {
                    border-radius: 50%;
                    height: 40px;
                    width: 40px
                }

.tInfo {
    float: left;
    width: 65%
}

    .tInfo h4 {
        margin: 0;
        font-size: 16px
    }

        .tInfo h4 span.title {
            font-size: 14px;
            background-color: #ff8800;
            border-radius: 10px;
            padding: 2px 10px;
            position: relative;
            display: inline;
            margin: 0 10px
        }

    .tInfo p {
        padding: 0;
        border: none;
        color: #999;
        margin: 0;
        font-size: 12px
    }

        .tInfo p:first-child, .tInfo p:last-child {
            width: 100%
        }

.commentsBox {
    margin: 10px 0;
    border-bottom: 1px dashed #ccc;
    overflow: hidden
}

    .commentsBox div, .commentsBox img {
        float: left;
        display: inline-block
    }

    .commentsBox div {
        margin-left: 10px;
        width: 75%;
        padding-bottom: 5px
    }

    .commentsBox a, .commentsBox a:active, .commentsBox a:hover, .commentsBox a:link, .commentsBox a:visited {
        color: #2ba7d3
    }

    .commentsBox a {
        display: block;
        overflow: hidden
    }

        .commentsBox a time {
            color: #999;
            float: right;
            font-size: 13px
        }

.quote {
    padding: 10px;
    margin: 10px 0;
    background-color: #eee;
    color: #999
}

    .quote > b {
        color: #333;
        font-weight: 500
    }

.commentsBox .reply {
    overflow: hidden
}

    .commentsBox .reply span {
        float: right;
        margin: 0 10px;
        color: #2ba7d3
    }

a.moreBlock, a.moreBlock:active, a.moreBlock:hover, a.moreBlock:visited {
    display: block;
    padding: 10px auto;
    text-align: center;
    color: #2ba7d3
}

.insCardWrapper {
    color: #999;
    font-size: 14px
}

.tBdG dd {
    color: #999;
    font-size: 14px
}

.twoColumn {
    padding: 10px;
    text-align: center
}

    .twoColumn div {
        display: inline-block;
        font-size: 18px;
        margin: 0 5px
    }

        .twoColumn div.orange {
            color: #ff8800
        }

        .twoColumn div.blue {
            color: #2ba7d3
        }

        .twoColumn div span {
            display: inline-block;
            border-radius: 50%;
            width: 42px;
            height: 42px;
            line-height: 36px
        }

        .twoColumn div.orange span {
            border: 3px solid #ff8800
        }

        .twoColumn div.blue span {
            border: 3px solid #2ba7d3
        }

.gradeInfo {
    padding: 0 20px
}

    .gradeInfo h4 {
        color: #333
    }

.gradeItem.composite {
    background-color: #333;
    color: #fff
}

.gradeItem {
    margin: 5px 0
}

    .gradeItem div, .gradeItem label, .gradeItem span {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .gradeItem label {
        font-weight: normal;
        width: 90px;
        text-align: right;
        margin-right: 10px
    }

    .gradeItem div {
        margin-right: 10px
    }

    .gradeItem span {
        font-size: 16px
    }

.gradeBox {
    background: url("../img/gradeGrey.png") no-repeat;
    width: 120px;
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

.gradeOrg {
    position: absolute;
    z-index: 2;
    background: url("../img/gradeOrg.png") no-repeat;
    height: 24px;
    top: 0;
    left: 0
}

.gradeIt.active {
    background: url("../img/grade.png") -1px -20px no-repeat
}

.gradeItem span {
    font-size: 16px
}

.gradeItem div, .gradeItem label, .gradeItem span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.gradeIt {
    background: url("../img/grade.png") -1px -1px no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer
}

.gradeItem + textarea {
    height: 100px;
    margin: 10px 0;
    padding: 5px 10px
}

.imgText {
    display: inline-block;
    overflow: hidden;
    width: 49%;
    margin: 10px 0
}

    .imgText .imgWrapper {
        float: left;
        border: 5px solid #eee;
        border-radius: 50%;
        margin-right: 10px
    }

        .imgText .imgWrapper img {
            border-radius: 50%;
            height: 76px;
            width: 76px
        }

    .imgText .tInfo {
        float: left;
        width: 50%
    }

        .imgText .tInfo .name {
            color: #333;
            font-size: 16px
        }

        .imgText .tInfo p {
            padding: 0;
            border: 0;
            color: #999;
            margin: 0
        }

.coachEnp .imgText .imgWrapper img {
    width: 40px;
    height: 40px
}

.userWrapper {
    position: relative;
    font-size: 16px;
    padding: 5px 0 10px;
    color: #2ba7d3;
    min-height: 37px
}

    .userWrapper time {
        position: absolute;
        right: 0;
        color: #999;
        font-size: 13px
    }

    .userWrapper .triangle {
        position: absolute;
        width: 0;
        height: 0;
        bottom: 0;
        left: 20px;
        border-bottom: 5px solid #ccc;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: none
    }

.commentsBox .userWrapper {
    min-height: inherit;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden
}

    .commentsBox .userWrapper a {
        float: right;
        font-size: 12px
    }

.commentsBox div.gradeSet {
    width: 100%;
    font-size: 14px;
    float: none;
    margin-left: 0
}

.gradeSet label {
    display: inline-block;
    width: 110px;
    text-align: right
}

.commentsBox div.gradeBox {
    width: 120px;
    float: none;
    vertical-align: bottom;
    margin: 0
}

    .commentsBox div.gradeBox + span {
        font-size: 18px
    }

.commentsBox .gradeSet ul {
    font-size: 13px;
    margin: 3px 0 10px
}

.commentsBox div time {
    color: #999
}

.gradeSet ul {
    display: block
}

    .gradeSet ul li {
        display: inline-block;
        line-height: normal
    }

        .gradeSet ul li + li {
            border-left: 1px solid #666;
            margin-left: 3px;
            padding-left: 5px
        }

.f10 {
    font-size: 14px;
    padding-top: 11px
}

@keyframes topPosition {
    from {
        top: -100px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.f10Tab {
    position: static;
    margin-top: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    background-color: #fff
}

    .f10Tab table {
        width: 100%;
        border-collapse: collapse
    }

        .f10Tab table tr td {
            border: 1px solid #ddd;
            text-align: center;
            padding: 5px;
            font-size: 14px
        }

            .f10Tab table tr td.active {
                background-color: #37a2e7;
                color: #fff
            }

.affix {
    position: fixed;
    top: 0;
    animation: topPosition 500ms;
    -moz-animation: topPosition 500ms;
    -webkit-animation: topPosition 500ms;
    -o-animation: topPosition 500ms;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000)
}

.bar-tab.f10Tab .tab-item span {
    padding: 0;
    font-size: 15px
}

.f10Tab.bar-tab {
    height: 40px;
    border-top: 4px solid #2ba7d3;
    border-bottom: 0
}

    .f10Tab.bar-tab .tab-item {
        color: #333;
        height: inherit
    }

        .f10Tab.bar-tab .tab-item.active span {
            color: #333
        }

.institution_list {
    padding: 10px;
    -webkit-margin-before: 0
}

    .institution_list li {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #fff;
        margin: 10px 0
    }

        .institution_list li:first-child {
            margin-top: 0
        }

    .institution_list .contactWrapper, .institution_list .locationIcon + span {
        color: #999
    }

    .institution_list .contactWrapper {
        padding: 0
    }

        .institution_list .contactWrapper dl {
            position: relative;
            -webkit-margin-before: 0.2em;
            -webkit-margin-after: 0.5em
        }

            .institution_list .contactWrapper dl dt {
                position: absolute
            }

            .institution_list .contactWrapper dl dd, .institution_list .contactWrapper dl dt {
                display: inline-block;
                vertical-align: text-top
            }

            .institution_list .contactWrapper dl dd {
                margin-left: 90px
            }

    .institution_list .footerWrapper {
        border-top: 1px solid #ccc;
        padding-top: 10px;
        color: #666;
        overflow: hidden
    }

        .institution_list .footerWrapper div {
            display: inline-block;
            font-size: 15px;
            text-align: right;
            float: right
        }

            .institution_list .footerWrapper div:first-child {
                float: left
            }

    .institution_list .contactWrapper .serviceIcon {
        width: 15px;
        height: 17px
    }

.publishModule {
    font-size: 14px
}

    .publishModule label {
        font-weight: normal;
        vertical-align: middle;
        width: 80px;
        text-align: right;
        margin-right: 10px
    }

    .publishModule input[type="text"] {
        line-height: 34px;
        width: 70%;
        height: 36px;
        padding: 0 5px;
        font-size: 14px
    }

    .publishModule textarea {
        margin-left: 57px;
        width: 70%;
        line-height: inherit;
        padding: 0 5px
    }

.whiteSpace {
    display: inline-block;
    width: 28px
}

.disclairWrapper {
    padding: 10px;
    font-size: 12px;
    background-color: #f7f7f7
}

.login_bg5 {
    background: url("../img/banner.jpg") no-repeat;
    width: 100%;
    height: 360px;
    background-size: cover
}

.login_bg6 {
    background: url("../img/banner02.jpg") no-repeat;
    width: 100%;
    height: 360px;
    background-size: cover
}

.attentionSuccess {
    background: url("../img/attSuccess.png") center 0 no-repeat;
    background-size: cover;
    position: fixed;
    z-index: 1000
}

    .attentionSuccess p {
        position: absolute;
        width: 100%;
        text-align: center;
        color: #fff
    }

    .attentionSuccess img {
        position: absolute
    }

.timeLineList.detailPadding {
    padding-bottom: 0
}

.timeLineList dl {
    border-left: 1px solid #ccc;
    padding: 0 10px 10px 9px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

    .timeLineList dl dt {
        margin-bottom: 5px
    }

.timeLineList time {
    display: inline-block;
    color: #FF8800;
    margin-right: 10px;
    width: 140px;
    position: relative
}

    .timeLineList time .circle {
        position: absolute;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px solid #ccc;
        background-color: #fff;
        left: -15px;
        top: 4px
    }

.timeLineList dl a {
    float: right;
    margin-top: 3px
}

.timeLineList dl dd {
    display: inline-block;
    margin-right: 10px
}

.warningLink {
    display: block;
    text-align: right;
    margin-right: 10px;
    color: #999
}

.relatedEpList ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.relatedEpList li {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
    overflow: hidden
}

    .relatedEpList li:last-child {
        border-bottom: none
    }

    .relatedEpList li img {
        float: left;
        margin-right: 5px
    }

    .relatedEpList li p {
        margin-bottom: 5px
    }

.relatedEpList .imgControl {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
    margin-right: 5px
}

    .relatedEpList .imgControl img {
        max-width: 40px;
        max-height: 40px;
        text-align: center
    }

.epName {
    font-size: 16px;
    color: #333
}

    .epName span.code {
        font-size: 14px;
        color: #999
    }

.epInfo {
    color: #999
}

.relatedEpList li .followIcon {
    margin-left: 10px
}

.relatedEpList li .marketCondition {
    margin-top: 5px
}

.relatedEpList li p.epInfo {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reportBtnWrapper {
    width: 300px;
    margin: 10px auto;
    overflow: hidden;
    color: #999
}

    .reportBtnWrapper a {
        float: right
    }

.reportBtn {
    display: block;
    background: url("../img/reportBtn.png") no-repeat;
    width: 300px;
    height: 70px;
    margin: 10px 0;
    cursor: pointer;
    background-size: cover
}

.riskWrapper.popBox {
    bottom: auto;
    top: 100px
}

.riskWrapper .dialogContent {
    padding: 0
}

.riskWrapper ul li {
    padding: 10px;
    border-bottom: 1px dashed #ccc
}

    .riskWrapper ul li a {
        display: block;
        text-align: right;
        color: #2ba7d3;
        font-size: 14px
    }

#reportDetail.dialog {
    bottom: auto;
    width: 80%
}

#reportDetail .dialogContent {
    height: 380px;
    overflow-y: auto
}

#reportDetail.dialog .tabularStyle {
    width: 100%;
    font-size: 14px
}

.shareholdersWrapper {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 10px 15px
}

    .shareholdersWrapper .ui-table {
        width: 100%
    }

.financial-collapse.company_detail, .segmented-control-company + .company_detail {
    margin-top: 55px
}

.search + .segmented-control-company {
    border-radius: 0;
    border-top: none
}

.search_box {
    margin: 10px;
    position: relative;
    margin-bottom: 0
}

    .search_box input[type="search"] {
        margin-bottom: 0
    }

    .search_box .icon-search {
        position: absolute;
        top: 10px;
        right: 10px
    }

.honor {
    text-align: center
}

    .honor div {
        display: inline-block;
        padding: 5px 0;
        margin: 0 10px;
        text-align: center
    }

    .honor .circle {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        margin-right: 5px;
        text-align: center;
        padding: 3px 0
    }

    .honor .E {
        color: #ff8800
    }

        .honor .E .circle {
            border: 2px solid #ff8800
        }

    .honor .Q {
        color: #2ba7d3
    }

        .honor .Q .circle {
            border: 2px solid #2ba7d3
        }

.contactList {
    padding: 10px;
    background: #fff
}

.bingoCell {
    width: 230px;
    margin: 40px auto
}

    .bingoCell div {
        display: inline-block
    }

    .bingoCell h3 {
        font-weight: normal
    }

    .bingoCell p {
        font-size: 12px
    }

    .bingoCell + .textCenter p {
        color: #333;
        margin: 0
    }

    .bingoCell + .textCenter a, .bingoCell + .textCenter button {
        display: block
    }

    .bingoCell + .textCenter button {
        width: 250px;
        margin: 5px auto;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        background-color: #2ba7d3;
        border-radius: 3px;
        border: none
    }

    .bingoCell + .textCenter a:last-child {
        margin-top: 100px
    }

.animateButton {
    width: 250px;
    margin: 5px auto;
    padding: 10px 0;
    border-radius: 3px;
    background-color: #2ba7d3;
    color: #fff
}

    .animateButton div, .animateButton span {
        display: inline-block
    }

    .animateButton div {
        color: #6abee3;
        font-size: 12px
    }

.bingoCell + .textCenter .animateButton div p {
    font-size: 14px;
    margin: 0;
    color: #fff
}

.bullBingoList {
    padding: 20px 40px
}

    .bullBingoList h4 {
        font-size: 20px;
        font-weight: normal
    }

    .bullBingoList dt {
        color: #000
    }

    .bullBingoList dd {
        color: #999;
        margin-bottom: 20px;
        font-size: 12px
    }

    .bullBingoList .animateButton {
        text-align: center;
        font-size: 16px;
        margin-top: 30px
    }

.newIcon {
    display: inline-block;
    background-color: #ff8800;
    color: #fff;
    font-size: 12px;
    padding: 0 2px;
    vertical-align: top;
    line-height: initial;
    margin: 0 3px
}

.dataIsNone {
    text-align: center;
    color: #999
}

    .dataIsNone span {
        display: block;
        margin: 10px auto
    }

.indexOtcTable .dataIsNone {
    background-color: #fff;
    min-height: 100px;
    line-height: 100px
}

.privateWrapper {
}

.timeLineItem {
    position: relative;
    padding-bottom: 10px
}

    .timeLineItem:before {
        content: "";
        width: 2px;
        height: 100%;
        background: #eee;
        left: 7px;
        top: 0;
        position: absolute;
        z-index: 1
    }

.timeLineIcon {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
    top: 9px
}

.timeLineContent {
    position: relative;
    border: 1px solid #ddd;
    padding: 10px 10px 0;
    margin-left: 25px;
    margin-bottom: 10px
}

.itemWhiteArrow {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    border-right: 5px solid #fff;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    left: -5px;
    top: 10px
}

.itemGrayArrow {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    border-right: 5px solid #ccc;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    left: -6px;
    top: 10px
}

.statusWrapper {
    position: absolute;
    right: -6px;
    top: 6px
}

.status {
    padding: 5px 10px;
    color: #fff;
    background-color: #ff8800;
    font-size: 12px
}

.statusArrow {
    width: 0;
    height: 0;
    border-top: 3px solid #8c571b;
    border-left: 3px solid #8c571b;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    top: 23px;
    right: 0
}

.statusWrapper.finished .status {
    background-color: #ddd;
    color: #666
}

.statusWrapper.finished .statusArrow {
    border-top: 3px solid #999;
    border-left: 3px solid #999
}

.insCode {
    color: #999;
    font-size: 10px;
    margin-left: 5px
}

.researchItem.privateWrapper {
    padding-bottom: 0
}

.timeLineItem .flexWrapper {
    text-align: center;
    padding: 5px 0
}

.privateWrapper .flexWrapper .itemName {
    color: #999;
    font-size: 12px
}

.privateInfo {
    position: relative;
    padding: 5px 5px 0;
    margin-bottom: 5px;
    border-top: 1px solid #eee
}

    .privateInfo a {
        position: absolute;
        bottom: 5px;
        right: 5px
    }

.privateWrapper label {
    color: #999
}

.privateRelease {
    padding: 0 5px;
    overflow: hidden
}

    .privateRelease a {
        font-size: 12px;
        margin-top: 5px
    }

.privateList, .privateList .researchItem {
    background-color: #f9f9f9
}

    .privateList .researchItem {
        border: none
    }

        .privateList .researchItem .timeLineItem {
            background-color: #fff;
            padding-bottom: 0
        }

    .privateList .timeLineItem:before {
        display: none
    }

    .privateList .timeLineContent {
        margin-left: 0
    }

    .privateList .privateInfo a {
        bottom: 0;
        right: 0
    }

.coo, .market {
    width: inherit;
    height: 15px;
    padding: 2px 3px;
    font-size: 10px;
    background-color: #e2370f;
    color: #fff;
    margin-right: 5px;
    border-radius: 3px;
    vertical-align: 2px
}

.coo {
    background-color: #2ba7d3
}

.popFilterWrapper {
}

    .popFilterWrapper .popBox {
        position: absolute;
        margin-top: 0;
        top: 0;
        bottom: auto;
        background: none;
        z-index: 1000
    }

        .popFilterWrapper .popBox .filterHead {
            position: fixed;
            width: 100%;
            margin-top: 44px;
            padding: 5px 0;
            background-color: #fff;
            margin-top: 0;
            top: 47px
        }

    .popFilterWrapper.privateFilter .popBox .filterHead {
        margin-top: 44px
    }

    .popFilterWrapper .popBox .filterHead .flexWrapper div {
        border-bottom: 1px solid #ddd;
        text-align: center;
        padding: 5px 0
    }

        .popFilterWrapper .popBox .filterHead .flexWrapper div.active {
            background-color: #fff;
            background: #fff url("../img/activeArrow2.png") center bottom no-repeat;
            height: 32px;
            background-size: cover;
            border-bottom: none
        }

    .popFilterWrapper .popFilter {
        max-height: 100%;
        margin-top: 80px
    }

    .popFilterWrapper .popButton {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0
    }

.filterHead span.icon {
    font-size: 12px;
    color: #999;
    margin-left: 3px
}

.intermediaryInfo .researchItem .flexWrapper div {
    margin: 3px 0;
    align-items: flex-start;
    align-self: baseline
}

.intermediaryInfo .researchItem label {
    font-weight: bold;
    text-align: right;
    width: 94px;
    margin-bottom: 0
}

.greenHandGuide {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000001
}

    .greenHandGuide .mask {
        display: block;
        background: rgba(0,0,0,0.7)
    }

.nextStep {
    background: url("../img/nextStep.png") no-repeat;
    width: 177px;
    height: 69px;
    position: absolute;
    z-index: 2;
    left: 600px;
    top: 350px;
    cursor: pointer
}

.iknewIt {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin-top: 100%;
    text-align: center;
    cursor: pointer
}

.focusGuide {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000002;
    bottom: 0;
    left: 0
}

    .focusGuide img {
        position: fixed;
        bottom: 0
    }

.agencyGrade {
    padding: 10px 0;
    font-size: 12px;
    background-color: #fff
}

    .agencyGrade div {
        text-align: center
    }

        .agencyGrade div span {
            display: inline-block;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            line-height: 24px;
            text-align: center
        }

        .agencyGrade div.plum {
            color: #d53b37
        }

            .agencyGrade div.plum span {
                border: 3px solid #d53b37
            }

        .agencyGrade div.orange {
            color: #f80
        }

            .agencyGrade div.orange span {
                border: 3px solid #f80
            }

        .agencyGrade div.blue {
            color: #2ba7d3
        }

            .agencyGrade div.blue span {
                border: 3px solid #2ba7d3
            }

.historyData {
    border-top: 1px solid #73b5f2;
    border-bottom: 1px solid #73b5f2;
    font-weight: 500;
    font-size: 18px;
    background: #fff;
    padding: 8px 10px
}

    .historyData .historyIcon {
        display: inline-block;
        background: url("../img/indexStock.png") no-repeat;
        width: 34px;
        height: 27px;
        vertical-align: middle;
        margin-right: 15px;
        margin-left: 10px
    }

    .historyData button {
        float: right;
        border-radius: 5px;
        background: #ff8361;
        color: #fff;
        border: 0;
        padding: 5px 10px
    }

.askQuestionBox {
    margin: 10px 0;
    border-bottom: 1px dashed #ccc;
    overflow: hidden
}

    .askQuestionBox img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px
    }

    .askQuestionBox div {
        margin-left: 10px;
        width: auto;
        padding-bottom: 5px
    }

    .askQuestionBox .insName a, .askQuestionBox .quote a {
        display: inline
    }

    .askQuestionBox .quote time {
        display: block;
        text-align: right;
        color: #999
    }

    .askQuestionBox .userWrapper {
        margin: 0;
        padding: 0
    }

    .askQuestionBox a, .askQuestionBox a:active, .askQuestionBox a:hover, .askQuestionBox a:link, .askQuestionBox a:visited {
        color: #2ba7d3
    }

    .askQuestionBox a {
        display: block;
        overflow: hidden
    }

        .askQuestionBox a time {
            color: #999;
            float: right;
            font-size: 13px
        }

    .askQuestionBox p.reply {
        color: #333
    }

    .askQuestionBox .avatarBorder {
        position: relative;
        margin-top: 2px
    }

        .askQuestionBox .avatarBorder .vipIcon {
            position: absolute;
            right: -5px;
            bottom: -5px
        }

    .askQuestionBox .insName {
        display: block;
        vertical-align: baseline
    }

        .askQuestionBox .insName + time {
            display: inline-block;
            color: #999;
            font-size: 10px;
            margin-top: 0
        }

    .askQuestionBox .quote {
        background: #f7f7f7;
        color: #777
    }

.askQuestionFooter {
    height: 45px !important
}

.popupBody button.btnBlue {
    margin-bottom: 10px
}

.searchLogo {
    text-align: center;
    margin: 30px 0 10px
}

    .searchLogo img {
        width: 50%;
        margin: 20px 0
    }

.globalSearch_box {
    position: relative;
    margin: 0 15px
}

    .globalSearch_box input[type="search"] {
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 65px;
        height: 39px;
        line-height: 39px;
        font-size: 14px;
        margin-bottom: 0
    }

    .globalSearch_box .icon {
        position: absolute;
        top: 8px;
        left: 8px
    }

    .globalSearch_box button {
        background: #2f9dc5;
        border: 0;
        color: #fff;
        border-radius: 0 5px 5px 0;
        width: 40px;
        height: 39px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 16px
    }

    .globalSearch_box .close {
        background: url("../img/iconClose.png") no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 12px;
        right: 47px;
        opacity: 0.8
    }

.hotSearch {
    color: #666;
    font-size: 14px;
    margin: 0 20px
}

    .hotSearch h5 {
        margin-top: 15px
    }

        .hotSearch h5 > a {
            float: right
        }

    .hotSearch li {
        border: 1px solid #ddd;
        font-size: 12px;
        padding: 3px 12px;
        background: #fff;
        float: left;
        margin-right: 12px;
        color: #999;
        margin-bottom: 8px
    }

    .hotSearch:after {
        content: '.';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

.newCompany {
    margin: 0 15px;
    color: #666
}

    .newCompany .imgControl {
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin-top: 3px;
        margin-right: 5px
    }

        .newCompany .imgControl img {
            max-width: 40px;
            max-height: 40px;
            text-align: center
        }

    .newCompany ul {
        border: 1px solid #ddd;
        background: #fff;
        position: relative;
        height: 47px;
        margin-bottom: 8px
    }

        .newCompany ul > li:last-child {
            margin-left: 5px;
            padding-top: 2px
        }

        .newCompany ul > li span.date {
            display: block;
            color: #2F9DC5;
            font-size: 20px;
            margin-top: 2px
        }

        .newCompany ul > li span.month {
            color: #999;
            font-size: 12px
        }

        .newCompany ul:after {
            content: '.';
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    .newCompany .epName {
        margin: 0;
        font-size: 14px
    }

        .newCompany .epName span.code {
            font-size: 12px
        }

    .newCompany .epInfo {
        font-size: 12px;
        margin: 0
    }

.newCompayIndex {
    margin: 0 15px
}

    .newCompayIndex h5 {
        color: #666
    }

    .newCompayIndex li {
        float: left;
        border: 1px solid #ddd;
        background: #fff;
        padding: 0 5px;
        margin-right: 12px;
        margin-bottom: 8px
    }

    .newCompayIndex .imgControl {
        width: 24px;
        height: 24px;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        float: left;
        margin-top: 3px;
        margin-right: 5px;
        margin-bottom: 3px
    }

        .newCompayIndex .imgControl img {
            max-width: 24px;
            max-height: 24px;
            text-align: center
        }

    .newCompayIndex .epName {
        line-height: 32px;
        vertical-align: -4px;
        font-size: 14px;
        color: #666
    }

.globalSearch .ad {
    margin: 0 -15px
}

    .globalSearch .ad img {
        width: 100%;
        margin: 0
    }

.globalSearch .iconCloseAD {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    background: url("../img/iconCloseAD.png") no-repeat;
    background-size: cover
}

.globalSearch_box.result {
    margin: 0 40px 0 0
}

    .globalSearch_box.result .close {
        right: 6px;
        top: 13px
    }

    .globalSearch_box.result input[type="search"] {
        height: 30px;
        line-height: 30px;
        padding-right: 25px;
        padding-left: 30px
    }

    .globalSearch_box.result .icon {
        top: 2px;
        font-size: 20px;
        opacity: 0.2
    }

.globalSearch_box + .btnFont {
    border: 0;
    background-color: transparent;
    color: #2F9DC5;
    position: absolute;
    right: 5px;
    top: 10px
}

.globalSearchList em {
    background: #fff10d;
    font-style: normal;
    display: inline-block
}

.globalSearchList .imgControl {
    width: 40px;
    height: 46px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 3px;
    margin-right: 5px
}

    .globalSearchList .imgControl img {
        max-width: 40px;
        max-height: 40px;
        text-align: center
    }

.globalSearchList .epName .code {
    display: block;
    font-size: 12px
}

.globalSearchList .epIndustry {
    display: inline-block;
    float: right;
    margin-top: 8px;
    font-size: 12px;
    background: #F3F3F3;
    padding: 3px 8px;
    border-radius: 5px;
    width: 136px;
    line-height: 1.8em;
    text-align: center
}

.globalSearchList .code.partner {
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden
}

.globalSearchList > li:first-child {
    border-top: 1px solid #ddd
}

.globalSearchList > li {
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: relative;
    padding: 5px;
    min-height: 54px
}

.globalSearchList .epName {
    margin: 0;
    font-size: 14px
}

    .globalSearchList .epName span.coo, .globalSearchList .epName span.market {
        margin-left: 6px
    }

    .globalSearchList .epName a {
        color: #333
    }

.globalSearch .recommend {
    padding-left: 8px
}

.globalSearch .bar-footer ~ .content {
    padding-bottom: 70px
}

.globalSearch {
}

    .globalSearch .popup {
        display: none;
        z-index: 1000;
        top: 30%;
        text-align: center
    }

        .globalSearch .popup .popupBody {
            position: fixed;
            z-index: 10000;
            background-color: #fff;
            width: inherit;
            padding-bottom: 20px;
            border-radius: 5px
        }

            .globalSearch .popup .popupBody h4 {
                font-size: 26px
            }

            .globalSearch .popup .popupBody p {
                font-size: 12px;
                color: #666
            }

            .globalSearch .popup .popupBody button {
                background-color: #2ba7d3;
                color: #fff;
                border-radius: 20px;
                width: 80%;
                border: none;
                height: 40px
            }

.adTop100 img {
    width: 100%
}

#noNumTipsDiv label > .cancel {
    font-size: 14px
}

#noNumTipsDiv .picFilterBuy img {
    width: 50%
}

.moneyGif {
    width: 85px;
    height: 85px;
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 3;
    background-size: cover;
    background-image: url("../img/moneyGif.gif");
    display: none
}

.moneyPicBig {
    width: 262px;
    height: 342px;
    position: fixed;
    bottom: 50%;
    right: 50%;
    margin-bottom: -171px;
    margin-right: -131px;
    z-index: 2;
    background-size: cover;
    background-image: url("../img/moneyPicBig.png")
}

.tipsUpgrade {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    z-index: 14;
    text-align: center;
    font-size: 16px;
    color: #000
}

    .tipsUpgrade button {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 5px;
        background-color: #24A2EF !important;
        border: 1px solid #24A2EF !important;
        border-radius: 8px;
        color: #fff
    }

    .tipsUpgrade p {
        font-weight: 400;
        color: #000
    }

.transparentMask {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0
}

.popupVCenter {
    position: absolute;
    z-index: 1000;
    display: block;
    width: 100%;
    text-align: center;
    top: 45%
}

.newPopup {
    display: inline-block;
    padding: 0.5rem 30px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    -webkit-transition: opacity 750ms linear;
    -moz-transition: opacity 750ms linear;
    -o-transition: opacity 750ms linear;
    transition: opacity 750ms linear;
    opacity: 0
}

.fadeIn {
    opacity: 1;
    filter: alpha(opacity=1)
}

.agenda_box.v2 {
    background: #fff
}

    .agenda_box.v2 .mimg span {
        color: #999
    }

    .agenda_box.v2 .icon2 {
        width: 100px;
        height: 28px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        vertical-align: middle;
    }

.agendaIconName {
    background-image: url("Image/会议名称@2x.png");
    background-size: 80px
}

.agendaIconTime {
    background-image: url("Image/会议时间@2x.png");
    background-size: 80px
}

.agendaIconFoodTime {
    background-image: url("Image/晚宴时间@2x.png");
    background-size: 80px
}

.agendaIconFoodAddress {
    background-image: url("Image/晚宴地址@2x.png");
    background-size: 80px
}

.agendaIconAddress {
    background-image: url("Image/会议地址@2x.png");
    background-size: 80px;
}

.wp_label {
    font-size: 15px;
    color: #3a3a3a;
    margin-left: 14px;
    margin-top: 2px;
    margin-bottom:8px;
}


.wp_a {
    font-size: 15px;
    color: #053a92;
    margin-left: 14px;
    text-decoration: none;
    margin-top: 2px;
    margin-bottom: 8px;
}


.agenda_box.v2 .mName {
    margin-top: 15px;
    margin-left: 13px;
    margin-right: 14px
}

.agenda_box.v2 h3 {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-bottom: 0
}

.agenda_box.v2 .mContent, .agenda_box.v2 .mName, .agenda_box.v2 .maddress, .agenda_box.v2 .mtime {
    margin-left: 13px;
    margin-right: 14px;
    margin-top:8px;
}

.agenda_box.v2 h3 + p {
    font-size: 14px;
    color: #333;
    margin-left: 42px
}

.agenda_box.v2 .card-agenda, .agenda_box.v2 .mcon {
    border-top: 0
}

.agenda_box.v2 .comp_brief h4, .agenda_box.v2 .meeting_agenda h4 {
    text-align: center;
    margin-top: 15px
}

    .agenda_box.v2 .comp_brief h4 > p, .agenda_box.v2 .meeting_agenda h4 > p {
        font-size: 22px;
        color: #ff6800;
        margin-bottom: 0
    }

    .agenda_box.v2 .comp_brief h4 > span, .agenda_box.v2 .meeting_agenda h4 > span {
        font-size: 14px;
        font-weight: 400
    }

.agenda_box.v2 .comp_brief dt {
    display: block;
    float: none;
    color: #999
}

.agenda_box.v2 .comp_brief dd {
    margin-bottom: 10px;
    display: block
}

    .agenda_box.v2 .comp_brief dd > p {
        color: #333;
        margin-left: 25px;
        margin-bottom: 0
    }

.agenda_box.v2 .comp_brief .icon {
    color: #027fff;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.agenda_box.v2 .meeting_agenda span {
    display: block
}

.agenda_box.v2 .meeting_agenda .bgLine {
    background: url("../img/bgAgendaLine.png") center repeat-y;
    text-align: center
}

    .agenda_box.v2 .meeting_agenda .bgLine > img {
        width: 70%;
        vertical-align: top
    }

.agenda_box.v2 .meeting_agenda .time {
    width: 100px;
    color: #666
}

.agenda_box.v2 .meeting_agenda {
    margin-bottom: 30px
}

.agenda_box.v2 .ticketSort h4 {
    text-align: center;
    margin-top: 15px
}

    .agenda_box.v2 .ticketSort h4 > p {
        font-size: 22px;
        color: #ff6800;
        margin-bottom: 0
    }

    .agenda_box.v2 .ticketSort h4 > span {
        font-size: 14px;
        font-weight: 400
    }

.agenda_box.v2 .ticketSort li {
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px;
    cursor: pointer
}

.agenda_box.v2 .card-agenda li {
    margin-bottom: 15px
}

.ticket01 {
    background-image: url("../img/ticket01.png")
}

.ticket02 {
    background-image: url("../img/ticket02.png")
}

.ticket03 {
    background-image: url("../img/ticket03.png")
}

.ticket01.selected {
    background-image: url("../img/ticketSelect01.png")
}

.ticket02.selected {
    background-image: url("../img/ticketSelect02.png")
}

.ticket03.selected {
    background-image: url("../img/ticketSelect03.png")
}

.agenda_box.v2 .more {
    text-align: center;
    display: block
}

.btn-agenda {
    padding: 0 !important
}

    .btn-agenda button {
        top: 0 !important;
        border-radius: 0;
        line-height: 50px;
        background: #AE1817;
        border: 0
    }

.pop_intention {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -150px;
    width: 300px;
    height: 420px;
    border-radius: 8px;
    background: #fff;
    z-index: 15;
    padding: 0 20px;
    font-size: 14px
}

    .pop_intention dl {
        margin-bottom: 0
    }

    .pop_intention dt {
        color: #14A3DE;
        margin-bottom: 5px
    }

    .pop_intention dd {
        position: relative
    }

        .pop_intention dd input {
            height: 44px;
            line-height: 44px;
            padding-left: 15px;
            border: 1px solid #EEEEEE;
            background: #F7F7F7;
            padding-right: 30px
        }

        .pop_intention dd span.unit {
            position: absolute;
            right: 12px;
            top: 12px
        }

    .pop_intention span.icon {
        background: #fff;
        color: #ccc;
        border: 1px solid #ddd;
        border-radius: 50%;
        font-size: 24px;
        position: absolute;
        top: -10px;
        right: -10px
    }

.checkIn h5 {
    font-size: 16px;
    padding-left: 10px
}

.checkIn .selectBox li {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 5px 10px;
    position: relative;
    padding: 5px 5px 5px 40px;
    color: #ddd
}

    .checkIn .selectBox li span.icon {
        position: absolute;
        top: 15px;
        left: 5px;
        color: #ddd
    }

    .checkIn .selectBox li p {
        margin: 0;
        color: #aaa
    }

    .checkIn .selectBox li.selected {
        border-color: #29abe2;
        background: rgba(41,171,226,.1);
        color: #29abe2;
        font-weight: 600
    }

        .checkIn .selectBox li.selected p {
            color: #29abe2
        }

        .checkIn .selectBox li.selected span.icon {
            color: #29abe2
        }

.checkIn .text-center {
    text-align: center;
    margin-bottom: 25px
}

    .checkIn .text-center button {
        font-size: 16px;
        padding: 10px 25px
    }

.iconNew {
    width: 47px;
    height: 20px;
    background: url("../img/iconNew.png") no-repeat;
    display: inline-block;
    vertical-align: middle
}