.search-wrapper {
    background-color: #fff;
    padding: 16px 16px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

    .search-wrapper .input {
        position: relative;
        width: 100%
    }

        .search-wrapper .input i {
            position: absolute;
            left: 12px;
            top: 3px
        }

        .search-wrapper .input input {
            border: none;
            width: 100%;
            height: 35px;
            line-height: 35px;
            background: #f5f6fb;
            font-size: 13px;
            padding-left: 36px;
            border-radius: 50px;
            -webkit-appearance: none;
            outline: none
        }

    .search-wrapper .search-btn {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0 15px;
        background: #0078ff;
        color: #fff;
        border-radius: 50px;
        font-size: 14px;
        margin-left: 11px;
        line-height: 35px;
        cursor: pointer;
    }

.calendar-wrapper {
    background-color: #fff;
    padding: 0 16px 16px;
    margin-bottom: 10px
}

    .calendar-wrapper h1 {
        font-size: 20px;
        margin-bottom: 10px
    }

        .calendar-wrapper h1 img {
            margin-right: 8px;
            display: inline-block;
            vertical-align: text-bottom
        }

        .calendar-wrapper h1 .view-meeting {
            color: #0078ff;
            font-size: 13px;
            border: 1px solid #0078ff;
            border-radius: 50px;
            padding: 4px 9px
        }

    .calendar-wrapper .calendar-list {
        padding: 2px 0;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

        .calendar-wrapper .calendar-list::-webkit-scrollbar {
            display: none
        }

        .calendar-wrapper .calendar-list .item {
            display: inline-block;
            margin-right: 13px;
            text-align: center;
            background: #f5f6fb;
            padding: 3px 16px;
            box-shadow: 0 1px 5px 0 rgba(0,120,255,.1);
            border-radius: 5px;
            cursor: pointer;
        }

            .calendar-wrapper .calendar-list .item span {
                display: block;
                font-size: 12px;
                color: #9ea9c5
            }

            .calendar-wrapper .calendar-list .item b {
                font-size: 22px
            }

            .calendar-wrapper .calendar-list .item.active {
                background: #0078ff;
                -webkit-transition: all .25s linear;
                transition: all .25s linear
            }

                .calendar-wrapper .calendar-list .item.active b, .calendar-wrapper .calendar-list .item.active span {
                    color: #fff
                }

.meeting-place-wrapper {
    padding: 16px 0 16px 16px;
    /*position: relative;*/
    background: #fff
}

@media screen and (max-width:480px) {
    .meeting-place-wrapper {
        padding: 0 0 16px 0;
    }
}

.meeting-place-wrapper .handle {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
    z-index: 100
}

.meeting-place-wrapper h1 {
    font-size: 16px;
    margin-bottom: 10px
}

.meeting-place-wrapper .meeting-vertical {
    white-space: nowrap;
    overflow-y: scroll;
    overflow-x: scroll;
    border-radius: 5px 0 0 5px
}

    .meeting-place-wrapper .meeting-vertical .header-place {
        vertical-align: top;
        display: inline-block;
        float: left
    }

        .meeting-place-wrapper .meeting-vertical .header-place .vertical-title {
            white-space: normal;
            width: 50px;
            height: 160px;
            padding: 0;
            /*padding: 0 5px;*/
            /*background: #979899;*/
            color: #fff;
            font-size: 14px;
            text-align: center;
            word-wrap: break-word;
            border-bottom: 1px solid #fff;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            overflow: hidden;
            /*margin: 0 0px 3px 0;*/
            align-content: space-around;
            justify-content: space-around;
        }

            .meeting-place-wrapper .meeting-vertical .header-place .vertical-title:first-of-type {
                border-radius: 5px 0 0 0
            }

            .meeting-place-wrapper .meeting-vertical .header-place .vertical-title:last-of-type {
                border-bottom: 0;
                border-radius: 0 0 0 5px
            }

    .meeting-place-wrapper .meeting-vertical .body-place {
        display: inline-block;
        overflow: auto;
        overflow-x: scroll;
    }

        .meeting-place-wrapper .meeting-vertical .body-place .place-content:first-of-type .item {
            border-top: 1px solid #e8edff
        }

        .meeting-place-wrapper .meeting-vertical .body-place .place-content .item {
            /*display: inline-block;
            height: 140px;
            width: 150px;
            padding: 12px;
            background: #45a5e6;
            border-right: 1px solid #e8edff;
            border-bottom: 1px solid #e8edff;
            border-top: 1px solid #e8edff;
            vertical-align: top;
            cursor: pointer;
            margin: 0 3px 3px 3px;
            border-radius: 5px;*/
        }

            .meeting-place-wrapper .meeting-vertical .body-place .place-content .item .time {
                /*color: #fff;
                font-size: 14px*/
            }

                .meeting-place-wrapper .meeting-vertical .body-place .place-content .item .time.active {
                    color: #ff5200
                }

            .meeting-place-wrapper .meeting-vertical .body-place .place-content .item p {
                /* font-size: 16px;
                white-space: normal;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                text-align: justify;
                color: #000;
                font-weight: bold;*/
            }

.meeting-place-wrapper .meeting {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    border-radius: 5px 0 0 0
}

    .meeting-place-wrapper .meeting .header-place {
        border-radius: 5px 0 0 0
    }

        .meeting-place-wrapper .meeting .header-place .header-title {
            padding: 12px 15px;
            background: #1e4a7a;
            color: #fff;
            font-size: 14px;
            display: inline-block;
            text-align: center;
            min-width: 150px;
            border-right: 1px solid #e8edff
        }

    .meeting-place-wrapper .meeting .body-place {
        overflow-y: scroll;
        overflow-x: hidden
    }

        .meeting-place-wrapper .meeting .body-place .place-content {
            display: inline-block;
            vertical-align: top;
            width: 150px;
            border-right: 1px solid #e8edff
        }

            .meeting-place-wrapper .meeting .body-place .place-content:first-of-type {
                border-left: 1px solid #e8edff
            }

            .meeting-place-wrapper .meeting .body-place .place-content .item {
                height: 107px;
                padding: 12px;
                background: #fff;
                border-bottom: 1px solid #e8edff
            }

                .meeting-place-wrapper .meeting .body-place .place-content .item .time {
                    color: #9ea9c5;
                    font-size: 14px
                }

                    .meeting-place-wrapper .meeting .body-place .place-content .item .time.active {
                        color: #ff5200
                    }

                .meeting-place-wrapper .meeting .body-place .place-content .item p {
                    font-size: 14px;
                    white-space: normal;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                    text-align: justify
                }

.meeting-place-wrapper .meeting-list {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll
}

    .meeting-place-wrapper .meeting-list .item-wrapper {
        display: inline-block;
        margin-right: 10px;
        white-space: normal
    }

        .meeting-place-wrapper .meeting-list .item-wrapper.show .item {
            background: #0078ff;
            color: #fff
        }

            .meeting-place-wrapper .meeting-list .item-wrapper.show .item span {
                color: #fff
            }

    .meeting-place-wrapper .meeting-list .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 194px;
        height: 83px;
        background-color: #fff
    }

        .meeting-place-wrapper .meeting-list .item .item-info {
            width: 100%
        }

        .meeting-place-wrapper .meeting-list .item p {
            font-size: 14px;
            word-wrap: break-word;
            height: 45px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .meeting-place-wrapper .meeting-list .item span {
            font-size: 12px;
            color: #a6a8b6
        }


/*
日程主题样式 */
.dateTitle {
    display: inline-block;
    margin-right: 13px;
    text-align: center;
    background: #f5f6fb;
    /*padding: 3px 16px;*/
    box-shadow: 0 1px 5px 0 rgb(0 120 255 / 10%);
    border-radius: 5px;
    cursor: pointer;
    font-size: 22px;
}

    .dateTitle .active {
        display: inline-block;
        text-align: center;
        padding: 3px 16px;
        box-shadow: 0 1px 5px 0 rgb(0 120 255 / 10%);
        border-radius: 5px;
        cursor: pointer;
        background-color: #0078ff;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
        color: #fff;
    }

    .dateTitle span {
        display: block;
        font-size: 12px;
        /*color: #9ea9c5;*/
    }

.hallTitle {
    background-color: #979899;
}

.sessionTitle {
    display: inline-block;
    height: 160px;
    width: 150px;
    padding: 0px;
    /*padding: 12px;*/
    /*background: #45a5e6;*/
    border-right: 1px solid #e8edff;
    border-bottom: 1px solid #e8edff;
    border-top: 1px solid #e8edff;
    vertical-align: top;
    cursor: pointer;
}

    .sessionTitle .timeName {
        font-size: 14px;
        /*color: #fff;*/
        color: #9ea9c5;
    }

    .sessionTitle .sessionName {
        font-size: 16px;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-align: justify;
        color: #000;
    }