.search-container {
    position: relative;
}

    .search-container .search_input {
        position: relative;
        width: 380px;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }

        .search-container .search_input .el-input {
            width: 280px;
        }

            .search-container .search_input .el-input input {
                height: 40px;
                border: 1px solid #eee;
                border-radius: 30px 0 0 30px !important;
                font-size: 14px;
                color: var(--primary-color);
                padding-left: 40px;
            }

        .search-container .search_input .el-button, .search-container .search_input .el-input-group__prepend, .search-container .search_input .el-input__inner {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        .search-container .search_input .searchBtn {
            width: 68px;
            height: 40px;
            line-height: 40px;
            border-radius: 0 30px 30px 0;
            background-color: var(--primary-color);
            vertical-align: middle;
            text-align: center;
            color: #fff;
            font-size: 14px;
        }

            .search-container .search_input .searchBtn:hover {
                cursor: pointer;
            }

.top-person-container .top-person-content {
    color: #666;
    font-size: 14px;
}

    .top-person-container .top-person-content .el-divider {
        background-color: #666;
    }

    .top-person-container .top-person-content p:hover {
        color: var(--primary-color);
    }

    .top-person-container .top-person-content .user-no-login .no-login-icon {
        width: 17px;
        height: 17px;
        margin-right: 8px;
    }

    .top-person-container .top-person-content .user-no-login-row .user-name {
        max-width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: default;
    }

    .top-person-container .top-person-content ul {
        left: 5px;
        top: 93px;
    }

.loginPopover {
    border-radius: 8px !important;
}

    .loginPopover .down-list {
        width: 120px;
    }

        .loginPopover .down-list li {
            margin-top: 5px;
        }

            .loginPopover .down-list li:hover {
                background-color: var(--primary-color);
            }

.header_container {
    width: 100%;
}

.header_content {
    width: 1200px;
    margin: 0 auto;
    height: 130px;
}

    .header_content .header_left_image_wrapper img {
        max-width: 316px;
        max-height: 110px;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.loginPopover {
    position: absolute;
    top: 8px;
    left: -9px;
    min-width: 86px;
    box-sizing: border-box;
    padding: 0 !important;
    text-align: center;
    color: #666;
    box-shadow: 0 1px 25px 0 hsla(0,0%,86.7%,.5);
    border-radius: 0 0 8px 8px;
    background: #fff;
    font-size: 14px;
    z-index: 2000;
}

    .loginPopover .down-list {
        line-height: 40px;
    }

        .loginPopover .down-list li {
            color: #666;
        }

            .loginPopover .down-list li:hover {
                background: var(--primary-color);
                color: #fff;
                cursor: pointer;
            }

                .loginPopover .down-list li:hover:last-child {
                    border-radius: 0 0 8px 8px;
                }

.footer-container {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff;
    max-height: 257px;
}

[data-theme=zhongshan] .footer-container {
    background-color: #000;
    max-height: 280px;
}

.footer-container .footer-url {
    margin-top: 0;
}

[data-theme=zhongshan] .footer-container .footer-url {
    margin-top: 20px;
}

.footer-container .footer-url ul {
    display: flex;
    justify-content: center;
    color: #999;
}

    .footer-container .footer-url ul li {
        float: left;
        line-height: 16px;
        padding: 0 20px;
        height: 16px;
        border-right: 1px solid #999;
        cursor: pointer;
    }

        .footer-container .footer-url ul li:last-child {
            border-right: 0 solid #999;
        }

.footer-container .footer-main {
    width: 1200px;
    height: 240px;
    margin: 0 auto;
}

    .footer-container .footer-main .footerStyle img {
        max-width: 1200px !important;
        max-height: 160px !important;
    }

[data-theme=zhongshan] .footer-container .footer-main p {
    color: #4e4e4e;
}

.footer-container .footer-main .footer-app-install {
    margin: 0 50px;
}

    .footer-container .footer-main .footer-app-install .code {
        width: 95px;
        height: 95px;
    }

        .footer-container .footer-main .footer-app-install .code:first-child:after {
            content: "保利剧院服务号";
            font-size: 12px;
            color: #333;
            width: 95px;
            height: 12px;
            display: block;
            text-align: center;
            margin-top: 10px;
        }

        .footer-container .footer-main .footer-app-install .code:last-child:after {
            content: "保利剧院订阅号";
            font-size: 12px;
            color: #333;
            width: 95px;
            height: 12px;
            display: block;
            text-align: center;
            margin-top: 10px;
        }

        .footer-container .footer-main .footer-app-install .code img {
            display: block;
            height: 100%;
            width: 100%;
        }

        .footer-container .footer-main .footer-app-install .code label {
            font-size: 12px;
            color: #757575;
        }

        .footer-container .footer-main .footer-app-install .code:last-child {
            margin-left: 40px;
        }

[data-v-329a4b30]:root {
    --primary-color:#f78b0d;
    --primary-dark:#ffcb00;
    --primary-light:#fef3e6;
    --warning-color:#f6404e;
    --step-color:#ffcb00;
}

.zhongshan[data-v-329a4b30] {
    --primary-color:#d00724;
    --primary-dark:#d00724;
    --primary-light:#faeef0;
    --warning-color:#f6404e;
    --step-color:#d00724;
}

.zhuliya[data-v-329a4b30] {
    --primary-color:#0071bb;
    --primary-dark:#0071bb;
    --primary-light:#edf8ff;
    --warning-color:#bf0000;
    --step-color:#0071bb;
}

.navigation-container .el-menu[data-v-329a4b30] {
    border: 1px solid;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.navigation-container[data-v-329a4b30] .el-icon-arrow-down:before {
    content: "";
}

.navigation-container .el-menu-main[data-v-329a4b30] {
    width: 1200px;
    margin: 0 auto;
    background-color: var(--primary-color);
}

.navigation-container .el-menu-main .el-menu-item[data-v-329a4b30], .navigation-container .el-menu-main .el-submenu[data-v-329a4b30] {
    width: auto;
    min-width: 100px;
    height: 50px;
    line-height: 50px;
    padding: 0 !important;
    font-size: 16px;
}

.navigation-container .el-menu-main .el-menu-item p[data-v-329a4b30], .navigation-container .el-menu-main .el-submenu p[data-v-329a4b30] {
    height: 50px;
    line-height: 50px;
}

.navigation-container .el-menu-main .el-menu-item[data-v-329a4b30] .el-submenu__title, .navigation-container .el-menu-main .el-submenu[data-v-329a4b30] .el-submenu__title {
    height: 50px !important;
    padding: 0 !important;
    font-size: 16px;
}

    .navigation-container .el-menu-main .el-menu-item[data-v-329a4b30] .el-submenu__title:hover, .navigation-container .el-menu-main .el-submenu[data-v-329a4b30] .el-submenu__title:hover {
        background-color: var(--primary-color);
    }

    .navigation-container .el-menu-main .el-menu-item[data-v-329a4b30] .el-submenu__title .el-menu-item, .navigation-container .el-menu-main .el-submenu[data-v-329a4b30] .el-submenu__title .el-menu-item {
        margin-right: 0;
    }

.navigation-container .el-menu-main .el-menu-item[data-v-329a4b30]:hover, .navigation-container .el-menu-main .el-submenu[data-v-329a4b30]:hover {
    background-color: var(--primary-color);
}

.navigation-container .el-menu-main[data-v-329a4b30] .el-menu-item.is-active {
    font-size: 20px !important;
}

    .navigation-container .el-menu-main[data-v-329a4b30] .el-menu-item.is-active:after {
        content: "";
        position: absolute;
        bottom: 2px;
        left: 0;
        right: 0;
        margin: auto;
        width: 26px;
        height: 4px;
        background: #fff;
        border-radius: 3px;
    }

.navigation-container .el-menu-main .display-menu[data-v-329a4b30], [data-theme=zhuliya] .navigation-container .el-menu-main[data-v-329a4b30] .el-menu-item.is-active:after {
    display: none;
}

:root {
    --primary-color:#f78b0d;
    --primary-dark:#ffcb00;
    --primary-light:#fef3e6;
    --step-color:#ffcb00;
}

.zhongshan, :root {
    --warning-color:#f6404e;
}

.zhongshan {
    --primary-color:#d00724;
    --primary-dark:#d00724;
    --primary-light:#faeef0;
    --step-color:#d00724;
}

.zhuliya {
    --primary-color:#0071bb;
    --primary-dark:#0071bb;
    --primary-light:#edf8ff;
    --warning-color:#bf0000;
    --step-color:#0071bb;
}

.menuPopover {
    position: absolute;
    top: 8px;
    left: -9px;
    min-width: 86px;
    padding: 10px 0 0 0 !important;
}

    .menuPopover .menu-list li {
        text-align: center;
        margin-bottom: 10px;
    }

        .menuPopover .menu-list li:hover {
            background-color: var(--primary-color);
            color: #fff;
            cursor: pointer;
        }

        .menuPopover .menu-list li p {
            height: 26px;
            line-height: 26px;
            font-size: 14px;
        }

.el-menu--popup:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    top: -12px;
    background-color: #fff;
}

.el-menu--horizontal .el-menu--popup-bottom-start {
    background-color: #fff !important;
    box-shadow: 0 0 10px #ddd;
    border-radius: 8px;
    padding-top: 0 !important;
}

    .el-menu--horizontal .el-menu--popup-bottom-start .el-menu-item {
        height: 35px;
        line-height: 35px;
        margin-bottom: 5px;
    }

        .el-menu--horizontal .el-menu--popup-bottom-start .el-menu-item:first-child {
            height: 35px;
            line-height: 35px;
            margin-top: -10px;
        }

.el-menu--horizontal .el-menu--popup {
    min-width: 100px !important;
    top: 10px !important;
    left: -10px;
    text-align: center;
}

    .el-menu--horizontal .el-menu--popup .el-menu-item {
        background-color: #fff !important;
        color: #666 !important;
    }

        .el-menu--horizontal .el-menu--popup .el-menu-item:hover, .el-menu--horizontal .el-menu--popup .is-active {
            background-color: var(--primary-color);
            color: #fff !important;
        }

.el-menu--horizontal .el-menu-main .el-menu-item {
    background-color: var(--primary-color);
}

[data-v-53149ad4]:root {
    --primary-color:#f78b0d;
    --primary-dark:#ffcb00;
    --primary-light:#fef3e6;
    --warning-color:#f6404e;
    --step-color:#ffcb00;
}

.zhongshan[data-v-53149ad4] {
    --primary-color:#d00724;
    --primary-dark:#d00724;
    --primary-light:#faeef0;
    --warning-color:#f6404e;
    --step-color:#d00724;
}

.zhuliya[data-v-53149ad4] {
    --primary-color:#0071bb;
    --primary-dark:#0071bb;
    --primary-light:#edf8ff;
    --warning-color:#bf0000;
    --step-color:#0071bb;
}

.el-header[data-v-53149ad4] {
    padding: 0 !important;
}

.greyTheme[data-v-53149ad4] {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}

.el-main[data-v-53149ad4] {
    padding: 0 !important;
}

.el-main-argin-auto[data-v-53149ad4] {
    width: 1200px;
    margin: 0 auto;
}

.el-icon-arrow-right:before {
    content: "\e6e0";
    color: #999;
}