* {
    box-sizing: border-box
}

.alm {
    display: inline-block
}

@font-face {
    font-family: "iconfont_old";
    src: url("../fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")
}

.icon {
    /*font-family: "iconfont_old" !important;*/
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    vertical-align: middle
}

.img_scale {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative
}

    .img_scale span {
        width: 100%;
        height: 0;
        overflow: hidden;
        display: inline-block;
        float: left
    }

    .img_scale img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        min-height: 100%
    }

    .img_scale.s_1_1 span {
        padding-bottom: 100%
    }

    .img_scale.s_3_1 span {
        padding-bottom: 33.33%
    }

    .img_scale.s_16_9 span {
        padding-bottom: 56.25%
    }

    .img_scale.s_3_2 span {
        padding-bottom: 66.66%
    }

    .img_scale.s_4_3 span {
        padding-bottom: 75%
    }

    .img_scale.s_2_3 span {
        padding-bottom: 133.33%
    }

.website {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    background: #fff
}

    .website .input, .website select, .website textarea {
        border: 1px solid rgba(0,0,0,0.12)
    }

        .website .input:hover, .website select:hover, .website textarea:hover {
            border: 1px solid rgba(0,0,0,0.3)
        }

        .website .input:focus, .website focus:active, .website textarea:focus {
            border: 1px solid rgba(0,160,232,1)
        }

    .website .form_li .item_li {
        margin-bottom: 0;
        margin-top: 8px;
        line-height: 20px;
        cursor: pointer
    }

        .website .form_li .item_li .item_con {
            margin-left: 18px;
            padding-left: 8px
        }

        .website .form_li .item_li.qt .input_radio {
            margin-top: 6px
        }

    .website .form_li .it {
        line-height: 20px;
        cursor: pointer
    }

    .website .form_li .f_con .it {
        padding-top: 8px
    }

    .website .form_li input[type="checkbox"], .website .form_li input[type="radio"] {
        display: none
    }

    .website .form_li .input_radio {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 100%;
        display: inline-block;
        height: 16px;
        width: 16px;
        line-height: 1;
        float: left;
        margin-top: 1px;
        margin-right: 8px;
        box-sizing: content-box
    }

    .website .form_li .item_li .lam {
        margin-left: 26px;
        display: block
    }

    .website .form_li input[type="checkbox"]:checked + .input_radio:after, .website .form_li input[type="radio"]:checked + .input_radio:after {
        background-color: #57ad68;
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 12px;
        margin: 2px;
        width: 12px
    }

    .website .form_li .input_radio.input_checkbox, .form_li input[type="checkbox"]:checked + .input_radio.input_checkbox:after {
        border-radius: 2px;
        font-family: "iconfont_old";
        content: "\e652";
        background: 0;
        color: #57ad68;
        font-size: 12px
    }

    .website .form_li .it_span.color {
        border-color: inherit
    }

    .website .button.bg {
        color: #fff
    }

    .website .button.w_line {
        color: #202020
    }

    .website .bg_line {
        border-style: solid;
        border-width: 1px;
        opacity: .6;
        position: absolute;
        z-index: 1;
        left: -1px;
        top: -1px;
        right: -1px;
        bottom: -1px;
        max-width: initial !important
    }

        .website .bg_line .bg {
            width: 100%;
            height: 100%;
            opacity: .05;
            display: inline-block
        }

    .website .page_head {
        position: relative
    }

        .website .page_head .register {
            display: none
        }

    .website .module {
        position: relative;
        z-index: 1
    }

        .website .module .title_none {
            display: none
        }

        .website .module .title .re_ti {
            display: none
        }

        .website .module .con {
            max-width: 1100px;
            margin: 0 auto;
            position: relative
        }

.phone .module .con {
    width: 100%;
    max-width: none
}

.phone .website .form_li input, .phone .website .form_li textarea, .phone .website .form_li select, .phone .website .form_li .up_file {
    height: 42px
}

.phone .website .form_li .select_box {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 8px
}

    .phone .website .form_li .select_box:first-child {
        margin-top: 0
    }

.phone .website .form_li .up_file {
    line-height: 38px;
    background: #fff
}

.phone .website .form_li .it_span {
    height: 42px;
    line-height: 42px
}

.phone .website .form_li .item_li {
    border: 1px solid rgba(0,0,0,0.12);
    border-top: 0;
    padding: 10px 8px;
    margin: 0;
    background: #fff;
    color: #202020
}

.phone .website .form_li .f_con .item_li:first-child {
    border-top: 1px solid rgba(0,0,0,0.12)
}

.phone .website .form_li .item_li .item_con {
    padding-right: 0
}

.phone .website .form_li .item_li.qt .input_radio {
    margin-top: 1px
}

.phone .website .form_li .item_li.qt .input {
    padding: 0;
    margin: 0;
    border: 0;
    height: 21px;
    line-height: 21px
}

.phone .website .form_li .input_box {
    padding-right: 0
}

.share_pm {
    width: 58px;
    height: 135px;
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    border-radius: 6px 0 0 6px;
    position: fixed;
    right: 0;
    bottom: 30vh;
    z-index: 100;
    text-align: center;
    font-size: 12px;
    color: #3a404a
}

    .share_pm .icon_div {
        height: 68px;
        padding-top: 12px;
        position: relative
    }

        .share_pm .icon_div.share:before {
            content: "";
            display: inline-block;
            border-bottom: 1px solid rgba(0,0,0,0.12);
            position: absolute;
            width: 34px;
            left: 50%;
            margin-left: -17px;
            bottom: 0
        }

    .share_pm .icon {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 2px;
        margin: 0
    }

.poster_share {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 40px;
    z-index: 1000;
    flex-direction: column
}

    .poster_share .icon.close {
        color: #fff;
        font-size: 20px;
        padding: 10px;
        padding-right: 0;
        line-height: 1
    }

.share_pm_box {
    background: #fff;
    min-height: 100vh;
    color: #3a404a
}

    .share_pm_box .my_pm {
        background: #ecedf4;
        padding: 0 20px;
        height: 38px;
        line-height: 38px;
        font-size: 12px
    }

        .share_pm_box .my_pm .it {
            margin-right: 4vw;
            display: inline-block
        }

    .share_pm_box .pm_list {
        padding-bottom: 54px
    }

    .share_pm_box .pm_li {
        padding: 20px 20px 20px 15px
    }

#ranking_1 .pm_li:nth-child(1) {
    background: linear-gradient(0deg,#fcf9ec 0,#fff 100%)
}

#ranking_1 .pm_li:nth-child(2) {
    background: linear-gradient(0deg,#ebf2ff 0,#fff 100%)
}

#ranking_1 .pm_li:nth-child(3) {
    background: linear-gradient(0deg,#fcf2ec 0,#fff 100%)
}

.share_pm_box .pm_li .box {
    display: flex;
    align-items: center
}

.share_pm_box .pm_li .pm {
    width: 40px;
    text-align: center;
    font-family: "DIN Alternate";
    font-size: 20px;
    color: #babdc3
}

.share_pm_box .pm_li .yh {
    display: flex;
    align-items: center;
    flex: auto
}

.share_pm_box .pm_li .avator {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 5px
}

.share_pm_box .pm_li .nc {
    font-size: 18px;
    font-weight: bold;
    width: 30vw
}

.share_pm_box .pm_li .zs_xx {
    font-size: 12px;
    opacity: .5;
    margin-top: 4px
}

.share_pm_box .pm_li .sl {
    font-weight: bold;
    font-size: 16px;
    text-align: right
}

    .share_pm_box .pm_li .sl .zt {
        width: 69px;
        height: 26px;
        background: #babdc3;
        border-radius: 13px;
        display: inline-block;
        text-align: center;
        line-height: 26px;
        font-size: 12px;
        color: #fff
    }

        .share_pm_box .pm_li .sl .zt.a {
            background: #31bb72
        }

.share_pm_box .tab_li {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 54px;
    background: #fff;
    box-shadow: 0 -6px 6px rgba(0,0,0,0.06);
    z-index: 100;
    display: flex;
    line-height: 54px
}

    .share_pm_box .tab_li .li {
        flex: 1;
        text-align: center
    }

        .share_pm_box .tab_li .li.color {
            font-weight: bold
        }

.module .empty {
    color: #898989
}

    .module .empty .icon_box {
        float: none;
        width: auto;
        display: inline-block;
        margin-bottom: 8px
    }

    .module .empty .icon {
        font-size: 48px;
        line-height: 1;
        margin: 0
    }

    .module .empty .signed_li {
        margin-bottom: 8px
    }

.new_website {
    background: #fff
}

    .new_website .page_head {
        overflow: inherit
    }

    .new_website .module.menu {
        position: relative;
        top: auto
    }

    .new_website .page_con .module {
        padding: 0 16px;
        padding-bottom: 24px
    }

    .new_website .crumbs {
        color: #898989;
        font-size: 13px;
        padding: 32px 0 24px 0
    }

    .new_website .page_con {
        color: #202020;
        font-size: 14px
    }

.phone .new_website .crumbs {
    padding: 24px 0 16px 0
}

.iframemodule .module {
    padding: 0 !important;
    margin: 0 !important
}

    .iframemodule .module .title {
        display: none
    }

    .iframemodule .module .con {
        max-width: none;
        width: 100%;
        padding: 0 !important;
        margin: 0 !important
    }

.iframemodule .back_home {
    display: none
}

.iframemodule .float_window {
    display: none
}

.icon_riqi:before {
    content: "\e70e"
}

.icon_didian:before {
    content: "\e78f"
}

.icon_zhubanfang:before {
    content: "\e64f"
}

.icon_guanzhu:before {
    content: "\e61f";
    font-size: 14px;
    margin-right: 4px
}

.module.banner .event_logo {
    display: none
}

.module.banner .event_attendinfo {
    display: none
}

.module.banner .banner_event_info {
    display: none
}

.module.banner .or a {
    color: inherit !important
}

.module.banner .b_img {
    display: none
}
/*
.banner .carousel {
    display: none
}*/

.module.banner .blur {
    display: none
}

.module.banner {
    display: table;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    min-height: 100px;
}

    .module.banner .banner_con {
        display: table-cell;
        vertical-align: middle
    }

        .module.banner .banner_con .con {
            max-width: none;
            width: 100%;
            padding: 0
        }

    .module.banner .countdown_box {
        display: none;
        text-align: center
    }

        .module.banner .countdown_box .dash {
            display: inline-block
        }

        .module.banner .countdown_box .digit {
            display: inline-block;
            vertical-align: top
        }

        .module.banner .countdown_box .dash_title {
            display: block
        }

.phone .module.banner {
    padding: 0 !important;
    margin-top: 0 !important
}

.module.banner.banner_img {
    height: auto !important;
    background: 0;
    display: block
}

    .module.banner.banner_img .banner_con {
        display: block;
        width: 100%;
        padding: 0
    }

        .module.banner.banner_img .banner_con .con {
            max-width: none
        }

    .module.banner.banner_img .e_frame {
        display: none
    }

.phone .module.banner.banner_img .banner_con .con {
    padding: 0
}

.module.banner.banner_img .b_img {
    display: block
}

    .module.banner.banner_img .b_img img {
        width: 100%
    }

.module.banner.banner_img .information {
    display: none
}

.module.banner.banner_carousel {
    height: auto !important;
    background: 0;
    display: block
}

    .module.banner.banner_carousel .banner_con {
        display: block;
        width: 100%;
        padding: 0
    }

        .module.banner.banner_carousel .banner_con .con {
            max-width: none
        }

    .module.banner.banner_carousel .e_frame {
        display: none
    }

.phone .module.banner.banner_carousel .banner_con .con {
    padding: 0
}

.module.banner.banner_carousel .carousel {
    display: block
}

    .module.banner.banner_carousel .carousel img {
        width: 100%
    }

.module.banner.banner_carousel .information {
    display: none
}

.module.banner .layer_wrapper .layer_box {
    color: #3a404a
}

.module.banner .layer_wrapper .layer_header .title {
    text-align: left;
    font-size: 16px;
    margin: 0
}

.module.menu {
    z-index: 2
}

    .module.menu .menu_con > .icon {
        display: none
    }

    .module.menu .or_name {
        font-size: 1.4em;
        font-weight: bold;
        max-width: 500px;
        display: inline-block;
        text-transform: uppercase
    }

    .module.menu .li {
        display: inline-block
    }

        .module.menu .li a {
            color: inherit;
            display: block;
            position: relative;
            white-space: nowrap;
            text-decoration: none;
        }

    .module.menu .submenu {
        position: relative;
        white-space: nowrap
    }

        .module.menu .submenu .icon {
            margin: 0
        }

        .module.menu .submenu .submenu_li {
            display: none;
            background: #fff;
            box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
            color: #202020;
            font-weight: normal
        }

        .module.menu .submenu:hover .submenu_li {
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 100%;
            border: 1px solid rgba(0, 0, 0, 0.2);
        }

    .module.menu .buy {
        float: right;
        display: none
    }

    .module.menu.isStuck .buy {
        display: inline-block
    }

.phone .module.menu {
    height: 44px;
    line-height: 44px;
    position: static
}

    .phone .module.menu .or_logo {
        float: left;
        height: 100%;
        width: calc(100% - 44px);
        overflow: hidden
    }

        .phone .module.menu .or_logo img {
            height: 26px
        }

    .phone .module.menu .menu_con > .icon {
        float: right;
        border-left: 1px solid rgba(0,0,0,0.12);
        height: 44px;
        width: 44px;
        line-height: 44px;
        display: inline-block;
        text-align: center;
        color: #202020;
        font-size: 20px
    }

    .phone .module.menu .nav {
        display: none;
        position: absolute;
        left: 0;
        top: 44px;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 110
    }

        .phone .module.menu .nav .li {
            display: block;
            width: 100%;
            border-top: 1px solid rgba(0,0,0,0.06);
            line-height: 44px;
            padding: 0 16px;
            text-align: left
        }

            .phone .module.menu .nav .li .submenu_li {
                display: block;
                position: relative;
                top: auto;
                left: auto;
                color: #202020;
                background: 0;
                box-shadow: none
            }

            .phone .module.menu .nav .li .s_li > a {
                padding-left: 20px
            }

                .phone .module.menu .nav .li .s_li > a:before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    top: 16px;
                    width: 4px;
                    height: 4px;
                    border-style: solid;
                    border-radius: 50%;
                    border-width: 2px;
                    border-color: #dfe4e6
                }

        .phone .module.menu .nav .s_li {
            border-top: 1px solid rgba(0,0,0,0.06);
            line-height: 44px;
            color: inherit
        }

        .phone .module.menu .nav .buy {
            display: none !important
        }

.details_con .bdsharebuttonbox {
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    padding-bottom: 16px
}

    .details_con .bdsharebuttonbox a {
        display: inline-block;
        background: url(../img/bdsharebuttonbox.png) no-repeat;
        background-size: 32px 288px;
        height: 32px;
        font-size: 12px;
        color: #fff;
        width: 58px;
        padding-left: 24px;
        line-height: 32px;
        text-align: center;
        box-sizing: content-box;
        border-radius: 2px;
        float: none;
        white-space: nowrap
    }

        .details_con .bdsharebuttonbox a:hover {
            color: #fff
        }

    .details_con .bdsharebuttonbox .bds_qzone {
        background-position: 0 -96px;
        background-color: #f7c556
    }

    .details_con .bdsharebuttonbox .bds_tsina {
        background-color: #e45948
    }

    .details_con .bdsharebuttonbox .bds_tqq {
        background-position: 0 -32px;
        background-color: #22a9f4
    }

    .details_con .bdsharebuttonbox .bds_renren {
        background-position: 0 -64px;
        background-color: #529ff0
    }

    .details_con .bdsharebuttonbox .bds_twi {
        background-position: 0 -192px;
        background-color: #22a9f4
    }

    .details_con .bdsharebuttonbox .bds_fbook {
        background-position: 0 -256px;
        background-color: #428fe3
    }

    .details_con .bdsharebuttonbox .bds_linkedin {
        background-position: 0 -224px;
        background-color: #529ff0
    }

    .details_con .bdsharebuttonbox .bds_weixin {
        background-position: 0 -128px;
        background-color: #5bc333
    }

    .details_con .bdsharebuttonbox .bds_more {
        background-position: 0 -160px;
        background-color: #0fc5db
    }

.phone .details_con .bdsharebuttonbox {
    display: none
}

.module .text_con img {
    height: initial !important;
}

.module .text_con p a span img {
    height: inherit !important;
}

.module .text_con {
    line-height: 1.7
}

    .module .text_con * {
        max-width: 100%
    }

    .module .text_con > div:last-child {
        margin-bottom: 0
    }

    .module .text_con h4 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .module .text_con .selectTdClass {
        background-color: #edf5fa !important
    }

    .module .text_con table.noBorderTable td, .module .con .text_con table.noBorderTable th, .module .con .text_con table.noBorderTable caption {
        border: 1px dashed #ddd !important
    }

    .module .text_con table {
        margin-bottom: 10px;
        border-collapse: collapse;
        display: table
    }

    .module .text_con td, th {
        padding: 5px 10px;
        border: 1px solid #ddd
    }

    .module .text_con caption {
        border: 1px dashed #ddd;
        border-bottom: 0;
        padding: 3px;
        text-align: center
    }

    .module .text_con th {
        border-top: 1px solid #bbb;
        background-color: #f7f7f7
    }

    .module .text_con table tr.firstRow th {
        border-top-width: 2px
    }

    .module .text_con .ue-table-interlace-color-single {
        background-color: #fcfcfc
    }

    .module .text_con .ue-table-interlace-color-double {
        background-color: #f7faff
    }

    .module .text_con td p {
        margin: 0;
        padding: 0
    }

.seat_sel {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between
}

    .seat_sel .event_info {
        background: #fff;
        padding: 20px 40px
    }

        .seat_sel .event_info .name {
            font-size: 24px;
            font-weight: bold
        }

    .seat_sel .ticket_box {
        background: #f2f7fe;
        border-bottom: 1px solid rgba(0,0,0,0.06);
        border-top: 1px solid rgba(0,0,0,0.06);
        padding: 10px 40px;
        overflow: hidden
    }

        .seat_sel .ticket_box .ti {
            float: left;
            line-height: 28px
        }

        .seat_sel .ticket_box .t_li {
            margin-left: 80px
        }

        .seat_sel .ticket_box .ticket {
            height: 28px;
            padding: 0 8px;
            border-radius: 2px;
            background: #fff;
            border: 1px solid rgba(0,0,0,0.12);
            line-height: 26px;
            float: left;
            margin-right: 4px;
            display: flex;
            align-items: center
        }

            .seat_sel .ticket_box .ticket > span:last-child {
                margin-left: 8px
            }

            .seat_sel .ticket_box .ticket.active {
                border-color: inherit;
                font-weight: bold
            }

            .seat_sel .ticket_box .ticket .icon {
                font-size: 14px;
                color: #babdc3;
                cursor: pointer
            }

    .seat_sel .seat_box {
        display: flex;
        width: 100%;
        flex: auto
    }

    .seat_sel .seat_list {
        flex: auto;
        position: relative
    }

    .seat_sel .seat_div {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        justify-content: center
    }

        .seat_sel .seat_div > div {
            max-width: 100%;
            overflow: auto
        }

            .seat_sel .seat_div > div::-webkit-scrollbar {
                width: 6px;
                height: 6px;
                background-color: transparent
            }

            .seat_sel .seat_div > div::-webkit-scrollbar-track {
                background-color: rgba(0,0,0,0.05)
            }

            .seat_sel .seat_div > div::-webkit-scrollbar-thumb {
                background-color: rgba(0,0,0,0.6);
                border-radius: 3px
            }

    .seat_sel .seat_list .seat_li:first-child {
        margin-top: 40px
    }

    .seat_sel .seat_list .seat_li:last-child {
        margin-bottom: 40px
    }

    .seat_sel .seat_list .seat_li {
        display: flex;
        background: #fff;
        border: 12px solid #fff;
        margin-left: 40px;
        margin-right: 40px;
        width: fit-content;
        margin-top: -12px;
        border-radius: 8px
    }

    .seat_sel .seat_list .seat {
        color: #babdc3;
        width: 20px;
        height: 20px;
        line-height: initial;
        padding: 8px;
        box-sizing: content-box;
        cursor: pointer;
        position: relative
    }

        .seat_sel .seat_list .seat.none {
            cursor: default
        }

            .seat_sel .seat_list .seat.none .icon {
                display: none
            }

        .seat_sel .seat_list .seat.cant {
            cursor: not-allowed
        }

        .seat_sel .seat_list .seat .icon {
            margin: 0;
            font-size: 20px;
            line-height: 1
        }

        .seat_sel .seat_list .seat .active_div {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin: 8px;
            color: #fff;
            font-size: 12px;
            text-align: center
        }

            .seat_sel .seat_list .seat .active_div .icon {
                color: rgba(0,0,0,0.3)
            }

        .seat_sel .seat_list .seat .icon.c {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 20px;
            height: 20px;
            line-height: 10px;
            color: #fff;
            font-size: 12px
        }

        .seat_sel .seat_list .seat.num {
            font-size: 12px;
            white-space: nowrap;
            width: 36px;
            padding-left: 0;
            padding-right: 0
        }

    .seat_sel .seat_list .seat_li:first-child .seat.num {
        text-align: center;
        height: 10px;
        padding-top: 0;
        padding-bottom: 10px;
        text-align: center
    }

    .seat_sel .seat .s_tip {
        position: absolute;
        width: 72px;
        font-size: 12px;
        background: rgba(0,0,0,0.8);
        color: #fff;
        height: 28px;
        line-height: 28px;
        text-align: center;
        margin-left: -36px;
        left: 50%;
        border-radius: 4px;
        display: none;
        font-size: 14px
    }

    .seat_sel .seat:hover .s_tip {
        display: block
    }

    .seat_sel .my_seat {
        width: 400px;
        box-shadow: -2px 0 12px rgba(0,0,0,0.1);
        background: #fff;
        padding: 32px 20px;
        display: flex;
        flex-direction: column;
        overflow: auto;
        height: calc(100vh - 130px);
        position: relative;
        z-index: 10
    }

@media screen and (max-width:1680px) {
    .seat_sel .my_seat {
        width: 24vw
    }
}

.seat_sel .my_seat .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

    .seat_sel .my_seat .top .t {
        font-weight: bold
    }

.seat_sel .my_seat .my_li {
    flex: auto
}

.seat_sel .my_seat .ticket {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px
}

    .seat_sel .my_seat .ticket:first-child {
        margin-top: 0
    }

.seat_sel .my_seat .seat {
    line-height: 32px;
    display: flex;
    background: #f2f7fe;
    padding: 0 8px;
    border-radius: 2px;
    margin-bottom: 4px
}

    .seat_sel .my_seat .seat > span {
        opacity: .8;
        flex: auto
    }

    .seat_sel .my_seat .seat .icon:first-child {
        font-size: 14px
    }

    .seat_sel .my_seat .seat .icon.del {
        cursor: pointer
    }

.seat_sel .my_seat .order_info {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .seat_sel .my_seat .order_info .price .color {
        font-size: 24px;
        font-weight: bold;
        margin-right: 8px
    }

    .seat_sel .my_seat .order_info .price .icon {
        margin-left: 4px;
        font-size: 12px
    }

    .seat_sel .my_seat .order_info .code {
        margin-top: 4px
    }

.seat_sel .my_seat .but .button {
    line-height: 36px;
    height: 36px;
    font-size: 16px;
    margin-top: 10px
}

.seat_sel .my_seat .yyh {
    opacity: .6;
    font-size: 12px
}

.order_info_list {
    background: #f2f7fe;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.06) !important;
    margin-top: 10px
}

    .order_info_list .input {
        height: 36px;
        background: #fff
    }

    .order_info_list .but {
        height: 36px;
        line-height: 36px;
        padding: 0 20px;
        display: inline-block;
        border-radius: 3px;
        color: #fff
    }

        .order_info_list .but.cancel {
            background: #a3aaad
        }

    .order_info_list .t1 {
        font-weight: bold;
        font-size: 16px
    }

    .order_info_list .title {
        margin-top: 10px;
        font-weight: bold
    }

    .order_info_list .pricetitle .span {
        font-size: 12px;
        opacity: .6
    }

    .order_info_list .pricelist .item > div {
        display: flex;
        justify-content: space-between
    }

    .order_info_list .pricelist .list {
        margin-top: 10px;
        margin-left: 10px
    }

        .order_info_list .pricelist .list span:first-child {
            width: 50%
        }

.phone .seat_sel .event_info {
    display: none
}

.phone .seat_sel .ticket_box {
    background: #fff;
    padding: 10px 20px;
    border-top: 0
}

    .phone .seat_sel .ticket_box .t_li {
        float: none;
        clear: both;
        overflow-x: auto;
        margin-right: -20px;
        margin-left: -20px;
        padding: 0 20px
    }

        .phone .seat_sel .ticket_box .t_li .s {
            display: flex;
            width: max-content
        }

    .phone .seat_sel .ticket_box .ticket {
        border-radius: 20px;
        background: #f2f7fe
    }

        .phone .seat_sel .ticket_box .ticket.active {
            border-color: inherit
        }

.phone .seat_sel .seat_list {
    padding-bottom: 60vh
}

.phone .seat_sel .my_seat {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 60vh;
    padding: 12px 20px;
    padding-bottom: 66px;
    display: block
}

    .phone .seat_sel .my_seat .top {
        margin-bottom: 8px
    }

        .phone .seat_sel .my_seat .top .t {
            font-weight: normal;
            color: #6b717b
        }

    .phone .seat_sel .my_seat .my_li {
        overflow-x: auto;
        margin-right: -20px;
        margin-left: -20px;
        padding: 0 20px
    }

        .phone .seat_sel .my_seat .my_li .s {
            display: flex;
            width: max-content
        }

    .phone .seat_sel .my_seat .ticket {
        display: none
    }

    .phone .seat_sel .my_seat .seat {
        height: 36px;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.12);
        padding: 0 12px;
        border-radius: 18px;
        margin-right: 4px;
        line-height: 34px;
        white-space: nowrap
    }

        .phone .seat_sel .my_seat .seat > span {
            opacity: 1
        }

        .phone .seat_sel .my_seat .seat .del {
            padding: 8px;
            padding-right: 0;
            font-size: 12px;
            line-height: 18px
        }

    .phone .seat_sel .my_seat .order_info {
        position: fixed;
        left: 0;
        background: #f2f7fe;
        padding: 0 20px;
        bottom: 0;
        width: 64%;
        display: flex;
        height: 54px;
        font-size: 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

        .phone .seat_sel .my_seat .order_info .price .color {
            font-size: 18px
        }

        .phone .seat_sel .my_seat .order_info .code {
            margin-top: 0
        }

    .phone .seat_sel .my_seat .but .button {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 36%;
        margin-top: 0;
        border-radius: 0;
        height: 54px;
        line-height: 54px;
        padding: 0
    }

.phone .order_info_list .input {
    width: 160px
}

.ticket_progress {
    display: none
}

.register .click {
    display: none
}

.register .form_li .title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

    .register .form_li .title .icon {
        float: right;
        font-size: 24px;
        color: #a3aaad;
        line-height: 16px
    }

.register .form_li .label_l {
    display: none
}

.register .form_li .con_l {
    padding: 0
}

.register .price .color .p_price {
    font-size: 14px;
    margin-left: 8px;
    font-weight: normal;
    display: block;
    opacity: .8
}

.register.style_a .buy_tickets {
    background: #fff;
    color: #202020
}

.register.style_a .li {
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: relative
}

.register.style_a .ticket {
    position: relative;
    z-index: 2;
    display: table;
    width: 100%
}

    .register.style_a .ticket:before {
        display: none
    }

    .register.style_a .ticket > div {
        display: table-cell;
        vertical-align: middle
    }

.register.style_a .name {
    width: 30%
}

    .register.style_a .name .ellipsis {
        white-space: normal;
        display: inline-block;
        vertical-align: middle
    }

    .register.style_a .name .tip_icon {
        display: inline-block;
        vertical-align: middle
    }

        .register.style_a .name .tip_icon > span {
            display: inline-block;
            vertical-align: middle
        }

        .register.style_a .name .tip_icon .icon_span {
            font-size: 12px;
            padding: 2px 6px;
            border-radius: 2px;
            color: #fff
        }

.register.style_a .price {
    text-align: center
}

    .register.style_a .price .color {
        font-weight: bold
    }

    .register.style_a .price .ladder_price {
        display: table;
        width: 100%
    }

        .register.style_a .price .ladder_price .item {
            width: 25%;
            display: table-cell;
            color: #a3aaad;
            text-decoration: line-through
        }

            .register.style_a .price .ladder_price .item.color {
                text-decoration: none
            }

.register.style_a .th .price .ladder_price .item {
    text-decoration: none
}

.register.style_a .price .hyj .yj {
    text-decoration: line-through;
    margin-right: 8px;
    color: #a3aaad
}

.register.style_a .price .hyj span .bg {
    display: inline-block;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    margin-left: 8px
}

.register.style_a .time {
    text-align: center;
    width: 300px
}

.register.style_a .quantity {
    width: 160px;
    text-align: center
}

    .register.style_a .quantity .disabled .bg_line {
        display: none
    }

    .register.style_a .quantity .error_meg {
        color: #a3aaad
    }

.register.style_a .li.sold {
    cursor: not-allowed
}

    .register.style_a .li.sold .ticket {
        color: #a3aaad
    }

    .register.style_a .li.sold .color {
        color: #a3aaad !important;
        font-weight: normal
    }

    .register.style_a .li.sold .q_con .bg_line {
        display: none
    }

    .register.style_a .li.sold .q_con .nun {
        background: #f7f9f8;
        border: 1px solid rgba(0,0,0,0.06);
        cursor: not-allowed
    }

    .register.style_a .li.sold .q_con .color {
        color: #a3aaad !important;
        opacity: 1 !important
    }

.register.style_a .li.tj_ti {
    cursor: not-allowed
}

    .register.style_a .li.tj_ti .q_con .bg_line {
        display: none
    }

    .register.style_a .li.tj_ti .q_con .nun {
        background: #f7f9f8;
        border: 1px solid rgba(0,0,0,0.06);
        cursor: not-allowed
    }

    .register.style_a .li.tj_ti .q_con .color {
        color: #a3aaad !important;
        opacity: 1 !important
    }

.register.style_a .refund_explane {
    padding: 0 16px;
    margin-bottom: 16px;
    margin-bottom: 24px
}

.register.style_a .jr_hy {
    text-align: right
}

    .register.style_a .jr_hy .it {
        float: none;
        margin-right: 16px
    }

.register.style_a .code_form {
    padding: 0 16px;
    text-align: right;
    display: none
}

    .register.style_a .code_form .cancal {
        color: #a3aaad
    }

    .register.style_a .code_form.active {
        display: block
    }

.register.style_a .price_form {
    padding: 0 16px;
    text-align: right
}

    .register.style_a .price_form .ticket_discount {
        opacity: .6;
        display: inline-block
    }

.register.style_a .buy {
    padding: 0 16px;
    padding-bottom: 16px;
    text-align: right
}

.register .ladder_price .item .yj {
    display: none
}

.copyevent_it .li {
    display: block;
    float: none;
    width: auto;
    margin-right: 0
}

.popup.module {
    position: fixed;
    background: #fff !important;
    color: inherit !important;
    z-index: 10000;
    width: 686px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 32px;
    border-width: 48px 24px 32px 24px;
    border-style: solid;
    font-size: 16px;
    border-radius: 6px;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2)
}

    .popup.module:after {
        content: "";
        position: absolute;
        left: -24px;
        top: -48px;
        bottom: -32px;
        right: -24px;
        background: url(https://img.bagevent.com/resource/20210820/164656103125.png);
        z-index: -1;
        background-size: cover
    }

    .popup.module .title {
        font-size: 32px;
        font-weight: bold;
        text-align: center
    }

    .popup.module > div {
        position: static !important
    }

    .popup.module .close {
        position: absolute;
        top: -40px;
        right: 0;
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0;
        background: rgba(0,0,0,0.2);
        border-radius: 16px;
        color: #fff;
        display: inline-block;
        text-align: center;
        z-index: 10
    }

    .popup.module .con {
        position: static !important
    }

    .popup.module .popup_con {
        max-height: 60vh;
        overflow: auto
    }

    .popup.module .popup_intro {
        line-height: 1.7
    }

.phone .popup.module {
    width: 100vw;
    border-width: 48px 16px 32px 16px;
    padding: 24px;
    font-size: 14px
}

    .phone .popup.module .popup_intro {
        max-height: 60vh;
        overflow-y: auto;
        overflow-x: auto;
        position: relative;
        z-index: 100
    }

.or_event .li .box {
    position: relative;
    cursor: pointer
}

.or_event .li .event_logo {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .or_event .li .event_logo span {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        display: inline-block;
        float: left
    }

    .or_event .li .event_logo img {
        min-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%
    }

.or_event .li .name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.or_event .li .place {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.or_event .li .join {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 14px
}

.find_ticket .copyevent_it .li {
    color: #202020
}

.summary_res .ch {
    margin-bottom: 16px
}

    .summary_res .ch .item {
        margin-right: 20px
    }

.summary_res .form_li {
    margin-bottom: 16px
}

.sign_up .signed_li {
    border-bottom: 2px solid rgba(0,0,0,0.12);
    margin-bottom: 36px;
    padding-bottom: 16px;
    text-align: center;
    display: table;
    width: 100%
}

    .sign_up .signed_li .li {
        display: table-cell;
        vertical-align: top;
        position: relative;
        text-align: center
    }

    .sign_up .signed_li .avator_box {
        width: 112px;
        height: 112px;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 8px
    }

    .sign_up .signed_li .avator {
        width: 102px;
        height: 102px;
        margin: 5px;
        font-size: 32px;
        line-height: 102px
    }

    .sign_up .signed_li .name {
        max-width: 140px;
        margin: 0 auto
    }

    .sign_up .signed_li .time {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 32px
    }

    .sign_up .signed_li .bg {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        margin-left: -6px;
        bottom: -23px;
        background: #e5e5e5 !important
    }

.phone .sign_up .signed_li, .right .sign_up .signed_li {
    display: block;
    border: 0;
    margin-bottom: -16px;
    padding-bottom: 0
}

    .phone .sign_up .signed_li .li, .right .sign_up .signed_li .li {
        display: inline-block;
        width: 24%;
        margin-bottom: 16px
    }

    .right .sign_up .signed_li .li {
        float: left;
        width: 25%
    }

    .phone .sign_up .signed_li .avator_box, .right .sign_up .signed_li .avator_box {
        width: 80%;
        padding-bottom: 80%;
        height: 0;
        position: relative;
        margin-bottom: 4px
    }

    .phone .sign_up .signed_li .avator, .right .sign_up .signed_li .avator {
        position: absolute;
        left: 2px;
        right: 2px;
        top: 2px;
        bottom: 2px;
        margin: 0;
        width: auto;
        height: auto;
        font-size: 24px
    }

        .phone .sign_up .signed_li .avator > span, .right .sign_up .signed_li .avator > span {
            width: 102px;
            height: 102px;
            position: absolute;
            left: 50%;
            margin-left: -51px;
            top: 50%;
            margin-top: -51px;
            line-height: 102px
        }

    .phone .sign_up .signed_li .time, .right .sign_up .signed_li .time {
        margin-top: 4px;
        position: relative;
        top: auto;
        left: auto;
        font-size: .9em;
        opacity: .8
    }

    .phone .sign_up .signed_li .bg, .right .sign_up .signed_li .bg {
        display: none
    }

.guset .guset_li .li {
    display: inline-block;
    vertical-align: top
}

    .guset .guset_li .li a {
        color: inherit
    }

    .guset .guset_li .li .box {
        position: relative
    }

    .guset .guset_li .li .name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .guset .guset_li .li .post {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

.guset.style_a .guset_li .li .intro {
    display: none
}

.guset.style_b .guset_li .li {
    display: block
}

    .guset.style_b .guset_li .li .img {
        float: left
    }

.guset.style_c .guset_li .li {
    display: block
}

    .guset.style_c .guset_li .li .img {
        float: left
    }

.guset.style_d .guset_li .li .intro {
    display: none
}

.guset.style_d .guset_li .li .img {
    float: left
}

.guset_if_con {
    max-width: 960px;
    margin: 0 auto
}

    .guset_if_con .gu_if .left {
        float: left;
        width: 186px;
        text-align: center
    }

    .guset_if_con .avator_img img {
        width: 100%
    }

    .guset_if_con .g_info .name {
        font-size: 20px;
        margin-top: 16px;
        margin-bottom: 8px
    }

    .guset_if_con .g_info .g_gszw {
        color: #545454
    }

    .guset_if_con .gu_if .right {
        margin-left: 186px;
        padding-left: 48px
    }

    .guset_if_con .gu_intro {
        font-size: 16px;
        margin-bottom: 32px
    }

    .guset_if_con .gu_sc .li {
        margin-top: 16px;
        border: 1px solid rgba(0,0,0,0.12);
        padding: 16px;
        color: #545454
    }

        .guset_if_con .gu_sc .li .ti {
            font-size: 16px;
            margin-bottom: 4px
        }

.phone .guset_if_con {
    margin-left: 0;
    left: 20px;
    right: 20px;
    width: auto;
    font-size: 14px;
    padding: 32px
}

    .phone .guset_if_con .gu_if .left {
        width: 100%;
        float: none
    }

    .phone .guset_if_con .avator_img {
        width: 40%;
        margin: 0 auto
    }

    .phone .guset_if_con .g_info .name {
        margin-bottom: 0
    }

    .phone .guset_if_con .gu_if .right {
        margin: 0;
        padding: 0;
        margin-top: 16px
    }

.guset .guset_info_box {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    bottom: 0;
    right: 0
}

.guset_if_con {
    position: fixed;
    padding: 32px 48px;
    background: #fff;
    width: 720px;
    height: 60vh;
    box-sizing: border-box;
    z-index: 100;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.147);
    top: 20vh;
    color: #202020;
    margin-left: -360px;
    left: 50%;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px
}

    .guset_if_con .title {
        font-size: 20px;
        font-weight: bold
    }

        .guset_if_con .title .close {
            position: absolute;
            right: 20px;
            top: 20px;
            margin: 0;
            color: #a3aaad;
            font-size: 20px;
            cursor: pointer
        }

    .guset_if_con .intro {
        line-height: 1.7
    }

    .guset_if_con .g_name {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 16px;
        position: relative
    }

        .guset_if_con .g_name::after {
            content: "";
            width: 32px;
            height: 2px;
            background: #ff4081;
            position: absolute;
            left: 0;
            bottom: 0
        }

    .guset_if_con .img {
        width: 210px;
        /*    height: 110px;*/
        border: 1px solid #dedede;
        /*border-radius: 25px;*/
        overflow: hidden;
        display: inline-block;
        vertical-align: middle
    }

    .guset_if_con .name {
        font-size: 20px;
        font-weight: bold;
        margin: 12px 0
    }

    .guset_if_con .other {
        vertical-align: middle;
        color: #898989;
        padding-left: 16px
    }

    .guset_if_con .top {
        padding: 16px 0;
        display: flex
    }

        .guset_if_con .top .right {
            float: right;
            width: calc(100% - 60px);
            margin: auto
        }

        .guset_if_con .top .left {
            float: left
        }

    .guset_if_con .gu_sc {
        margin-top: 16px
    }

        .guset_if_con .gu_sc .s_li {
            border: 1px solid rgba(0,0,0,0.12);
            padding: 8px;
            margin-top: 8px
        }

    .guset_if_con.module {
        position: relative;
        height: auto;
        box-shadow: none;
        top: auto;
        left: auto;
        margin-left: 0;
        right: auto;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        padding-bottom: 64px
    }

        .guset_if_con.module .gu_avator {
            display: table;
            width: 100%;
            text-align: left
        }

        .guset_if_con.module .avator_img {
            width: 200px;
            display: table-cell;
            vertical-align: middle
        }

        .guset_if_con.module .g_info {
            padding-left: 24px;
            display: table-cell;
            vertical-align: middle
        }

        .guset_if_con.module .gu_info {
            margin-top: 24px
        }

.schedule .date_list {
    text-align: center;
    display: table;
    width: 100%
}

    .schedule .date_list > .li {
        display: table-cell;
        cursor: pointer;
        vertical-align: middle;
        position: relative;
        text-align: center
    }

    .schedule .date_list .li.color span {
        color: #fff;
        position: relative;
        z-index: 2
    }

    .schedule .date_list .li.color .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

    .schedule .date_list.all .li {
        cursor: default
    }

.web_schedule_search {
    display: none;
    text-align: left
}

    .web_schedule_search .search_input {
        margin-bottom: 12px
    }

    .web_schedule_search .input_box .input {
        width: 400px
    }

.schedule_search_category {
    display: block !important
}

    .schedule_search_category .qd {
        display: none
    }

.schedule_search_layer .label {
    display: inline-block;
    width: 80px;
    float: left;
    line-height: 2em
}

.schedule_search_layer .ca_con {
    margin-left: 80px
}

.schedule_search_layer .label_span {
    display: inline-block;
    float: left;
    margin: 0 12px 12px 0;
    padding: 0 16px;
    line-height: 2em;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 30px;
    cursor: pointer;
    background: rgba(255,255,255,0.1);
    font-size: 14px
}

    .schedule_search_layer .label_span.bg {
        color: #fff !important
    }

.schedule_search_layer .label_span_search {
    margin-bottom: 8px;
    line-height: 30px
}

    .schedule_search_layer .label_span_search input {
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px
    }

.schedule .s_li {
    /* display: none*/
}

    .schedule .s_li.active {
        display: block
    }

.schedule .li .box {
    position: relative
}

.schedule .li .date {
    display: none
}

.schedule .li .guset .gu {
    position: relative;
    overflow: hidden
}

.schedule .li .bq {
    display: none
}

.schedule .s_li .intro {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.schedule .interest_box .icon {
    vertical-align: middle
}

.schedule .interest_box span {
    vertical-align: middle
}

.schedule .notinterest {
    display: inline-block;
    width: 84px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 50px;
    font-size: 12px;
    background: rgba(0,0,0,0.3);
    box-sizing: border-box;
    cursor: pointer;
    display: none
}

.schedule .interest {
    display: inline-block;
    width: 84px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    background: #ff4081;
    display: none
}

.schedule .schedule_con .more {
    text-align: center;
    margin-top: 24px
}

.schedule.style_d .s_li_fhc .li .box {
    background-image: url(../img/website/guset_avator.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain
}

.schedule.style_d .s_li_fhc .li .theme {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.schedule.style_d .s_li_fhc .li .intro {
    display: none
}

.schedule.style_d .s_li_fhc .li .gu {
    display: none;
    position: inherit;
    overflow: inherit
}

    .schedule.style_d .s_li_fhc .li .gu:last-child {
        display: block
    }

.schedule.style_d .s_li_fhc .li .avator {
    position: absolute;
    left: 0;
    top: 0
}

.schedule_search .filter span i {
    display: inline-block;
    vertical-align: middle
}

.schedule_search .filter span span {
    display: inline-block;
    vertical-align: middle
}

.phone .schedule .s_li {
    display: block
}

.phone .schedule_search .input_box .input {
    width: 100%;
    padding-left: 80px;
    padding-right: 100px;
    line-height: 32px
}

.phone .schedule_search .filter {
    position: absolute;
    color: #202020;
    top: 1px;
    left: 0;
    width: 68px;
    border-right: 1px solid rgba(0,0,0,0.12);
    line-height: 34px;
    text-align: center;
    height: 34px
}

.phone .schedule_search .button {
    width: 80px;
    position: absolute;
    top: 1px;
    right: 0;
    padding: 0;
    height: 34px;
    line-height: 34px;
    border-radius: 0
}

.phone .schedule_search_layer {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 84%;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden
}

.phone .schedule_search .category .label {
    width: 100%;
    display: block;
    padding: 4px 12px;
    background: #ecf1f4;
    float: none;
    margin-top: 8px
}

.phone .schedule_search .category .ca_con {
    padding: 8px 12px 0 12px;
    overflow: hidden;
    margin-left: 0
}

.phone .schedule_search .category .label_span {
    margin: 0 8px 8px 0
}

.phone .schedule_search_layer .qd {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 16%
}

    .phone .schedule_search_layer .qd .button {
        padding: 0;
        width: 50%;
        float: left;
        margin: 0;
        border-radius: 0;
        height: 44px;
        line-height: 44px
    }

.schedule_info .sc_info_con {
    display: table;
    width: 100%;
    padding-top: 16px;
    margin-bottom: 32px
}

.schedule_info .guset {
    width: 268px;
    text-align: center;
    display: table-cell;
    border-right: 1px solid rgba(0,0,0,0.12);
    padding-right: 32px
}

    .schedule_info .guset > .ti {
        font-size: 1.4em;
        margin-bottom: 24px
    }

.schedule_info .gu_li {
    margin-bottom: 24px
}

    .schedule_info .gu_li .avator_img {
        width: 146px;
        max-height: 160px;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 8px
    }

        .schedule_info .gu_li .avator_img img {
            width: 100%
        }

    .schedule_info .gu_li .g_info {
        color: #202020
    }

    .schedule_info .gu_li .name {
        font-size: 1.2em
    }

    .schedule_info .gu_li .g_gszw {
        opacity: .8
    }

    .schedule_info .gu_li .intro {
        opacity: .8;
        margin-top: 8px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        max-height: 100px
    }

.schedule_info .sc_info {
    width: 728px;
    display: table-cell;
    padding-left: 32px
}

.schedule_info .schedule_top .ti {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 16px
}

.schedule_info .sc_con {
    margin-bottom: 24px;
    font-size: 16px
}

    .schedule_info .sc_con .ti {
        display: block;
        margin-bottom: 4px
    }

.phone .schedule_info {
    padding-left: 16px;
    padding-right: 16px
}

    .phone .schedule_info .sc_info_con {
        padding-top: 0
    }

    .phone .schedule_info .guset {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
        border: 0
    }

        .phone .schedule_info .guset > .ti {
            margin-bottom: 16px
        }

    .phone .schedule_info .gu_li {
        margin-bottom: 16px
    }

        .phone .schedule_info .gu_li .avator_img {
            width: 90px;
            height: 90px;
            float: left
        }

        .phone .schedule_info .gu_li .g_info {
            padding-left: 106px
        }

        .phone .schedule_info .gu_li .intro {
            display: -webkit-box;
            overflow: hidden;
            max-height: 3em;
            line-height: 1.5em;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2
        }

    .phone .schedule_info .sc_info {
        float: none;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        padding-top: 16px
    }

.organizer .carousel-indicators {
    top: 100%;
    bottom: auto;
    margin-top: 24px
}

.org_contact_mask .layer_header {
    height: 0;
    padding: 0
}

    .org_contact_mask .layer_header .title {
        display: none
    }

.org_contact_mask .contact_or {
    color: #202020
}

    .org_contact_mask .contact_or .ti {
        font-size: 16px;
        padding: 16px 48px;
        margin-top: 16px
    }

    .org_contact_mask .contact_or .con_box {
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 2px;
        padding: 24px;
        text-align: center;
        overflow: hidden;
        position: relative
    }

.org_contact_mask .contact_way {
    margin: 0 32px;
    margin-bottom: 32px;
    font-size: 13px
}

    .org_contact_mask .contact_way .icon_box .icon {
        font-size: 60px;
        line-height: 1;
        margin: 0;
        margin-bottom: 16px;
        display: inline-block
    }

    .org_contact_mask .contact_way .it {
        font-size: 18px;
        margin-bottom: 16px
    }

    .org_contact_mask .contact_way .button {
        padding: 6px 24px;
        margin-bottom: 24px
    }

    .org_contact_mask .contact_way .text {
        opacity: .5
    }

    .org_contact_mask .contact_way .contact_con {
        display: none
    }

    .org_contact_mask .contact_way .con_box:hover .contact_con {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-animation: fadeIn .8s ease 0s both;
        -webkit-animation-play-state: initial;
        padding: 24px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .org_contact_mask .contact_way .contact_con .li {
        margin-bottom: 16px
    }

        .org_contact_mask .contact_way .contact_con .li .c_con {
            font-size: 20px;
            word-break: break-all;
            word-wrap: break-word
        }

.phone .org_contact_mask .contact_or .ti {
    padding: 8px 16px;
    font-size: 14px;
    margin-bottom: 8px
}

.phone .org_contact_mask .contact_way {
    margin: 0 16px;
    margin-bottom: 8px
}

.phone .org_contact_mask .col-lg-6 {
    width: 100%
}

.phone .org_contact_mask .con_box {
    margin: 0;
    margin-bottom: 8px
}

.phone .org_contact_mask .link {
    display: none
}

.phone .org_contact_mask .contact_con {
    display: block
}

.time_location_con .map {
    width: 100%;
    height: 360px;
    background: #ecf1f4;
    overflow: hidden
}

    .time_location_con .map img {
        max-width: none
    }

.time_location_con .t_l .a {
    margin-right: 4px
}

.time_location_con .time {
    margin-bottom: 4px
}

.time_location_con .route a {
    color: inherit
}

.time_location.online_event .map {
    display: none
}

.countdown_m .dash {
    display: inline-block;
    text-align: center;
    float: left;
    width: 25%
}

    .countdown_m .dash .box {
        display: block
    }

.countdown_m .dash_title {
    display: block
}

.countdown_m .digit {
    display: inline-block;
    vertical-align: top
}

.contact_us .li .box {
    position: relative
}

.partner_li .introduce {
    display: none
}

.partner_li .li .intro {
    display: none
}

.partner .list .box {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

    .partner .list .box .img_center {
        display: inline-block;
        height: 70px;
        padding: 8px 16px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .partner .list .box .img_center a {
            display: block;
            width: 100%;
            height: 100%
        }

.text_img_li .list .li {
    display: inline-block;
    vertical-align: top
}

    .text_img_li .list .li a {
        color: inherit
    }

    .text_img_li .list .li .box {
        position: relative
    }

    .text_img_li .list .li .ti {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical
    }

    .text_img_li .list .li .summary {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical
    }

.iframemodule .text_img_li .li {
    margin-bottom: 16px
}

    .iframemodule .text_img_li .li:last-child {
        margin-bottom: 0
    }

.iframemodule .text_img_li .img {
    width: 200px;
    float: left
}

.iframemodule .text_img_li .info {
    margin-left: 200px;
    padding-left: 16px
}

.iframemodule .text_img_li .ti {
    font-size: 16px;
    margin-bottom: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #202020 !important
}

.iframemodule .text_img_li .summary {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #545454
}

.article_con {
    max-width: 700px;
    margin: 0 auto
}

    .article_con .text_top .ti {
        font-size: 30px
    }

    .article_con .text_top .time {
        margin-bottom: 24px;
        margin-top: 8px;
        color: #898989
    }

    .article_con .summary {
        background: #f7f9fb;
        padding: 12px 24px;
        margin-bottom: 24px;
        color: #545454
    }

        .article_con .summary strong {
            color: #202020;
            margin-bottom: 4px;
            display: inline-block
        }

    .article_con .text_editor_con .img {
        margin-bottom: 24px
    }

        .article_con .text_editor_con .img img {
            width: 100%
        }

    .article_con .text_editor_con {
        font-size: 16px
    }

    .article_con .share {
        position: fixed;
        left: 50%;
        margin-left: 374px;
        top: 80px;
        width: 140px;
        border: 1px solid rgba(0,0,0,0.12);
        text-align: center;
        font-size: 14px;
        padding: 12px;
        box-sizing: border-box
    }

.phone .article_con .text_top .ti {
    font-size: 22px
}

.phone .article_con .summary {
    padding: 12px 16px
}

.iframemodule .article_con {
    max-width: none
}

    .iframemodule .article_con .share {
        display: none
    }

#video_Notice {
    width: 50%;
    margin: auto;
    position: fixed;
    z-index: 101;
    top: 10%;
    left: 0;
    right: 0
}

    #video_Notice > .icon {
        position: absolute;
        left: 100%;
        top: 0;
        background: #000;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        margin: 0;
        color: #fff
    }

.lc_video video {
    width: 100%
}

.phone #video_Notice {
    width: 80%
}

.pic_wall_list .htmleaf-container {
    margin: 0 -8px
}

.pic_wall_list .grid-wrapper {
    position: relative;
    margin: 0 auto
}

.pic_wall_list .grid-item {
    display: block;
    position: absolute;
    margin: 0 auto
}

    .pic_wall_list .grid-item .box {
        margin: 0 8px;
        margin-bottom: 16px;
        position: relative
    }

        .pic_wall_list .grid-item .box img {
            width: 100%
        }

        .pic_wall_list .grid-item .box .intro {
            opacity: 0;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.6);
            color: #fff;
            -webkit-transition: opacity .5s ease-in-out;
            -moz-transition: opacity .5s ease-in-out;
            -o-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
            padding: 12px
        }

        .pic_wall_list .grid-item .box:hover .intro {
            opacity: 1
        }

        .pic_wall_list .grid-item .box .intro .ti {
            font-size: 1.2em
        }

        .pic_wall_list .grid-item .box .intro .text {
            margin-top: 4px;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical
        }

.pic_wall_list.row5 .htmleaf-container {
    margin: 0 -4px
}

.pic_wall_list.row5 .grid-item .box {
    margin: 0 4px;
    margin-bottom: 8px
}

.right .pic_wall_list.row3 .grid-item, .right .pic_wall_list.row4 .grid-item, .right .pic_wall_list.row5 .grid-item {
    width: 100% !important
}

.phone .pic_wall_list .htmleaf-container {
    margin: 0
}

.phone .pic_wall_list .grid-wrapper {
    width: auto !important;
    height: auto !important
}

.phone .pic_wall_list .grid-item {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100% !important
}

    .phone .pic_wall_list .grid-item .box {
        margin-left: 0;
        margin-right: 0
    }

        .phone .pic_wall_list .grid-item .box .intro {
            opacity: 1
        }

.scroll_module.style_a .img_box img {
    width: 100%
}

.scroll_module.style_a .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    overflow: hidden;
    background: rgba(0,0,0,0.6)
}

.scroll_module.style_a .carousel-indicators {
    display: none
}

.scroll_module.style_b .container {
    width: 100%
}

.scroll_module.style_b .slide {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .scroll_module.style_b .slide .img {
        overflow: hidden;
        position: absolute;
        transition: width .4s,height .4s,top .4s,left .4s,z-index .4s
    }

        .scroll_module.style_b .slide .img .img_box {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center
        }

        .scroll_module.style_b .slide .img img {
            height: 100%;
            max-width: inherit
        }

    .scroll_module.style_b .slide .img1 {
        width: 60%;
        height: 60%;
        top: 20%;
        left: 0;
        z-index: 1;
        opacity: .6
    }

    .scroll_module.style_b .slide .img2 {
        width: 60%;
        height: 60%;
        top: 20%;
        left: 0;
        z-index: 2;
        opacity: .6
    }

    .scroll_module.style_b .slide .img3 {
        width: 80%;
        height: 100%;
        top: 0;
        left: 10%;
        z-index: 3
    }

    .scroll_module.style_b .slide .img4 {
        width: 60%;
        height: 60%;
        top: 20%;
        left: 40%;
        z-index: 2;
        opacity: .6
    }

    .scroll_module.style_b .slide .img5 {
        width: 60%;
        height: 60%;
        top: 20%;
        left: 40%;
        z-index: 1;
        opacity: .6
    }

.scroll_module.style_b .carousel-caption {
    display: none
}

.scroll_module.style_b .slide-bt {
    display: none
}

.scroll_module.style_b button {
    display: none
}

.scroll_module .partner_li_box {
    position: relative
}

.scroll_module .partner_li .conbox {
    position: relative;
    overflow: hidden
}

    .scroll_module .partner_li .conbox ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .scroll_module .partner_li .conbox ul li {
            float: left;
            overflow: hidden;
            width: 183px
        }

.exhibitor_list .li {
    display: inline-block;
    vertical-align: top
}

    .exhibitor_list .li .box {
        position: relative
    }

    .exhibitor_list .li .company a {
        color: inherit
    }

.exhibitor_list .more {
    text-align: center
}

.exhibitor_list.style_a .li .box {
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.exhibitor_list.style_a .li .ex_logo {
    display: none
}

.exhibitor_list.style_a .li .company {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    width: 70%
}

.exhibitor_list.style_a .li .booth {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    position: absolute;
    right: 0;
    top: 16px;
    width: 30%;
    text-align: right
}

    .exhibitor_list.style_a .li .booth .t {
        display: none
    }

.exhibitor_list.style_b .li .ex_logo {
    display: table-cell;
    vertical-align: middle
}

.exhibitor_list.style_b .li .ex_info {
    display: table-cell;
    vertical-align: middle
}

.exhibitor_list.style_b .li .company {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.exhibitors .ex_info {
    box-shadow: 0 3px 29px 0 rgba(0,0,0,0.1);
    padding: 24px
}

.exhibitors .ex_info_ti {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    border-left-style: solid;
    border-left-width: 2px;
    padding-left: 16px
}

.exhibitors .ex_info_con {
    margin-bottom: 32px;
    padding: 0 16px
}

.exhibitors .intro {
    overflow: hidden
}

    .exhibitors .intro .info {
        float: left;
        width: calc(100% - 248px);
        text-align: justify
    }

    .exhibitors .intro .logo {
        width: 200px;
        padding-left: 48px;
        float: right
    }

.exhibitors .zw_l .l {
    margin-bottom: 8px
}

.exhibitors .zw_l .t {
    display: inline-block;
    width: 90px
}

.exhibitors .zw_l .i {
    display: inline-block
}

.exhibitors .lx_l .l {
    margin-bottom: 8px
}

.exhibitors .lx_l .t {
    display: inline-block;
    width: 90px
}

.exhibitors .lx_l .i {
    display: inline-block
}

.exhibitors .zp_l .li {
    margin-bottom: 24px
}

    .exhibitors .zp_l .li .info {
        width: 60%;
        float: right
    }

    .exhibitors .zp_l .li .ti {
        font-size: 16px;
        padding-bottom: 8px;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        margin-bottom: 16px;
        font-weight: bold;
        margin-top: 4px
    }

        .exhibitors .zp_l .li .ti:before {
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 32px;
            height: 3px;
            background: #aaa;
            display: inline-block;
            content: ""
        }

    .exhibitors .zp_l .li .img {
        width: 40%;
        max-height: 300px;
        overflow: hidden;
        float: left
    }

        .exhibitors .zp_l .li .img img {
            width: 88%
        }

    .exhibitors .zp_l .li:nth-child(2n) .info {
        float: left
    }

    .exhibitors .zp_l .li:nth-child(2n) .img {
        float: right;
        text-align: right
    }

.exhibitors .lp_l {
    margin: 0 -16px
}

    .exhibitors .lp_l .li {
        float: left;
        width: 33.33%
    }

        .exhibitors .lp_l .li .box {
            margin: 0 16px;
            margin-bottom: 32px;
            border: 1px solid rgba(0,0,0,0.12);
            padding: 16px;
            text-align: center
        }

        .exhibitors .lp_l .li .img {
            width: 100%;
            height: 323px;
            background: #f7f9fb
        }

        .exhibitors .lp_l .li .img_center {
            width: 100%;
            height: 323px
        }

        .exhibitors .lp_l .li .ti {
            font-size: 14px;
            font-weight: bold;
            margin-top: 12px
        }

.phone .exhibitors .intro .logo {
    width: 160px;
    padding-left: 32px;
    float: right
}

.phone .exhibitors .intro > div {
    display: block
}

.phone .exhibitors .intro .info {
    float: none;
    width: 100%
}

.phone .exhibitors .zp_l .li .info {
    width: 100%;
    float: none
}

.phone .exhibitors .zp_l .li .img {
    width: 100%;
    float: none;
    margin-top: 8px
}

    .phone .exhibitors .zp_l .li .img img {
        width: 100%
    }

.exhibitor_data .li {
    float: left;
    width: 25%
}

.exhibitor_data .n_li_3 .li {
    width: 33.33%
}

.exhibitor_data .n_li_5 .li {
    width: 20%
}

.exhibitor_data .n_li_6 .li {
    width: 16.66%
}

.exhibitor_data .n_li_7 .li {
    width: 14.28%
}

.exhibitor_data .n_li_9 .li {
    width: 33.33%
}

.exhibitor_data .n_li_10 .li {
    width: 20%
}

.exhibitor_data .n_li_12 .li {
    width: 16.66%
}

.exhibitor_data .n_li_14 .li {
    width: 14.28%
}

.exhibitor_data .n_li_15 .li {
    width: 20%
}

.exhibitor_data .n_li_16 .li {
    width: 12.5%
}

.exhibitor_data .li .box {
    position: relative;
    text-align: center
}

.download_file .li .box {
    position: relative
}

    .download_file .li .box a {
        color: inherit
    }

.download_file .li {
    width: 50%;
    float: left
}

    .download_file .li .box {
        margin: 0 16px;
        margin-bottom: 24px;
        padding: 16px 24px;
        border: 1px solid rgba(6,107,151,0.1)
    }

    .download_file .li .img_box {
        width: 20px;
        height: 20px;
        float: left
    }

        .download_file .li .img_box img {
            float: left
        }

    .download_file .li .name {
        margin-left: 24px;
        padding-left: 8px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .download_file .li .intro {
        display: none
    }

    .download_file .li .op {
        font-size: 14px;
        margin-left: 32px;
        margin-top: 4px
    }

        .download_file .li .op a {
            margin-right: 16px;
            display: inline-block;
            opacity: .6
        }

            .download_file .li .op a .icon {
                width: 14px;
                height: 14px;
                display: inline-block;
                vertical-align: middle
            }

            .download_file .li .op a span {
                vertical-align: middle;
                display: inline-block
            }

        .download_file .li .op .send {
            background: url(https://img.bagevent.com/resource/20190403/14203361635754.png) no-repeat center;
            background-size: cover
        }

        .download_file .li .op .down {
            background: url(https://img.bagevent.com/resource/20190329/15303913535754.png) no-repeat center;
            background-size: cover
        }

        .download_file .li .op .view {
            background: url(https://img.bagevent.com/resource/20190403/14181988935754.png) no-repeat center;
            background-size: cover
        }

.download_file .more {
    display: none
}

.phone .download_file .li {
    width: 100%
}

    .phone .download_file .li .box {
        padding: 16px
    }

.phone .download_file_con .more .button {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: auto;
    padding: 0 24px
}

.phone .academic #signUp {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 48px;
    line-height: 48px;
    z-index: 100000;
    box-sizing: border-box;
    padding: 0;
    font-size: 16px;
    border-radius: 0
}

.hotal_room .hotal .img {
    width: 100%;
    height: 198px;
    overflow: hidden
}

    .hotal_room .hotal .img img {
        width: 100%;
        min-height: 100%
    }

.hotal_room .hotal .name {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 4px
}

.hotal_room .hotal .text {
    opacity: .8;
    display: inline-block;
    margin-right: 24px
}

.hotal_room .hotal .line {
    height: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 12px 0 16px 0
}

.hotal_room .hotal .star img {
    height: 16px;
    margin-bottom: 8px
}

.hotal_room .hotal .map {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.hotal_form .box_warning {
    padding: 8px 16px !important;
    line-height: 1.7;
    margin-bottom: 0 !important;
    margin-top: 8px
}

.order_zk_info .li {
    background: #ecf1f4;
    padding: 8px;
    position: relative;
    margin-bottom: 8px
}

    .order_zk_info .li:last-child {
        margin-bottom: 0
    }

    .order_zk_info .li .name {
        float: left;
        width: 30%;
        margin-right: 5%
    }

    .order_zk_info .li .xb {
        padding-top: 22px;
        float: left;
        width: 20%;
        margin-right: 5%
    }

    .order_zk_info .li .zj {
        float: right;
        width: 40%
    }

    .order_zk_info .li .zk {
        float: right;
        width: 50%;
        text-align: right
    }

        .order_zk_info .li .zk .input {
            display: inline-block;
            vertical-align: middle;
            margin-left: 8px;
            width: 160px;
            margin-right: 24px
        }

    .order_zk_info .li .del {
        position: absolute;
        right: 8px;
        top: 14px;
        color: #898989
    }

    .order_zk_info .li .zk_li {
        margin-bottom: 8px
    }

        .order_zk_info .li .zk_li:last-child {
            margin-bottom: 0
        }

.travel_form .calendar {
    margin-right: -8px
}

    .travel_form .calendar .it {
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 8px;
        height: 36px;
        line-height: 36px;
        color: #898989;
        border: 2px solid rgba(0,0,0,0.12);
        width: 124px;
        text-align: center;
        cursor: pointer
    }

        .travel_form .calendar .it.bg {
            color: #fff;
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            right: auto;
            opacity: 1
        }

.ticket_list .li {
    display: table;
    width: 100%;
    border-bottom: 1px dotted rgba(0,0,0,0.12);
    padding-bottom: 20px;
    margin-bottom: 16px
}

    .ticket_list .li .name {
        display: table-cell
    }

    .ticket_list .li .nun {
        display: table-cell;
        width: 50px
    }

    .ticket_list .li .price {
        display: table-cell;
        width: 70px;
        text-align: right;
        white-space: nowrap
    }

#userAuthentication .col-lg-8 .input {
    border-radius: 2px 0 0 2px
}

#userAuthentication .button.set {
    border-radius: 0 2px 2px 0;
    margin-left: -1px
}

#userAuthentication .layer_wrapper .form_other {
    display: flex;
    justify-content: space-between;
    margin-top: 25px
}

    #userAuthentication .layer_wrapper .form_other .plan_living {
        margin-left: 4px
    }

.live_module .layer_wrapper {
    background-color: rgba(0,0,0,0.5);
    color: #3a404a
}

.live_module {
    color: #fff;
    background: #2a2f36;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    width: 100vw;
    align-items: center;
    justify-content: center;
    height: 100vh
}

    .live_module.light {
        background: #fff;
        color: #3a4049
    }

    .live_module .backgorund .bg_img {
        background-size: cover;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2
    }

    .live_module .living {
        width: 1488px;
        overflow: hidden;
        position: relative;
        z-index: 3
    }

@media screen and (max-width:1488px) {
    .live_module .living {
        padding: 20px;
        width: 100%
    }
}

@media screen and (max-height:794px) {
    .live_module .living {
        width: auto;
        padding: 20px
    }
}

@media screen and (max-width:1024px) {
    .live_module {
        display: block
    }

        .live_module .living {
            padding: 0
        }

        .live_module .backgorund {
            display: none
        }
}

.living .event_data {
    overflow: hidden;
    color: #fff;
    margin-bottom: 16px
}

    .living .event_data .f_l .back {
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 4px;
        margin-right: 10px;
        vertical-align: middle;
        position: absolute;
        top: 1vh
    }

    .living .event_data .f_l .status {
        width: 66px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 4px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        color: #fff
    }

        .living .event_data .f_l .status.ns {
            background: #ff8548
        }

        .living .event_data .f_l .status.now {
            background: #31bb72
        }

        .living .event_data .f_l .status.end {
            background: #a3aaad
        }

    .living .event_data .ti {
        font-weight: bold;
        display: inline-block;
        font-size: 16px;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 680px;
        vertical-align: middle
    }

    .living .event_data .name {
        font-weight: bold;
        display: inline-block;
        margin-right: 10px;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px;
        vertical-align: middle
    }

    .living .event_data .data {
        display: inline-block;
        background-color: rgba(0,0,0,0.3);
        padding: 0 12px;
        line-height: 30px;
        border-radius: 4px;
        color: #fff;
        vertical-align: middle;
        height: 30px
    }

        .living .event_data .data img {
            width: 14px;
            height: 14px;
            margin-right: 8px;
            vertical-align: middle
        }

@media screen and (max-width:1024px) {
    .living .event_data {
        display: none
    }
}

.living .live_table {
    position: relative;
    overflow: hidden;
    background: rgba(0,0,0,0.3)
}

.living .left_table {
    padding-right: 330px
}

.living .right_table {
    width: 330px;
    background: #04080a;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

    .living .right_table .info_chat {
        height: 100%;
        overflow: hidden
    }

@media screen and (max-width:1024px) {
    .living .left_table {
        padding-right: 0
    }

    .living .right_table {
        position: relative;
        width: 100%;
        right: auto;
        top: 0;
        bottom: auto;
        height: calc(100vh - 56.25vw);
        z-index: 1;
        background: #f4f5f9;
        color: #3a404a
    }
}

.language_block {
    position: relative
}

    .language_block .language_mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .language_block .language_box {
        width: 410px;
        background-color: #fff;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        border-radius: 5px;
        z-index: 99999;
        padding: 62px 64px;
        text-align: center;
        color: #3a404a
    }

        .language_block .language_box .ti {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 16px
        }

        .language_block .language_box .li {
            width: 100%;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(0,0,0,0.12);
            border-radius: 3px;
            margin-bottom: 10px;
            cursor: pointer
        }

            .language_block .language_box .li:last-of-type {
                margin-bottom: 0
            }

            .language_block .language_box .li .icon {
                width: 20px;
                height: 20px;
                margin-right: 8px
            }

                .language_block .language_box .li .icon img {
                    width: 100%;
                    height: 100%
                }

.living .live_cover .phone_lang {
    display: none
}

@media screen and (max-width:480px) {
    .language_block .language_box {
        width: auto;
        left: 10.2vw;
        right: 10.2vw;
        transform: translate(0,-50%);
        padding: 46px 42px
    }

    .phone_lang {
        display: block;
        position: absolute;
        bottom: 116px;
        right: 10px;
        color: #fff;
        padding: 0 12px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 14px;
        background-color: rgba(0,0,0,0.8);
        z-index: 999
    }
}

.living .live_view {
    background: rgba(0,0,0,0.3)
}

.living .live_cover_box {
    background: #2a2f36;
    margin-bottom: 8px;
    margin-right: 8px;
    position: relative
}

.living .live_cover {
    width: 100%;
    position: relative;
    overflow: hidden
}

    .living .live_cover > span {
        width: 100%;
        padding-bottom: 56.25%;
        display: inline-block;
        float: left;
        background-size: cover;
        opacity: .2
    }

.living .live_set {
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

    .living .live_set .text1 {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 48px
    }

    .living .live_set .text2 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .living .live_set .text2_time {
        font-size: 44px;
        font-weight: bold;
        font-family: "DIN Alternate","Lato","Times New Roman","serif"
    }

@media screen and (max-height:794px) {
    .living .live_cover > span {
        width: 142.2222222vh;
        max-width: calc(100vw - 378px)
    }
}

@media screen and (max-width:1024px) {
    .living .live_cover_box {
        margin: 0
    }

    .living .live_cover > span {
        width: 100%;
        max-width: none
    }

    .living .live_set .text1 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .living .live_set .text2_time {
        font-size: 24px
    }
}

.living .contron {
    height: 54px;
    background-color: #04080a;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px
}

    .living .contron .pho .help_text {
        top: auto;
        bottom: 150%;
        background: #fff;
        border-radius: 10px;
        color: #3a4049;
        width: 250px;
        height: auto;
        text-align: center;
        padding: 16px 8px;
        line-height: 1.5
    }

    .living .contron .icon_img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        vertical-align: middle
    }

    .living .contron span {
        vertical-align: middle;
        cursor: pointer
    }

    .living .contron .pho {
        display: flex
    }

        .living .contron .pho .line_block {
            width: 1px;
            background-color: rgba(255,255,255,0.3);
            margin: 0 19px
        }

        .living .contron .pho .hover {
            display: flex;
            position: relative
        }

            .living .contron .pho .hover .language {
                display: flex;
                align-items: center;
                cursor: pointer
            }

                .living .contron .pho .hover .language .flag {
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    margin-right: 8px
                }

                    .living .contron .pho .hover .language .flag img {
                        width: 100%;
                        height: 100%
                    }

                .living .contron .pho .hover .language .icon {
                    font-size: 12px;
                    margin: 0 0 0 4px
                }

            .living .contron .pho .hover .lang_block {
                position: absolute;
                bottom: 100%;
                left: 0;
                z-index: 1000;
                display: none
            }

                .living .contron .pho .hover.lang_block .hover_block {
                    top: auto;
                    bottom: 100%;
                    left: auto;
                    right: -10px;
                    padding-bottom: 8px
                }

                .living .contron .pho .hover.lang_block .hover_box .li.active {
                    background-color: #f4f5f9;
                    color: inherit
                }

                .living .contron .pho .hover.lang_block .hover_box .li .icon {
                    width: 20px;
                    height: 20px;
                    display: inline-block;
                    margin-right: 8px
                }

                .living .contron .pho .hover.lang_block .arrow.bottom {
                    left: auto;
                    bottom: 0;
                    right: 45px;
                    margin-left: 0
                }

@media screen and (max-width:1024px) {
    .living .contron {
        display: none
    }
}

.live_comment {
    position: relative;
    font-size: 16px;
    height: 100%
}

    .live_comment .comment {
        padding: 0 10px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
        padding-top: 2.625em;
        padding-bottom: 110px
    }

        .live_comment .comment .com_list {
            padding-bottom: 20px
        }

@media screen and (max-width:1024px) {
    .live_comment .comment {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0
    }
}

.live_comment .ti_op {
    height: 3em;
    line-height: 3em;
    font-size: .875em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    background: #04080a
}

    .live_comment .ti_op .title_box {
        display: flex;
        justify-content: space-around
    }

        .live_comment .ti_op .title_box .nav_li {
            display: inline-block;
            cursor: pointer;
            flex: 1;
            text-align: center;
            background: rgba(255,255,255,0.1)
        }

            .live_comment .ti_op .title_box .nav_li.active {
                position: relative;
                font-weight: bold
            }

                .live_comment .ti_op .title_box .nav_li.active .bg {
                    position: absolute;
                    height: 2px;
                    bottom: 0;
                    left: 0;
                    right: 0
                }

@media screen and (max-width:1024px) {
    .live_comment .ti_op {
        background: #fff
    }
}

.live_comment .empty {
    font-size: .875em
}

    .live_comment .empty .icon {
        font-size: 3.5em
    }

.live_comment .message_record {
    margin-top: 1.66666em;
    text-align: center;
    position: relative;
    color: #babdc3;
    font-size: .75em
}

    .live_comment .message_record::before {
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        height: 1px;
        width: 100px;
        background-color: rgba(255,255,255,0.1)
    }

    .live_comment .message_record::after {
        position: absolute;
        top: 50%;
        right: 0;
        content: "";
        height: 1px;
        width: 100px;
        background-color: rgba(255,255,255,0.1)
    }

.live_comment .advisory_li {
    margin-top: 1.25em;
    position: relative;
    margin-right: 10px
}

    .live_comment .advisory_li .avator {
        width: 2.25em;
        height: 2.25em;
        line-height: 2.25em;
        float: left
    }

        .live_comment .advisory_li .avator img {
            width: 100%;
            height: 100%;
            border: 0
        }

    .live_comment .advisory_li .advisory_li_con {
        margin-left: 2.25em;
        padding-left: .5em
    }

    .live_comment .advisory_li .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: .875em;
        margin-bottom: .286em
    }

    .live_comment .advisory_li .name {
        display: inline-block;
        margin-right: .286em
    }

    .live_comment .advisory_li .set_top {
        font-weight: bold;
        position: relative;
        z-index: 2;
        padding-left: 20px
    }

    .live_comment .advisory_li .text {
        background: rgba(255,255,255,0.1);
        padding: .6em;
        border-radius: 3px;
        font-size: .875em;
        display: inline-block
    }

    .live_comment .advisory_li a {
        color: #fff;
        text-decoration: underline;
        word-break: break-all
    }

    .live_comment .advisory_li .text .tw {
        display: inline-block;
        padding: 2px 4px;
        border-radius: 3px;
        font-size: 12px;
        font-weight: bold;
        margin-right: 4px;
        color: #fff
    }

.sch_live .live_comment .advisory_li .text {
    background: rgba(0,0,0,0.04)
}

.live_comment .advisory_li .text a {
    word-break: break-all;
    color: inherit
}

.live_comment .advisory_li .text.img {
    padding: 0;
    max-width: 100px
}

.live_comment .new_message {
    position: absolute;
    right: 10px;
    bottom: 120px;
    font-size: 12px;
    background: rgba(0,0,0,0.8);
    padding: 4px 10px;
    border-radius: 15px;
    cursor: pointer;
    color: #fff
}

@media screen and (max-width:1024px) {
    .live_comment .com_list {
        padding-bottom: 82px
    }

    .live_comment .advisory_li {
        margin-right: 0
    }

    .live_comment .message_record {
        width: 72.46vw;
        margin-left: auto;
        margin-right: auto;
        max-width: 320px
    }

        .live_comment .message_record::before {
            background-color: rgba(0,0,0,0.1)
        }

        .live_comment .message_record::after {
            background-color: rgba(0,0,0,0.1)
        }

    .live_comment .advisory_li .text {
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        max-width: 64.25vw
    }
}

.send_message_con {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    font-size: .875em;
    background: #04080a
}

.send_message_container {
    background: rgba(255,255,255,0.1);
    padding: 10px
}

    .send_message_container .send_input {
        position: relative;
        width: 100%;
        height: 34px;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 2px
    }

        .send_message_container .send_input input {
            width: 100%;
            height: 100%;
            padding: 10px 12px;
            border: 0;
            color: #fff;
            background: rgba(255,255,255,0.1);
            padding-left: 72px;
            border-radius: 3px
        }

        .send_message_container .send_input .tw {
            position: absolute;
            left: 0;
            top: 0;
            line-height: 32px;
            padding: 0 12px
        }

            .send_message_container .send_input .tw .check .icon {
                width: 18px;
                height: 18px;
                line-height: 16px;
                background: #fff;
                color: #fff;
                font-size: 12px;
                border-radius: 3px;
                border: 1px solid rgba(0,0,0,0.12);
                display: inline-block;
                text-align: center
            }

            .send_message_container .send_input .tw.active .check .icon {
                color: #4076ff
            }

    .send_message_container .before_login {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0 12px;
        line-height: 32px;
        cursor: pointer;
        z-index: 10
    }

    .send_message_container .login_btn {
        margin-right: 4px;
        cursor: pointer;
        font-weight: bold
    }

    .send_message_container .send_btn {
        position: absolute;
        top: 0;
        right: 0;
        color: #babdc3;
        bottom: 0;
        padding: 0 12px;
        line-height: 32px;
        cursor: pointer
    }

    .send_message_container .chat_fn_ul {
        display: flex;
        margin-top: 10px
    }

    .send_message_container .chat_fn_li {
        margin-right: 10px;
        font-size: 12px;
        width: 28px;
        text-align: center;
        cursor: pointer
    }

        .send_message_container .chat_fn_li:last-of-type {
            margin-right: 0
        }

    .send_message_container .pic_fn {
        background-color: #eda316
    }

    .send_message_container .enjoy_fn {
        background-color: #879ffd
    }

    .send_message_container .fn_img_box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 28px;
        border-radius: 4px;
        margin-bottom: 1px
    }

        .send_message_container .fn_img_box img {
            width: 16px;
            height: 16px
        }

@media screen and (max-width:1024px) {
    .send_message_con {
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid rgba(0,0,0,0.12) !important
    }
}

.phone .send_message_container {
    display: flex;
    flex-direction: row-reverse
}

    .phone .send_message_container .chat_fn_ul {
        margin-top: 0
    }

    .phone .send_message_container .chat_fn_li {
        display: flex;
        align-items: center
    }

        .phone .send_message_container .chat_fn_li > div {
            display: none
        }

        .phone .send_message_container .chat_fn_li .fn_img_box {
            display: flex
        }

    .phone .send_message_container .send_message_box {
        width: -webkit-fill-available;
        padding-left: 12px
    }

    .phone .send_message_container .send_input {
        border-radius: 1.375em;
        height: 44px;
        overflow: hidden;
        border: 0
    }

        .phone .send_message_container .send_input input {
            background-color: #f4f5f9;
            color: #3a404a
        }

        .phone .send_message_container .send_input .tw {
            line-height: 44px
        }

    .phone .send_message_container .send_btn {
        line-height: 44px
    }

.event_sch .event_date {
    font-size: .875em;
    border-left-style: solid;
    border-left-width: 2px;
    margin-top: 20px;
    padding-left: 4px;
    line-height: 1;
    margin-bottom: 10px
}

.event_sch_li {
    background: rgba(255,255,255,0.09);
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer
}

    .event_sch_li > div {
        position: relative;
        z-index: 2
    }

    .event_sch_li .cover {
        float: left;
        width: 100px;
        border-radius: 3px;
        overflow: hidden;
        position: relative
    }

        .event_sch_li .cover img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            min-height: 100%
        }

        .event_sch_li .cover span {
            display: block;
            padding-bottom: 56%
        }

    .event_sch_li .info {
        margin-left: 100px;
        padding-left: 10px
    }

        .event_sch_li .info .name {
            font-size: .875em;
            padding-top: 6px;
            margin-bottom: 4px
        }

        .event_sch_li .info .time {
            font-size: .75em
        }

            .event_sch_li .info .time .icon {
                font-size: 1em
            }

            .event_sch_li .info .time.bg {
                background: none !important
            }

                .event_sch_li .info .time.bg .color {
                    color: inherit !important
                }

        .event_sch_li .info .sta {
            position: absolute;
            right: -8px;
            top: 6px;
            width: 70px;
            height: 24px;
            line-height: 20px;
            font-size: 12px;
            background: url(https://img.bagevent.com/resource/20211210/1345348372220790.png) no-repeat center;
            background-size: contain;
            text-align: center;
            padding-right: 4px;
            display: none
        }

    .event_sch_li.active {
        background: 0;
        color: #fff
    }

        .event_sch_li.active > .bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            border-radius: 4px;
            z-index: 1
        }

        .event_sch_li:hover .info .sta, .event_sch_li.active .info .sta, .event_sch_li.ing .info .sta {
            display: inline-block
        }

        .event_sch_li:hover .info .name, .event_sch_li.active .info .name, .event_sch_li.ing .info .name {
            padding-right: 70px
        }

@media screen and (max-width:1024px) {
    .event_sch {
        background: #fff;
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 8px
    }

        .event_sch .scl {
            display: flex;
            padding: 0 20px;
            padding-bottom: 20px
        }

        .event_sch .event_sch_li_box {
            display: flex
        }

        .event_sch .event_date {
            font-weight: bold
        }

    .event_sch_li {
        background: rgba(0,0,0,0.05);
        margin-bottom: 0;
        width: 62vw;
        margin-right: 8px;
        max-width: 264px
    }

        .event_sch_li .info .name {
            font-weight: bold
        }

    .event_sch_list {
        padding: 20px
    }

        .event_sch_list .event_sch_li {
            display: none
        }
}

.event_sch_list .event_sch_li {
    margin-top: 20px;
    padding: 0 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    cursor: default
}

    .event_sch_list .event_sch_li .back_sch {
        font-size: .875em;
        padding: 10px 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        margin-bottom: 10px;
        cursor: pointer
    }

        .event_sch_list .event_sch_li .back_sch .icon {
            font-size: 1em
        }

    .event_sch_list .event_sch_li .info .name {
        padding-right: 70px
    }

    .event_sch_list .event_sch_li .info .sta {
        display: inline-block
    }

.event_sch_list .s_li_box {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: 4px
}

    .event_sch_list .s_li_box .box {
        display: flex;
        margin-bottom: 20px;
        position: relative
    }

        .event_sch_list .s_li_box .box > .ra {
            width: 9px;
            height: 9px;
            background: #0c0d0f !important;
            border-width: 1px;
            border-style: solid;
            border-radius: 50%;
            position: absolute;
            left: -5px;
            top: 6px
        }

    .event_sch_list .s_li_box .time {
        width: 108px;
        padding-left: 14px;
        font-size: .875em;
        opacity: .8
    }

    .event_sch_list .s_li_box .info {
        width: min-content;
        flex: auto
    }

    .event_sch_list .s_li_box .theme {
        font-size: .875em;
        opacity: .8
    }

.event_sch_list .guset {
    font-size: .75em
}

    .event_sch_list .guset .gu {
        margin-top: 4px
    }

    .event_sch_list .guset .avator {
        display: none
    }

    .event_sch_list .guset .g_info {
        opacity: .6
    }

    .event_sch_list .guset .g_na {
        border-right: 1px solid rgba(255,255,255,0.4);
        white-space: nowrap;
        margin-right: 8px;
        padding-right: 8px;
        float: left;
        word-wrap: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .event_sch_list .guset .g_na > span {
            display: inline-block;
            min-width: 40px;
            max-width: 100px
        }

    .event_sch_list .guset .g_gszw {
        min-width: 100px;
        display: flex
    }

@media screen and (max-width:1024px) {
    .event_sch_list .s_li_box .box > .ra {
        background: #fff !important
    }
}

.video_file .li {
    margin-bottom: 8px;
    padding: 16px 10px;
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
    display: flex;
    align-items: center
}

    .video_file .li img {
        width: 32px;
        height: 32px;
        margin-right: 8px
    }

    .video_file .li span:nth-child(2) {
        width: min-content;
        flex: auto;
        display: inline-block;
        font-size: .875em
    }

    .video_file .li .bg {
        text-align: center;
        padding: .5em 0;
        border-radius: 3px;
        white-space: nowrap;
        font-size: .75em;
        width: 90px;
        margin-left: 12px
    }

        .video_file .li .bg .icon {
            font-size: 1em
        }

.scb::-webkit-scrollbar {
    width: 0
}

.scb::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.scb::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.sch_live {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important
}

    .sch_live .living_box {
        background: #ecedf4;
        padding: 10px;
        color: #3a404a;
        font-size: 14px
    }

    .sch_live .live_table {
        position: relative;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.12)
    }

    .sch_live .left_table {
        padding-right: 330px;
        background: #000;
        color: #fff
    }

    .sch_live .right_table {
        width: 330px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0
    }

    .sch_live .live_comment .ti_op {
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

    .sch_live .advisory_text {
        background: #fff;
        border-top: 1px solid rgba(0,0,0,0.12);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        padding: 10px
    }

        .sch_live .advisory_text .form_li {
            margin-bottom: 0;
            margin-right: 4px;
            width: -webkit-fill-available;
            flex: auto
        }

        .sch_live .advisory_text textarea {
            height: 36px;
            min-height: auto;
            font-size: 14px
        }

        .sch_live .advisory_text .up_load_img {
            display: none
        }

    .sch_live.module .advisory_text .button {
        padding: 0 16px;
        font-size: 14px;
        line-height: 36px;
        box-shadow: none;
        height: 36px
    }

        .sch_live.module .advisory_text .button:before {
            display: none
        }

    .sch_live .live_view {
        text-align: center;
        display: table;
        min-height: 472px;
        width: 100%;
        position: relative
    }

        .sch_live .live_view .data {
            display: inline-block;
            position: absolute;
            left: 8px;
            top: 8px;
            z-index: 1000;
            font-size: 12px;
            color: #fff;
            background: rgba(0,0,0,0.8);
            border-radius: 3px;
            padding: 2px 6px
        }

            .sch_live .live_view .data img {
                width: 14px;
                margin-right: 4px
            }

        .sch_live .live_view .live_none {
            display: table-cell;
            vertical-align: middle
        }

        .sch_live .live_view .text1 {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 48px
        }

        .sch_live .live_view .text2 {
            font-size: 14px;
            margin-bottom: 12px
        }

        .sch_live .live_view .text2_time {
            font-size: 44px;
            font-weight: bold;
            font-family: "DIN Alternate","Lato","Times New Roman","serif"
        }

    .sch_live .left_table .contron {
        line-height: 24px;
        padding: 10px 20px
    }

        .sch_live .left_table .contron .help_box {
            margin-right: 20px;
            line-height: 24px
        }

            .sch_live .left_table .contron .help_box img {
                width: 16px;
                margin-right: 4px
            }

            .sch_live .left_table .contron .help_box .help_text {
                top: auto;
                bottom: 100%;
                background: #fff;
                border-radius: 8px;
                color: initial;
                width: 200px;
                margin-bottom: 10px
            }

                .sch_live .left_table .contron .help_box .help_text img {
                    margin: 0
                }

        .sch_live .left_table .contron .lang_block img {
            width: 20px;
            margin-right: 4px
        }

        .sch_live .left_table .contron .lang_block .icon {
            font-size: 12px
        }

.live_table .live_notice {
    position: absolute;
    top: 42px;
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    text-align: left;
    padding: 8px 20px;
    left: 0;
    z-index: 1000;
    right: 0;
    font-size: 12px;
    line-height: 1.5
}

    .live_table .live_notice img {
        width: 16px;
        margin-right: 8px
    }

.live_table .event_sch {
    padding-bottom: 0
}

.live_table .showAgenda {
    padding-top: 10px
}

.live_table .date_list .li {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px
}

    .live_table .date_list .li > span {
        position: relative;
        z-index: 2;
        color: #fff;
        padding: 4px 8px;
        display: block;
        font-size: 14px;
        font-weight: bold
    }

    .live_table .date_list .li .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

.live_table .li {
    font-size: 14px
}

    .live_table .li .time {
        font-size: 12px
    }

.live_table .s_li_ti {
    margin-bottom: 10px;
    position: relative;
    background: rgba(255,255,255,0.1);
    padding: 8px
}

.live_table .event_sch .s_li_ti {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 16px 0 20px 0;
    padding: 0 0 16px 0
}

.live_table .s_li_ti .theme {
    font-weight: bold;
    font-size: 14px
}

.live_table .s_li_ti .color .icon {
    display: none
}

.live_table .s_li_ti .zt {
    color: #fff;
    position: absolute;
    right: -10px;
    top: -16px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 0 0 0 10px;
    height: 24px;
    line-height: 24px
}

.live_table .comment.schedule_li .li > .box, .sch_live .live_table .s_li_box .li > .box {
    border-left-width: 1px;
    border-left-style: solid;
    margin-left: 10px;
    padding-left: 16px;
    position: relative;
    padding-bottom: 20px
}

.live_table .li.s_li_fhc {
    margin-top: 10px
}

.live_table .li:last-child > .box {
    padding-bottom: 0
}

.live_table .li > .box .color .icon {
    font-size: 0;
    width: 9px;
    height: 9px;
    display: inline-block;
    position: absolute;
    left: -5px;
    top: 4px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    margin: 0
}

.live_table .li > .box .theme {
    color: inherit !important;
    font-weight: bold
}

.live_table .li > .box .intro {
    margin-top: 8px;
    font-size: 12px
}

.sch_live .guset {
    margin-top: 8px;
    font-size: 12px
}

    .sch_live .guset > .alm {
        display: none
    }

    .sch_live .guset .avator {
        display: none
    }

    .sch_live .guset .g_na {
        display: inline-block;
        margin-right: 4px
    }

    .sch_live .guset .g_gszw {
        display: inline-block
    }

.sch_live .sch_tab {
    margin-top: 10px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.12)
}

.sch_live .sch_tab_title {
    display: none
}

.sch_live .sch_tab_li {
    overflow: hidden;
    margin-top: -1px;
    border-top: 1px solid rgba(0,0,0,0.12);
    vertical-align: top;
    background: #fff;
    position: relative;
    z-index: 1
}

    .sch_live .sch_tab_li:first-child {
        border: 0
    }

.sch_live .sch_tab .date_div {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    clear: both;
    float: none
}

.sch_live .sch_tab .s_li_ti {
    width: 20%;
    float: left;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    border-right: 1px solid rgba(0,0,0,0.06);
    padding: 16px
}

    .sch_live .sch_tab .s_li_ti .time {
        font-size: 12px
    }

    .sch_live .sch_tab .s_li_ti .theme {
        font-weight: bold;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        line-height: 1.4;
        margin-top: 2px;
        height: 57px
    }

    .sch_live .sch_tab .s_li_ti .zt .bg {
        height: 24px;
        line-height: 24px;
        padding: 0 10px;
        color: #fff;
        font-size: 12px;
        display: inline-block
    }

    .sch_live .sch_tab .s_li_ti.active {
        background: #ecedf4
    }

.phone .sch_live .con {
    padding: 0 !important
}

.phone .sch_live .living_box {
    padding: 0;
    margin-top: 56.25vw;
    position: relative
}

.phone .sch_live .live_table {
    border: 0
}

.phone .sch_live .left_table {
    padding-right: 0;
    height: 56.25vw;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0
}

.phone .sch_live .live_view {
    min-height: inherit;
    height: 100%
}

.phone .sch_live .live_view {
    height: 56.25vw;
    overflow: hidden
}

    .phone .sch_live .live_view .text1 {
        display: none
    }

    .phone .sch_live .live_view .text2_time {
        font-size: 32px
    }

.phone .sch_live .left_table .contron {
    display: none
}

.phone .sch_live .right_table {
    width: 100%;
    position: relative;
    bottom: auto;
    top: auto;
    right: auto;
    background: #ecedf4
}

    .phone .sch_live .right_table .info_chat {
        padding-top: 224px
    }

.phone .sch_live .sch_tab {
    position: absolute;
    left: 0;
    top: 42px;
    right: 0;
    height: 234px;
    margin: 0;
    border: 0;
    padding: 10px 0;
    border-top: 8px solid #ecedf4;
    border-bottom: 8px solid #ecedf4
}

.phone .sch_live .sch_tab_li {
    display: inline-block;
    border: 0;
    margin-left: 16px;
    float: left
}

    .phone .sch_live .sch_tab_li:last-child {
        margin-right: 16px
    }

.phone .sch_live .sch_tab_title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-bottom: 10px;
    margin: 0 16px 14px 16px
}

.phone .sch_tab_box {
    overflow-x: auto
}

.phone .sch_live .sch_tab .date_div {
    height: auto;
    line-height: 1.5;
    border: 0;
    border-left-style: solid;
    border-left-width: 3px;
    padding: 0 6px;
    font-size: 14px;
    margin-bottom: 8px
}

.phone .sch_live .sch_tab .s_li_ti {
    width: 184px;
    border: 1px solid rgba(0,0,0,0.06);
    border-right: 0;
    padding: 12px 10px
}

    .phone .sch_live .sch_tab .s_li_ti:last-child {
        border: 1px solid rgba(0,0,0,0.06)
    }

    .phone .sch_live .sch_tab .s_li_ti .theme {
        -webkit-line-clamp: 2;
        height: 38px
    }

    .phone .sch_live .sch_tab .s_li_ti .zt .bg {
        height: auto;
        line-height: 1.5;
        padding: 0;
        background: none !important;
        color: inherit
    }

.phone .sch_live .live_comment .ti_op {
    display: block;
    position: fixed;
    top: 56.25vw;
    border: 0
}

.phone .sch_live .title_tab {
    font-size: 14px;
    font-weight: bold;
    margin-top: 16px;
    padding-bottom: 12px;
    position: relative
}

    .phone .sch_live .title_tab.active .bg {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px
    }

.phone .sch_live .s_li_fhc {
    padding-top: 240px
}

    .phone .sch_live .s_li_fhc .s_li_ti {
        background: rgba(0,0,0,0.1)
    }

.phone .sch_live .comment.event_sch .s_li_fhc .s_li_ti {
    display: none
}

.phone .sch_live .comment.scb {
    min-height: calc(100vh - 34vw - 108px);
    padding-bottom: 64px
}

.phone .sch_live .advisory_text {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.form_link {
    position: fixed;
    left: 50%;
    margin-left: 764px;
    text-align: center;
    bottom: 20vh;
    z-index: 1000;
    font-size: 12px
}

    .form_link .f_li {
        background: #fff;
        border-radius: 50%;
        width: 64px;
        height: 64px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16);
        margin-bottom: 16px;
        padding-top: 10px
    }

        .form_link .f_li .icon {
            font-size: 28px;
            margin: 0;
            line-height: 1;
            margin-bottom: 4px
        }

@media screen and (max-width:1696px) {
    .form_link {
        left: auto;
        margin-left: 0;
        right: 20px
    }
}

.layer_survey {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 534px;
    padding: 40px 50px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    color: #3a404a
}

    .layer_survey .layer_header .title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 16px
    }

    .layer_survey .layer_header .close {
        top: 40px;
        right: 50px;
        font-size: 20px
    }

    .layer_survey .f_li {
        background: rgba(244,245,249,0.4);
        border: 1px solid rgba(0,0,0,0.06);
        border-radius: 3px;
        padding: 16px 24px;
        margin-bottom: 10px;
        cursor: pointer
    }

        .layer_survey .f_li .zt {
            width: 60px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            opacity: 1;
            border-radius: 12px 2px 12px 2px;
            margin-bottom: 8px;
            color: #fff;
            font-weight: bold;
            background: #babdc3
        }

.lan_en .layer_survey .f_li .zt {
    width: 80px;
    font-size: 12px;
    text-transform: uppercase
}

.layer_survey .f_li .ti {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2px
}

.layer_survey .f_li .time {
    opacity: .6;
    margin-bottom: 8px
}

.layer_survey .f_li .op .link {
    width: 108px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 14px;
    display: inline-block
}

.layer_survey .vote_box {
    background: rgba(244,245,249,0.4);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 3px;
    padding: 16px 24px;
    margin-bottom: 10px;
    position: relative
}

    .layer_survey .vote_box .v_t {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 12px
    }

    .layer_survey .vote_box .zt {
        width: 60px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        opacity: 1;
        border-radius: 12px 2px 12px 2px;
        margin-bottom: 8px;
        color: #fff;
        font-weight: bold;
        background: #babdc3;
        position: absolute;
        top: 16px;
        right: 24px
    }

.vote_box .v_bl {
    display: flex;
    white-space: nowrap;
    color: #00a4ff
}

    .vote_box .v_bl .line {
        height: 20px;
        display: block;
        margin: 8px 0 12px 0
    }

    .vote_box .v_bl .vote_btn {
        color: inherit !important;
        cursor: pointer
    }

        .vote_box .v_bl .vote_btn .icon {
            float: left;
            line-height: 1
        }

        .vote_box .v_bl .vote_btn span {
            float: left;
            line-height: 1.2
        }

    .vote_box .v_bl .a {
        font-weight: bold;
        margin-right: 8px
    }

    .vote_box .v_bl .zf .line {
        background: #00a4ff;
        border-radius: 10px 0 0 10px
    }

    .vote_box .v_bl .zf .a {
        margin-right: 0;
        margin-left: 8px
    }

    .vote_box .v_bl .zf .b {
        float: left
    }

    .vote_box .v_bl .ff {
        text-align: right;
        color: #eb3b3b
    }

        .vote_box .v_bl .ff .line {
            background: #eb3b3b;
            border-radius: 0 10px 10px 0
        }

        .vote_box .v_bl .ff .vote_btn {
            float: right
        }

    .vote_box .v_bl .vote_btn.unable {
        color: #9b9b9b !important
    }

    .vote_box .v_bl .ff .vote_btn .icon {
        float: right;
        margin-right: 0;
        margin-left: 4px
    }

.layer_survey fieldset {
    margin: 0;
    padding: 0
}

.layer_survey .vote_box.end .vote_btn {
    color: #babdc3 !important
}

.layer_survey .layer_header .back {
    color: inherit;
    margin-bottom: 20px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding-bottom: 20px
}

.layer_survey .form_head .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px
}

.layer_survey .intro_text {
    opacity: .8;
    margin-bottom: 24px
}

.layer_survey .form_save_box {
    text-align: center
}

.layer_pk {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3a404a
}

.layer_pk_box {
    width: 488px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    border-radius: 6px;
    padding: 40px 50px 50px 50px;
    position: relative
}

    .layer_pk_box .close {
        font-size: 20px;
        color: #a3aaad;
        position: absolute;
        top: 32px;
        right: 32px;
        line-height: 1;
        cursor: pointer;
        margin: 0
    }

.layer_pk .v_t {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px
}

.phone .layer_pk_box {
    width: 90%;
    padding: 40px 32px
}

.layer_pk.tp .layer_pk_box {
    width: 348px;
    background: rgba(0,0,0,0.9);
    color: #fff;
    padding: 40px 24px 20px 24px
}

.phone .layer_pk.tp .layer_pk_box {
    width: 80%;
    padding: 40px 24px;
    background: url(https://img.bagevent.com/resource/20220420/110435791125.png) no-repeat top center #fff;
    background-size: contain;
    border-radius: 6px;
    overflow: hidden;
    color: #3a404a
}

.layer_pk.tp .layer_pk_box .close {
    top: 16px;
    right: 24px
}

.layer_pk.tp.left {
    align-items: flex-end;
    left: 20px;
    bottom: 20px;
    justify-content: flex-start
}

.layer_pk.tp.right {
    align-items: flex-end;
    right: 20px;
    bottom: 20px;
    justify-content: flex-end
}

.form_page .form_li .label {
    margin-bottom: 12px
}

    .form_page .form_li .label .f_r {
        font-size: 12px;
        font-weight: normal;
        opacity: .6
    }

.form_page .form_li .vote_li.block {
    padding: 0;
    clear: inherit;
    background: 0;
    background: 0;
    margin-bottom: 16px;
    position: relative
}

    .form_page .form_li .vote_li.block .li {
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
        color: inherit
    }

    .form_page .form_li .vote_li.block .check {
        display: none
    }

.form_page .form_li .vote_li.active {
    color: inherit
}

.form_page .form_li .vote_li.voted:before {
    content: "";
    display: block;
    height: 4px;
    border-radius: 2px;
    background: rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.form_page .form_li .vote_li.voted strong {
    font-weight: normal;
    opacity: .8;
    flex: auto
}

.form_page .form_li .vote_li .vote_btn * {
    color: #3a404a;
    display: inline-block !important
}

.form_page .form_li .vote_li.active .vote_btn * {
    color: inherit
}

.form_page .form_li .vote_li .vote_btn .bg {
    display: none !important
}

.form_page .form_li .vote_li .line {
    position: relative !important;
    height: 4px;
    border-radius: 2px;
    background: rgba(0,0,0,0.1)
}

.form_page .form_li .vote_li .icon {
    font-size: inherit !important;
    border: 0 !important;
    line-height: inherit !important
}

.layer_pk.tp .layer_pk_box .label {
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 12px;
    margin-bottom: 16px
}

    .layer_pk.tp .layer_pk_box .label .error_meg {
        display: none
    }

.layer_pk.tp .layer_pk_box .vote_li.block .li {
    color: #fff
}

.layer_pk.tp .layer_pk_box .vote_li .line {
    background: rgba(255,255,255,0.1)
}

.phone .layer_pk {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.phone .layer_survey {
    width: 100%;
    padding: 30px 20px;
    margin-top: 56.25vw;
    box-shadow: none
}

    .phone .layer_survey .layer_header .close {
        top: 20px;
        right: 20px
    }

    .phone .layer_survey .f_li {
        padding: 12px 16px
    }

    .phone .layer_survey .vote_box {
        padding: 12px 16px
    }

.phone .layer_pk.tp .layer_pk_box .vote_li.block {
    margin-bottom: 20px
}

    .phone .layer_pk.tp .layer_pk_box .vote_li.block .li {
        color: inherit;
        margin-bottom: 8px
    }

        .phone .layer_pk.tp .layer_pk_box .vote_li.block .li > span {
            font-weight: bold
        }

.phone .layer_pk.tp .layer_pk_box .vote_li .line {
    background: rgba(0,0,0,0.1);
    height: 10px;
    border-radius: 5px
}

.nav_tab.style_a .tab {
    display: table;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.12);
    border-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    z-index: 2
}

    .nav_tab.style_a .tab .li {
        display: table-cell;
        font-size: 1.2em;
        line-height: 2;
        border-right: 1px solid rgba(0,0,0,0.12);
        vertical-align: middle
    }

    .nav_tab.style_a .tab.row2 .li {
        width: 50%
    }

    .nav_tab.style_a .tab.row3 .li {
        width: 33%
    }

    .nav_tab.style_a .tab.row4 .li {
        width: 25%
    }

    .nav_tab.style_a .tab.row5 .li {
        width: 20%
    }

    .nav_tab.style_a .tab .li:last-child {
        border: 0
    }

    .nav_tab.style_a .tab .li a {
        color: inherit;
        opacity: .8
    }

    .nav_tab.style_a .tab .li.color a {
        opacity: 1
    }

.nav_tab.style_a .tab_module {
    border: 1px solid rgba(0,0,0,0.12);
    border-top: 0;
    width: 100%;
    position: relative;
    z-index: 1
}

    .nav_tab.style_a .tab_module > .li {
        display: none
    }

        .nav_tab.style_a .tab_module > .li.active {
            display: block;
            padding-left: 32px;
            padding-right: 32px;
            padding-bottom: 32px;
            padding-top: 16px;
            width: initial
        }

    .nav_tab.style_a .tab_module .title {
        display: none !important
    }

    .nav_tab.style_a .tab_module .module {
        padding: 0;
        margin: 0;
        margin-bottom: 24px
    }

        .nav_tab.style_a .tab_module .module:last-child {
            margin-bottom: 0
        }

    .nav_tab.style_a .tab_module .con {
        width: 100% !important;
        padding: 0;
        margin: 0
    }

.phone .nav_tab.style_a .tab_module > .li.active {
    padding-left: 16px;
    padding-right: 16px
}

.phone .layer_survey .layer_header .back {
    padding-bottom: 12px
}

.poster_show .web_schedule_search {
    margin-bottom: 30px
}

.poster_list .poster_fl {
    margin-bottom: 20px
}

.poster_fl_title {
    position: relative;
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px
}

    .poster_fl_title > .bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 2px;
        opacity: .3;
        width: 100%
    }

    .poster_fl_title .ti {
        position: relative;
        display: inline-block;
        float: left;
        height: 40px;
        line-height: 40px;
        padding: 0 16px
    }

        .poster_fl_title .ti .bg {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            border-radius: 0 0 12px 12px
        }

        .poster_fl_title .ti .t {
            color: #fff;
            font-weight: bold;
            position: relative;
            z-index: 2;
            font-size: 16px
        }

        .poster_fl_title .ti .icon {
            position: absolute;
            left: 100%;
            top: 0;
            width: 16px;
            height: 16px;
            float: left;
            line-height: 16px;
            margin-left: -1px;
            margin-right: 0
        }

    .poster_fl_title .n {
        opacity: .8;
        display: inline-block;
        vertical-align: middle;
        line-height: 30px;
        margin-top: 6px
    }

    .poster_fl_title .close {
        display: inline-block;
        position: relative;
        padding: 0 12px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        vertical-align: middle;
        margin-top: 6px;
        margin-left: 20px
    }

        .poster_fl_title .close .bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            border-radius: 20px;
            opacity: .1
        }

        .poster_fl_title .close .icon {
            margin: 0;
            margin-left: 4px;
            display: inline-block
        }

        .poster_fl_title .close.open .icon {
            transform: rotate(180deg)
        }

.poster_li_box {
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap
}

    .poster_li_box .li {
        width: 16.666%;
        margin-bottom: 20px
    }

    .poster_li_box .box {
        margin: 0 8px;
        position: relative
    }

    .poster_li_box .view {
        width: 100%;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        background: #fff
    }

    .poster_li_box .box:hover .view {
        box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2)
    }

    .poster_li_box .view.img_scale > span {
        padding-bottom: 138%
    }

    .poster_li_box .op {
        position: absolute;
        left: 0;
        top: 20px;
        display: none
    }

        .poster_li_box .op a {
            display: block
        }

        .poster_li_box .op .bg {
            color: #fff;
            border-radius: 0 20px 20px 0;
            padding: 0 20px 0 10px;
            font-size: 12px;
            height: 24px;
            line-height: 24px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16);
            display: block;
            margin-bottom: 4px
        }

    .poster_li_box .box:hover .op {
        display: block
    }

    .poster_li_box .info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        font-size: 12px;
        padding: 6px 8px;
        display: none
    }

        .poster_li_box .info .bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            opacity: .8;
            z-index: 1
        }

        .poster_li_box .info .bh {
            position: relative;
            z-index: 2;
            font-weight: bold
        }

        .poster_li_box .info .ath {
            position: relative;
            z-index: 2
        }

    .poster_li_box .box:hover .info {
        display: block
    }

    .poster_li_box .box .name {
        font-size: 12px;
        font-weight: bold;
        margin-top: 8px;
        line-height: 1.4
    }

.phone .poster_fl_title .ti {
    height: auto;
    line-height: 1.5;
    padding: 8px 10px 26px 10px;
    text-align: left;
    width: 70%
}

    .phone .poster_fl_title .ti .t {
        font-size: 14px;
        line-height: 1.3
    }

.phone .poster_fl_title .n {
    position: absolute;
    left: 10px;
    bottom: 6px;
    color: #fff;
    opacity: 1;
    font-size: 12px;
    margin: 0;
    line-height: 18px;
    z-index: 10
}

.phone .poster_fl_title .close {
    margin: 0;
    font-size: 12px
}

    .phone .poster_fl_title .close .bg {
        border-radius: 0 0 15px 15px
    }

.phone .poster_li_box {
    margin: 0
}

    .phone .poster_li_box .li {
        width: 100%
    }

    .phone .poster_li_box .box {
        margin: 0;
        padding: 10px;
        border: 1px solid rgba(0,0,0,0.06);
        height: 156px;
        background: #fff
    }

    .phone .poster_li_box .op {
        display: block;
        left: 112px;
        bottom: 0;
        top: auto;
        right: 0;
        border-top: 1px solid rgba(0,0,0,0.12);
        display: flex
    }

        .phone .poster_li_box .op a {
            float: left;
            text-align: center;
            border-left: 1px solid rgba(0,0,0,0.12);
            flex: 1;
            margin: 10px 0
        }

            .phone .poster_li_box .op a:first-child {
                border-left: 0
            }

        .phone .poster_li_box .op .bg {
            color: inherit;
            background: none !important;
            box-shadow: none;
            padding: 0;
            text-align: center;
            line-height: 20px;
            height: 20px;
            margin: 0
        }

    .phone .poster_li_box .info {
        display: block;
        left: 112px;
        bottom: 40px;
        top: auto;
        right: 0;
        padding: 0;
        color: inherit
    }

        .phone .poster_li_box .info .bg {
            display: none
        }

        .phone .poster_li_box .info .bh {
            font-weight: normal;
            margin-bottom: 10px
        }

        .phone .poster_li_box .info .ath:before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 4px;
            margin-right: 8px;
            background: #b9b9b9;
            vertical-align: middle
        }

        .phone .poster_li_box .info .ath {
            margin-bottom: 10px
        }

    .phone .poster_li_box .view {
        width: 92px;
        margin-top: -20px;
        display: inline-block;
        float: left;
        overflow: inherit;
        position: static
    }

        .phone .poster_li_box .view img {
            width: 92px;
            height: 130px;
            position: relative
        }

        .phone .poster_li_box .view > span {
            display: none
        }

    .phone .poster_li_box .box .name {
        margin-left: 92px;
        padding-left: 10px;
        padding-bottom: 100px
    }

.parent_module .pa_mo_box {
    margin: 0 -8px
}

    .parent_module .pa_mo_box > div > .box {
        margin: 0 8px
    }

    .parent_module .pa_mo_box .box .module {
        padding: 0;
        margin: 0;
        background: none !important;
        color: inherit !important
    }

.parent_module .col-lg-12 .box .module .title {
    display: none !important
}

.parent_module .box .module .title .icon {
    display: none
}

.parent_module .box .module .title .title_box {
    text-align: left
}

.parent_module .box .module .con {
    width: 100%;
    margin: 0;
    padding: 0
}

.phone .parent_module .pa_mo_box {
    margin: 0
}

    .phone .parent_module .pa_mo_box > div {
        width: 100%;
        margin-bottom: 16px;
        float: none
    }

        .phone .parent_module .pa_mo_box > div .box {
            margin: 0
        }

        .phone .parent_module .pa_mo_box > div:last-child {
            margin-bottom: 0
        }

.group_info_con {
    text-align: center
}

.group_info .group_logo {
    max-height: 80px;
    max-width: 256px;
    margin: 0 auto;
    margin-top: 24px
}

    .group_info .group_logo img {
        max-height: 80px;
        max-width: 256px
    }

.group_info .group_name {
    font-size: 1.2em;
    margin-top: 16px;
    margin-bottom: 24px
}

.group_info .intro {
    opacity: .8;
    margin-bottom: 16px
}

.group_info .button {
    border-radius: 40px;
    padding: 8px 32px
}

.group_member_con .member_li {
    margin: 0 -4px
}

.group_member_con .li {
    width: 25%;
    display: inline-block;
    float: left
}

    .group_member_con .li .box {
        margin: 0 4px;
        border: 1px solid rgba(0,0,0,0.12);
        padding: 8px;
        overflow: hidden;
        margin-bottom: 8px;
        background: #fff
    }

    .group_member_con .li .avator {
        width: 48px;
        height: 48px;
        line-height: 48px;
        float: left;
        font-size: 18px
    }

    .group_member_con .li .info {
        padding-left: 48px;
        margin-left: 8px
    }

    .group_member_con .li .name {
        font-size: 1.1em;
        margin-top: 4px
    }

    .group_member_con .li .intro {
        opacity: .8;
        font-size: .8em
    }

.right .group_member_con .li {
    width: 50%
}

.phone .group_member_con .li {
    width: 50%
}

.module .product_li {
    margin: 0 -16px;
    text-align: center;
    margin-bottom: -24px
}

.module.product .li {
    display: inline-block;
    width: 33%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 24px;
    float: left
}

    .module.product .li .box {
        margin: 0 16px;
        position: relative
    }

    .module.product .li .img_scale {
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .module.product .li .img_scale span {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            display: inline-block;
            float: left
        }

        .module.product .li .img_scale img {
            min-height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            width: 100%
        }

    .module.product .li .name {
        font-size: 1.2em
    }

        .module.product .li .name a {
            color: inherit
        }

.module .cases_li {
    margin: 0 -16px;
    text-align: center;
    margin-bottom: -24px
}

.module.cases .li {
    display: inline-block;
    width: 33%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 24px;
    float: left
}

    .module.cases .li .box {
        margin: 0 16px;
        position: relative
    }

    .module.cases .li .img_scale {
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .module.cases .li .img_scale span {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            display: inline-block;
            float: left
        }

        .module.cases .li .img_scale img {
            min-height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            width: 100%
        }

    .module.cases .li .name {
        font-size: 1.2em
    }

        .module.cases .li .name a {
            color: inherit
        }

.module .news_li {
    margin: 0 -16px;
    text-align: left;
    margin-bottom: -24px
}

.module.news .li {
    margin: 0 16px;
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-bottom: 32px;
    float: left
}

    .module.news .li .box {
        position: relative
    }

    .module.news .li .img_scale {
        width: 32%;
        position: relative;
        overflow: hidden;
        float: left
    }

    .module.news .li .info {
        width: 64%;
        float: left;
        padding: 16px 0 0 32px
    }

    .module.news .li .img_scale span {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        display: inline-block;
        float: left
    }

    .module.news .li .img_scale img {
        min-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%
    }

    .module.news .li .name {
        font-size: 1.2em
    }

        .module.news .li .name a {
            color: inherit
        }

.phone .favorite.module {
    padding: 0 !important;
    padding-top: 8px !important;
    overflow: hidden;
    height: 100vh
}

    .phone .favorite.module .date_li {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        border-top: 1px solid rgba(0,0,0,0.12);
        background: #fff;
        margin-bottom: 8px;
        padding: 8px 16px;
        position: relative
    }

    .phone .favorite.module .theme {
        font-size: 14px;
        font-weight: bold
    }

        .phone .favorite.module .theme .hz {
            margin-left: 4px
        }

    .phone .favorite.module .guest {
        font-size: 12px;
        margin-top: 12px
    }

        .phone .favorite.module .guest .jb {
            opacity: .8;
            margin-right: 4px
        }

        .phone .favorite.module .guest .name {
            margin-right: 4px
        }

    .phone .favorite.module .jb_av {
        display: inline-block;
        margin-left: 10px
    }

    .phone .favorite.module .avator {
        width: 26px;
        height: 26px;
        margin-left: -10px
    }

    .phone .favorite.module .date_time {
        font-size: 12px;
        opacity: .8;
        margin-top: 8px
    }

    .phone .favorite.module .collection {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 16px
    }

        .phone .favorite.module .collection .icon {
            color: #fff;
            background: #ee0320;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            display: inline-block;
            margin: 0;
            border-radius: 50%
        }

.float_window {
    z-index: 1000;
    bottom: 100px
}

    .float_window .span {
        background: rgba(0,0,0,0.3);
        border-radius: 4px
    }

        .float_window .span .icon {
            color: #fff;
            float: left;
            line-height: 30px;
            font-size: 26px;
            margin-left: 2px
        }

    .float_window .wei_fx {
        position: absolute;
        right: 52px;
        top: -126px;
        width: 200px;
        text-align: center;
        border-radius: 10px;
        border: 2px dashed rgba(0,0,0,0.12);
        background: #fff;
        padding: 20px 0;
        font-size: 12px;
        color: #202020;
        display: none
    }

        .float_window .wei_fx img {
            width: 160px;
            height: 160px
        }

    .float_window .span:hover .wei_fx {
        display: block
    }

#totop a {
    position: fixed;
    display: inline-block;
    width: 48px;
    height: 48px;
    right: 16px;
    bottom: 276px;
    background: url(../img/website/top.png) no-repeat;
    background-size: 48px;
    background-position: 0 0;
    z-index: 100;
    border-radius: 4px
}

    #totop a:hover {
        background-position: 0 -48px
    }

.phone #totop a {
    right: 32px;
    bottom: 126px
}

.sum_res_ly {
    font-size: 14px;
    padding: 24px
}

    .sum_res_ly .sum_res_box .tips {
        margin-bottom: 20px
    }

    .sum_res_ly .sum_res_box .s_info {
        border: 1px solid rgba(0,0,0,0.06);
        padding: 10px 20px;
        border-radius: 3px
    }

    .sum_res_ly .sum_res_box .id {
        margin-bottom: 10px;
        display: flex;
        font-weight: bold;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0,0,0,0.06);
        padding-bottom: 10px
    }

    .sum_res_ly .s_info .s_ti {
        font-size: 20px;
        margin-bottom: 12px
    }

        .sum_res_ly .s_info .s_ti .topic {
            font-size: 14px;
            opacity: .8;
            margin-top: 4px
        }

    .sum_res_ly .info_l {
        font-size: 14px;
        opacity: .8
    }

        .sum_res_ly .info_l.bgr, .sum_res_ly .info_l.time, .sum_res_ly .info_l.hc, .sum_res_ly .info_l.ap {
            display: none
        }

    .sum_res_ly .info_zh {
        display: flex;
        align-items: center;
        margin-top: 8px;
        font-size: 14px;
        opacity: .8
    }

        .sum_res_ly .info_zh div {
            margin-right: 10px
        }

            .sum_res_ly .info_zh div:first-child {
                border-right: 1px solid rgba(0,0,0,0.12);
                padding-right: 10px
            }

.phone .sum_res_layer {
    width: 100% !important;
    top: 0 !important;
    bottom: 0;
    background: #fff
}

.phone .sum_res_ly .sum_res_box .tips {
    margin-bottom: 20px;
    background: #f7f9fb;
    padding: 10px;
    border-radius: 3px
}

.phone .sum_res_layer .layer_header {
    padding: 16px 12px
}

.phone .sum_res_layer .sum_res_ly {
    padding: 20px 12px
}

.phone .sum_res_ly .sum_res_box .id .c_p_zt {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 36px;
    padding: 0 30px;
    line-height: 36px
}

.phone .sum_res_ly .sum_res_box .s_info {
    padding: 0;
    border: 0;
    padding-bottom: 56px;
    margin-bottom: 20px;
    position: relative
}

.phone .sum_res_ly .s_info .s_ti {
    font-size: 18px
}

.phone .sum_res_ly .info_l {
    margin-top: 8px
}

.phone .sum_res_ly .info_zh {
    display: block
}

    .phone .sum_res_ly .info_zh div {
        padding: 0;
        border: 0;
        margin: 0
    }

        .phone .sum_res_ly .info_zh div:first-child {
            margin-bottom: 8px
        }

.phone .sum_res_ly .info_l.bgr, .phone .sum_res_ly .info_l.time, .phone .sum_res_ly .info_l.hc, .phone .sum_res_ly .info_l.ap {
    display: block
}

.sum_res_ly .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

    .sum_res_ly .info .form_li {
        margin-bottom: 0;
        background: #f7f9fb;
        padding: 8px 16px;
        border: 1px solid rgba(0,0,0,0.06);
        border-radius: 3px;
        margin-right: 10px;
        flex: auto
    }

        .sum_res_ly .info .form_li:last-child {
            margin-right: 0
        }

    .sum_res_ly .info .label {
        opacity: .8;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 12px
    }

.sum_res_ly .s_con {
    background: #f7f9fb;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 3px
}

    .sum_res_ly .s_con .a_info {
        padding: 12px 16px;
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(0,0,0,0.06)
    }

        .sum_res_ly .s_con .a_info div {
            margin-right: 10px
        }

            .sum_res_ly .s_con .a_info div:first-child {
                border-right: 1px solid rgba(0,0,0,0.12);
                padding-right: 10px
            }

.sum_res_ly .summary {
    background: #fff
}

.web_login_box .login {
    width: 442px;
    margin: 108px auto;
    border-radius: 10px;
    background: #fff
}

.web_login_box .nav_li .li {
    width: 50%;
    float: left;
    background: #b3bdc3;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 16px 0;
    border: 0
}

    .web_login_box .nav_li .li:first-child {
        border-radius: 10px 0 0 0
    }

    .web_login_box .nav_li .li:last-child {
        border-radius: 0 10px 0 0
    }

    .web_login_box .nav_li .li.color {
        background: 0
    }

.web_login_con {
    padding: 64px 40px
}

    .web_login_con .form_li {
        margin-bottom: 24px
    }

        .web_login_con .form_li .label {
            position: absolute;
            left: 16px;
            top: 0;
            line-height: 52px;
            z-index: 2;
            background: #e8eef1;
            margin: 0;
            border-radius: 16px
        }

        .web_login_con .form_li .input {
            height: 52px !important;
            background: #e8eef1;
            padding: 16px;
            border: 0;
            border-radius: 52px;
            position: relative;
            z-index: 1
        }

        .web_login_con .form_li .code_img {
            position: absolute;
            right: 0;
            top: 0;
            height: 52px;
            z-index: 2
        }

        .web_login_con .form_li .yzm .button {
            position: absolute;
            right: 16px;
            top: 0;
            line-height: 52px;
            padding: 0;
            z-index: 2
        }

        .web_login_con .form_li.active .label {
            background: 0;
            top: -25px;
            -webkit-animation: fadeIn .4s ease 0s both;
            -webkit-animation-play-state: initial
        }

    .web_login_con .button.bg {
        width: 100%;
        display: block;
        border-radius: 52px;
        height: 52px;
        color: #fff;
        line-height: 52px;
        font-weight: bold;
        padding: 0;
        font-size: 16px;
        margin-bottom: 32px;
        margin-top: 32px
    }

    .web_login_con .separator {
        margin: 32px auto 16px auto;
        position: relative;
        overflow: hidden;
        text-align: center
    }

        .web_login_con .separator .line {
            border-top: 1px solid rgba(0,0,0,0.12);
            display: inline-block;
            width: 64px;
            margin-top: 8px
        }

    .web_login_con .social_icon {
        text-align: center
    }

        .web_login_con .social_icon .li {
            display: inline-block
        }

    .web_login_con .web_login_con .social_icon .li > p {
        font-size: 12px
    }

.social_icon .li > a {
    display: inline-block;
    margin: 16px;
    margin-bottom: 8px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    color: #fff
}

.web_login_con .social_icon .li > a:hover {
    opacity: .8
}

.web_login_con .social_icon .li > a .icon {
    font-size: 24px;
    margin: 0;
    line-height: 42px
}

.web_login_con .social_icon .li > a.mm {
    background: #29abe2
}

.web_login_con .social_icon .li > a.wei {
    background: #6cca65
}

.web_login_con .social_icon .li > a.dx {
    background: #ffb449
}

.phone .web_login_box {
    margin: 48px 16px
}

    .phone .web_login_box .login {
        width: 100%;
        margin: 0
    }

.buy_ticket .layer_wrapper .layer_header {
    border: 0;
    padding: 32px 48px 32px 48px
}

    .buy_ticket .layer_wrapper .layer_header .title {
        font-size: 20px;
        font-weight: bold;
        margin-top: 24px
    }

    .buy_ticket .layer_wrapper .layer_header .nun {
        font-size: 14px;
        margin-left: 8px;
        font-style: italic
    }

    .buy_ticket .layer_wrapper .layer_header .close {
        font-size: 18px;
        color: #6b717b;
        line-height: 30px
    }

        .buy_ticket .layer_wrapper .layer_header .close:hover {
            color: #ff1d00
        }

.buy_ticket .layer_wrapper .layer_con {
    padding: 0 48px 80px 48px
}

.buy_ticket .layer_li_add a {
    background: #f2f7fe;
    border: 1px dotted #e2e9ed;
    text-align: center;
    padding: 16px;
    display: block;
    border-radius: 4px;
    margin-top: 16px;
    vertical-align: middle
}

.buy_ticket .layer_wrapper .but a {
    display: inline-block;
    min-width: 78px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 36px;
    padding: 0 24px;
    box-sizing: border-box
}

.buy_ticket .layer_wrapper .but .cancal {
    background: #b3bdc3
}

.buy_ticket .layer_wrapper .but .big {
    padding: 0 44px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px
}

.buy_ticket .layer_wrapper .application_form {
    background: 0;
    padding: 0;
    margin: 0
}

.buy_ticket .layer_wrapper .form_li {
    margin-bottom: 16px;
    width: 100%
}

    .buy_ticket .layer_wrapper .form_li .error_block {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        margin: 0;
        margin-top: 8px
    }

        .buy_ticket .layer_wrapper .form_li .error_block:before {
            display: none
        }

.phone .buy_ticket .layer_wrapper .layer_box {
    left: 4% !important;
    width: 92% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

@media screen and (max-width:960px) {
    .buy_ticket .layer_wrapper .layer_header {
        padding: 20px
    }

        .buy_ticket .layer_wrapper .layer_header .title {
            margin-top: 10px
        }

    .buy_ticket .layer_wrapper .layer_con {
        padding: 0 20px 40px 20px
    }
}

.buy_ticket {
    background: #f2f7fe !important;
    font-size: 14px !important;
    color: #535774 !important
}

.buy_ticket_top {
    background: #fff;
    font-size: 14px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16)
}

.buy_ticket_topcontent {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 12px;
    height: 52px
}

.buy_ticket_top .f_l a {
    color: inherit;
    font-size: 16px;
    margin-right: 12px;
    float: left
}

.buy_ticket_top .f_r a {
    color: inherit
}

.buy_ticket_top .user {
    display: inline-block;
    margin: 0 16px
}

    .buy_ticket_top .user > .icon {
        font-size: 12px;
        margin-left: 8px;
        margin-right: 0
    }

    .buy_ticket_top .user .arrow {
        left: 0;
        margin-left: 24px;
        top: 0
    }

    .buy_ticket_top .user .hover_block {
        padding-top: 8px;
        width: 186px;
        left: -24px
    }

    .buy_ticket_top .user .hover_box {
        border-radius: 6px;
        max-height: inherit;
        padding: 8px 0;
        font-size: 14px
    }

    .buy_ticket_top .user .li {
        border: 0;
        padding: 8px 24px;
        box-sizing: content-box
    }

    .buy_ticket_top .user .line {
        border-top: 1px dotted #e2e9ed;
        display: block;
        margin: 8px 0
    }

.buy_ticket_top .f_r_icon {
    border-left: 1px solid #e2e9ed;
    padding-left: 20px
}

.phone .buy_ticket_top {
    padding: 0 8px
}

.phone .buy_ticket_topcontent {
    padding: 8px 0
}

    .phone .buy_ticket_topcontent .f_l {
        display: none
    }

    .phone .buy_ticket_topcontent .f_r {
        float: none !important;
        text-align: right
    }

.buy_ticket_title {
    padding: 32px 0;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold
}

    .buy_ticket_title .txt_mid {
        display: inline-block;
        position: relative
    }

        .buy_ticket_title .txt_mid:before, .buy_ticket_title .txt_mid:after {
            content: "";
            display: inline-block;
            width: 84px;
            border-bottom: 1px solid #cfd9df;
            position: absolute;
            top: 16px
        }

        .buy_ticket_title .txt_mid:before {
            right: 100%;
            margin-right: 32px
        }

        .buy_ticket_title .txt_mid:after {
            left: 100%;
            margin-left: 32px
        }

.phone .buy_ticket_top .user {
    float: left;
    margin: 0;
    line-height: 34px
}

.phone .buy_ticket_top .news {
    margin-right: 10px
}

.phone .buy_ticket_title {
    font-size: 20px;
    padding: 28px 0 0 0
}

.top_bg {
    background-image: url(https://img.bagevent.com/resource/20200420/10272986235754.png);
    width: 100%;
    height: 335px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

.personal_center {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: auto
}

    .personal_center .top {
        color: #fff;
        margin: 32px 0
    }

        .personal_center .top.buy_ticket_top {
            background: 0;
            box-shadow: none
        }

        .personal_center .top .activity_title {
            font-size: 24px;
            font-weight: bold
        }

@media screen and (max-width:960px) {
    .personal_center .top {
        margin: 14px 10px
    }

        .personal_center .top .activity_title:before {
            font-family: "iconfont_old";
            content: "\e662";
            margin-right: 4px
        }
}

.personal_center .top .p_info {
    position: relative
}

    .personal_center .top .p_info .news {
        margin-right: 8px
    }

        .personal_center .top .p_info .news .icon {
            font-size: 20px
        }

    .personal_center .top .p_info .n {
        width: 18px;
        height: 18px;
        background: #d0021b;
        border: 2px solid #fff;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        top: -4px;
        line-height: 14px;
        left: 14px;
        text-align: center;
        font-size: 12px
    }

    .personal_center .top .p_info .user {
        cursor: pointer
    }

        .personal_center .top .p_info .user .uer_name {
            font-size: 16px
        }

.personal_center .top .user.ex .hover_block {
    color: #535774
}

.buy_ticket_top .user.ex .arrow {
    left: auto;
    right: 18px
}

.buy_ticket_top .user.ex .hover_block {
    width: 380px;
    left: auto;
    right: -20px
}

.buy_ticket_top .user.ex .hover_box {
    padding: 26px 30px 8px 30px
}

.buy_ticket_top .user.ex .li {
    height: auto;
    line-height: inherit;
    padding: 0;
    margin-bottom: 16px;
    opacity: .8
}

    .buy_ticket_top .user.ex .li:hover {
        background: 0;
        opacity: 1
    }

.buy_ticket_top .user.ex .line {
    margin-bottom: 20px;
    margin-top: 0
}

.buy_ticket_top .user.ex .li .icon {
    margin-right: 8px
}

.buy_ticket_top .user.ex .name {
    font-size: 20px;
    opacity: 1;
    margin-right: 160px;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.buy_ticket_top .user.ex .logo {
    position: absolute;
    right: 30px;
    top: 30px
}

.exhi_up_logo {
    width: 154px;
    height: 74px;
    position: relative;
    overflow: hidden
}

    .exhi_up_logo .img_center {
        width: 154px;
        height: 74px;
        padding: 10px;
        position: relative;
        z-index: 2;
        background: #fff
    }

    .exhi_up_logo .btn_addPic {
        border: 2px dashed #e2e9ed;
        border-radius: 10px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        color: #bdbec5;
        text-align: left;
        z-index: 1
    }

        .exhi_up_logo .btn_addPic .text {
            padding: 4px 16px
        }

        .exhi_up_logo .btn_addPic .icon {
            font-size: 14px;
            float: left
        }

        .exhi_up_logo .btn_addPic span.alm {
            display: block;
            line-height: 22px;
            font-size: 13px
        }

    .exhi_up_logo:hover .btn_addPic {
        z-index: 3
    }

.personal_info {
    margin-top: 70px
}

@media screen and (max-width:960px) {
    .personal_info {
        margin-top: 0
    }
}

.personal_info .left_menu {
    background: #fff;
    width: 192px;
    border-radius: 4px;
    min-height: calc(100vh - 200px);
    padding: 12px
}

    .personal_info .left_menu .logo {
        text-align: center;
        width: 168px;
        height: 116px;
        padding: 12px;
        background: #fff;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: middle
    }

        .personal_info .left_menu .logo img {
            max-height: 92px;
            max-width: 144px
        }

    .personal_info .left_menu .exhi_up_logo {
        width: 144px;
        height: 74px;
        position: relative;
        overflow: hidden
    }

        .personal_info .left_menu .exhi_up_logo .img_center {
            width: 144px;
            height: 74px;
            padding: 0;
            position: relative;
            z-index: 2;
            background: #fff
        }

    .personal_info .left_menu .menu_list {
        margin-top: 8px
    }

        .personal_info .left_menu .menu_list .li {
            height: 42px;
            line-height: 42px;
            margin-bottom: 12px;
            padding-left: 24px;
            cursor: pointer
        }

            .personal_info .left_menu .menu_list .li i {
                margin-right: 8px
            }

        .personal_info .left_menu .menu_list span {
            color: #6b717b
        }

        .personal_info .left_menu .menu_list .li.active {
            color: #fff;
            border-radius: 2px
        }

            .personal_info .left_menu .menu_list .li.active i {
                color: #fff !important
            }

            .personal_info .left_menu .menu_list .li.active span {
                color: #fff !important
            }

@media screen and (max-width:960px) {
    .personal_info .left_menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        background: #000;
        border-radius: 0;
        bottom: 0;
        width: 70%
    }

        .personal_info .left_menu .menu_list span {
            color: #fff
        }
}

.personal_info .right_con {
    padding-left: 208px;
    width: 100%
}

    .personal_info .right_con .exhibitor_infomation {
        width: 100%;
        padding: 24px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 3px 30px rgba(0,0,0,0.08);
        position: relative;
        margin-bottom: 16px
    }

    .personal_info .right_con .company_name {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 12px
    }

    .personal_info .right_con .zg_zw {
        color: #6b717b;
        margin-bottom: 20px
    }

        .personal_info .right_con .zg_zw .num {
            font-size: 16px;
            font-weight: bold
        }

        .personal_info .right_con .zg_zw .interval {
            margin: 0 4px
        }

        .personal_info .right_con .zg_zw .inter {
            margin: 0 12px;
            color: #9b9b9b
        }

    .personal_info .right_con .button {
        border-radius: 100px
    }

    .personal_info .right_con .n.color .avator {
        width: 36px;
        height: 36px;
        display: inline-block;
        color: #fff;
        text-align: center;
        line-height: 36px;
        margin: 0 6px
    }

        .personal_info .right_con .n.color .avator img {
            border: 0
        }

    .personal_info .right_con .wei_code {
        position: absolute;
        top: 24px;
        right: 24px;
        text-align: center;
        font-size: 12px
    }

        .personal_info .right_con .wei_code img {
            width: 96px;
            height: 96px;
            margin-bottom: 12px
        }

    .personal_info .right_con .exhibitor_box {
        padding-bottom: 24px;
        border-bottom: 1px solid #e0e0e0
    }

    .personal_info .right_con .data_box {
        padding-top: 24px
    }

    .personal_info .right_con .ex_data {
        margin-right: 12px;
        min-width: 120px
    }

        .personal_info .right_con .ex_data .ti {
            font-size: 12px;
            margin-bottom: 12px;
            color: #6b717b
        }

        .personal_info .right_con .ex_data .num {
            font-size: 24px;
            font-weight: bold
        }

            .personal_info .right_con .ex_data .num .up {
                font-size: 12px !important;
                color: #00cd44
            }

            .personal_info .right_con .ex_data .num .down {
                font-size: 12px !important;
                color: #d0021b
            }

    .personal_info .right_con .syqt {
        background: #f5f6fa;
        position: absolute;
        bottom: 20px;
        right: 24px;
        display: table;
        padding: 12px 18px
    }

        .personal_info .right_con .syqt .icon_img {
            display: table-cell;
            vertical-align: middle
        }

            .personal_info .right_con .syqt .icon_img img {
                width: 40px;
                height: 49px
            }

        .personal_info .right_con .syqt .ex_data {
            display: table-cell;
            vertical-align: middle;
            padding-left: 12px
        }

            .personal_info .right_con .syqt .ex_data .ti {
                margin-bottom: 0
            }

        .personal_info .right_con .syqt .tips_box {
            display: table-cell;
            vertical-align: middle;
            text-align: right
        }

        .personal_info .right_con .syqt a {
            margin-top: 8px;
            font-size: 12px;
            display: inline-block
        }

            .personal_info .right_con .syqt a i {
                font-size: 12px;
                margin-right: 0
            }

    .personal_info .right_con .notice_box {
        overflow: hidden;
        background: #fff;
        padding: 24px 24px 24px 48px;
        border-radius: 4px;
        position: relative;
        margin-bottom: 16px
    }

        .personal_info .right_con .notice_box .icon_box {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 28px;
            left: 24px;
            text-align: center
        }

            .personal_info .right_con .notice_box .icon_box i {
                margin: 0;
                font-size: 12px !important;
                color: #fff;
                line-height: 16px
            }

        .personal_info .right_con .notice_box .notice_con {
            overflow: hidden
        }

        .personal_info .right_con .notice_box .nt_ti {
            font-size: 16px;
            font-weight: bold
        }

        .personal_info .right_con .notice_box .notice {
            margin-top: 8px
        }

        .personal_info .right_con .notice_box .money {
            font-size: 20px;
            font-weight: bold
        }

        .personal_info .right_con .notice_box .my {
            font-weight: bold
        }

        .personal_info .right_con .notice_box .check {
            position: absolute;
            right: 24px;
            bottom: 24px
        }

            .personal_info .right_con .notice_box .check i {
                margin: 0;
                font-size: 14px
            }

    .personal_info .right_con .tb {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

        .personal_info .right_con .tb:nth-child(2n) {
            margin-left: -3px
        }

    .personal_info .right_con .todo_li {
        margin-bottom: 16px;
        background: #fff;
        border-radius: 4px;
        padding: 24px;
        box-sizing: border-box
    }

        .personal_info .right_con .todo_li:hover {
            box-shadow: 0 3px 20px rgba(0,0,0,0.08);
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
            cursor: pointer
        }

    .personal_info .right_con .tb:nth-child(2n+1) .todo_li {
        margin-right: 8px
    }

    .personal_info .right_con .tb:nth-child(2n) .todo_li {
        margin-left: 8px
    }

    .personal_info .right_con .todo_li .icon_box {
        position: relative;
        width: 56px;
        height: 56px;
        text-align: center;
        float: left
    }

        .personal_info .right_con .todo_li .icon_box .bg {
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
            opacity: .1
        }

        .personal_info .right_con .todo_li .icon_box .icon {
            line-height: 56px;
            margin: auto;
            font-size: 30px
        }

    .personal_info .right_con .tipbox {
        padding-left: 16px;
        margin-left: 56px
    }

        .personal_info .right_con .tipbox .dt {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 4px;
            margin-top: 2px
        }

        .personal_info .right_con .tipbox a .icon {
            font-size: 14px;
            vertical-align: top
        }

        .personal_info .right_con .tipbox a span {
            vertical-align: top;
            margin-right: 4px
        }

@media screen and (max-width:960px) {
    .personal_info .right_con {
        padding-left: 0
    }
}

.personal_contact {
    position: fixed;
    bottom: 100px;
    right: 5vw;
    width: 150px;
    height: 190px;
    border-radius: 8px;
    color: #fff;
    text-align: center
}

.personal_contact_small {
    display: none
}

.personal_contact .img_1 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.personal_contact .img_2 {
    position: absolute;
    z-index: 2;
    top: -86px;
    left: 0
}

.personal_contact .wz {
    margin-top: 72px;
    margin-bottom: 12px;
    z-index: 3;
    position: relative
}

.personal_contact .button {
    background: #fff;
    border-radius: 100px;
    z-index: 3;
    position: relative
}

    .personal_contact .button:hover {
        opacity: 1
    }

@media screen and (max-width:1670px) {
    .personal_contact {
        right: 4vw
    }
}

@media screen and (max-width:1600px) {
    .personal_contact {
        right: 3vw
    }
}

@media screen and (max-width:1500px) {
    .personal_contact {
        display: none
    }

    .personal_contact_small {
        display: block;
        position: absolute;
        bottom: 130px;
        right: 50px;
        width: 50px;
        height: 50px;
        border-radius: 80px;
        color: #fff;
        text-align: center;
        line-height: 50px;
        cursor: pointer
    }

        .personal_contact_small i {
            margin: 0;
            font-size: 20px
        }
}

@media screen and (max-width:1280px) {
    .personal_contact_small {
        right: 20px
    }
}

.personal_info .inside_pages {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 30px rgba(0,0,0,0.08);
    position: relative;
    min-height: calc(100vh - 200px)
}

    .personal_info .inside_pages .title_box {
        padding: 24px;
        position: relative;
        border-bottom: 1px solid #ebebeb;
        overflow: hidden
    }

        .personal_info .inside_pages .title_box .title {
            font-size: 20px;
            font-weight: bold
        }

        .personal_info .inside_pages .title_box .op {
            font-weight: normal;
            margin-top: 4px
        }

            .personal_info .inside_pages .title_box .op a {
                display: inline-block;
                vertical-align: top
            }

        .personal_info .inside_pages .title_box .bg {
            position: absolute;
            width: 4px;
            height: 30px;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto
        }

    .personal_info .inside_pages .inside_box {
        padding: 24px
    }

.height_hetong .hetong_li {
    background: #f2f7fe;
    border-radius: 4px;
    padding: 12px 10px;
    margin-bottom: 8px
}

    .height_hetong .hetong_li .info_box {
        overflow: hidden
    }

.height_hetong .icon_img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    float: left;
    padding: 8px
}

.height_hetong .ht_con {
    margin-left: 48px;
    padding-left: 10px;
    position: relative;
    height: 48px;
    margin-bottom: 12px
}

    .height_hetong .ht_con .name {
        margin-bottom: 4px;
        padding-right: 80px;
        margin-top: 4px
    }

    .height_hetong .ht_con .time {
        font-size: 12px;
        opacity: .8
    }

.height_hetong .hetong_li .op_box {
    overflow: hidden;
    border-top: 1px solid #ebebeb
}

.height_hetong .ht_con .zt {
    position: absolute;
    right: 0;
    top: 22px;
    color: #fff;
    padding: 2px 16px;
    border-radius: 100px;
    font-size: 12px
}

    .height_hetong .ht_con .zt.a {
        background: #ff9c42
    }

    .height_hetong .ht_con .zt.b {
        background: #31bb72
    }

.height_hetong .op_box {
    padding-top: 12px
}

    .height_hetong .op_box .n {
        font-weight: bold;
        margin-left: 6px;
        font-size: 16px
    }

    .height_hetong .op_box .op span {
        margin: 0 6px;
        color: #979ca3
    }

.exhibitor_info {
    margin-top: 0 !important;
    padding: 20px 40px !important;
    overflow: hidden;
    position: relative
}

    .exhibitor_info .logo {
        width: 236px;
        float: left
    }

    .exhibitor_info .exhi_up_logo {
        width: 236px;
        height: 118px
    }

        .exhibitor_info .exhi_up_logo .img_center {
            width: 236px;
            height: 118px;
            padding: 12px 60px 12px 20px;
            border-right: 1px dotted rgba(0,0,0,0.12)
        }

        .exhibitor_info .exhi_up_logo .btn_addPic .text {
            padding-top: 30px
        }

        .exhibitor_info .exhi_up_logo .btn_addPic .icon {
            font-size: 30px
        }

        .exhibitor_info .exhi_up_logo .btn_addPic span.alm {
            margin-left: 46px
        }

    .exhibitor_info .info {
        margin-left: 236px;
        padding-left: 40px;
        margin-right: 158px
    }

        .exhibitor_info .info .t_list {
            display: table;
            width: 100%;
            min-height: 118px
        }

        .exhibitor_info .info .t_li {
            display: table-cell;
            vertical-align: middle
        }

            .exhibitor_info .info .t_li.b {
                width: 200px;
                padding-left: 40px
            }

        .exhibitor_info .info .s_ti {
            font-size: 16px;
            margin-right: 4px;
            opacity: .8
        }

        .exhibitor_info .info .s_span {
            font-weight: bold;
            font-size: 20px;
            margin-top: 4px;
            margin-bottom: 12px
        }

        .exhibitor_info .info .ss_span {
            font-size: 16px
        }

        .exhibitor_info .info .interval {
            margin: 0 6px;
            opacity: .6
        }

        .exhibitor_info .info .inter {
            margin: 0 14px;
            opacity: .6
        }

        .exhibitor_info .info .none {
            opacity: .3
        }

    .exhibitor_info .wei_code {
        position: absolute;
        right: 40px;
        top: 20px;
        width: 118px;
        height: 118px;
        text-align: center;
        border: 1px solid rgba(0,0,0,0.06);
        border-radius: 4px
    }

        .exhibitor_info .wei_code img {
            width: 80px;
            margin: 8px auto 4px auto
        }

        .exhibitor_info .wei_code .sh {
            position: absolute;
            background: #ff9c42;
            top: 32px;
            left: 10px;
            right: 10px;
            height: 28px;
            line-height: 28px;
            color: #fff;
            font-weight: bold;
            font-size: 12px;
            border-radius: 28px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16)
        }

        .exhibitor_info .wei_code .text {
            font-size: 12px;
            opacity: .6
        }

    .exhibitor_info .ex_op .bg {
        display: block;
        height: 28px;
        line-height: 28px;
        color: #fff;
        margin-right: 8px;
        padding: 0 16px;
        border-radius: 28px;
        margin-bottom: 6px
    }

    .exhibitor_info .ex_op .f_r .alm {
        margin-left: 4px;
        float: left;
        line-height: 28px
    }

    .exhibitor_info .ex_op .f_r span.alm {
        opacity: .6
    }

.phone .exhibitor_info {
    margin-top: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important
}

    .phone .exhibitor_info .logo {
        float: none;
        border: 0
    }

    .phone .exhibitor_info .exhi_up_logo .img_center {
        padding: 24px 30px
    }

    .phone .exhibitor_info .info {
        margin-left: 0;
        padding-left: 0;
        padding-top: 20px;
        border-top: 1px dotted rgba(0,0,0,0.12);
        padding-top: 0 !important
    }

        .phone .exhibitor_info .info .t_li {
            display: block
        }

            .phone .exhibitor_info .info .t_li.b {
                display: inline-block;
                padding-left: 0
            }

            .phone .exhibitor_info .info .t_li.c {
                display: inline-block
            }

    .phone .exhibitor_info .ex_op .f_l {
        float: none !important;
        overflow: hidden
    }

    .phone .exhibitor_info .ex_op .f_r {
        float: none !important;
        margin-top: 10px
    }

.apply_status {
    margin-top: 32px
}

    .apply_status .bar_infor {
        width: 1200px;
        background: linear-gradient(324deg,rgba(255,255,255,0.36) 0,rgba(255,255,255,0) 50%);
        border-radius: 10px;
        margin: 0 auto
    }

    .apply_status .bar_infor_box {
        padding: 24px 48px;
        color: #fff;
        position: relative
    }

    .apply_status .bar_infor_title {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        margin-right: 16px;
        max-width: 600px
    }

    .apply_status .bar_infor_box .pw {
        margin-top: 8px
    }

        .apply_status .bar_infor_box .pw span {
            opacity: .6;
            margin-right: 8px
        }

    .apply_status .stat_pro {
        margin-top: 24px;
        position: relative
    }

        .apply_status .stat_pro .line {
            width: 100%;
            height: 10px;
            background: #fff;
            border-radius: 5px;
            opacity: .2;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            z-index: 1
        }

        .apply_status .stat_pro .li {
            position: relative;
            z-index: 2;
            float: left;
            text-align: center
        }

            .apply_status .stat_pro .li .bg {
                display: inline-block;
                width: 26px;
                height: 26px;
                border: 3px solid rgba(255,255,255,0.6);
                border-radius: 26px;
                margin-top: -8px;
                text-align: center;
                line-height: 20px;
                box-sizing: border-box;
                margin-bottom: 8px;
                float: left;
                margin-left: 46%
            }

            .apply_status .stat_pro .li .icon {
                margin: 0
            }

            .apply_status .stat_pro .li .text {
                opacity: .6;
                clear: both;
                float: none
            }

            .apply_status .stat_pro .li.active {
                cursor: pointer
            }

                .apply_status .stat_pro .li.active:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    z-index: 1;
                    height: 10px;
                    background: #fff
                }

                .apply_status .stat_pro .li.active:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    right: -5px;
                    z-index: 1;
                    height: 10px;
                    width: 10px;
                    border-radius: 10px;
                    background: #fff
                }

            .apply_status .stat_pro .li:nth-child(2):before {
                border-radius: 5px 0 0 5px
            }

            .apply_status .stat_pro .li:last-child:before {
                border-radius: 0 5px 5px 0
            }

            .apply_status .stat_pro .li:last-child:after {
                display: none !important
            }

            .apply_status .stat_pro .li.active .bg {
                background: #fff !important;
                box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
                position: relative;
                z-index: 2
            }

            .apply_status .stat_pro .li.active .text {
                opacity: 1
            }

.phone .apply_status {
    display: none
}

.application_form {
    max-width: 1200px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    padding: 48px;
    padding-bottom: 8px;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width:960px) {
    .application_form {
        padding: 20px
    }
}

.application_form_title {
    font-size: 18px;
    margin-bottom: 32px;
    padding-left: 8px;
    border-left-style: solid;
    border-left-width: 4px;
    font-weight: bold
}

.application_guide .text_con {
    font-size: 16px;
    line-height: 1.8;
    border-bottom: 1px dotted #e2e9ed;
    padding-bottom: 48px;
    margin-bottom: 48px
}

.application_guide .application_form_title {
    margin-bottom: 16px
}

.apply_form {
    margin-bottom: 48px
}

    .apply_form .ticket_line {
        margin-bottom: 40px;
        margin-top: 40px;
        border-bottom: 1px dotted #e2e9ed;
        position: relative
    }

        .apply_form .ticket_line .l_ti {
            font-size: 16px;
            font-weight: bold;
            background: #fff;
            position: absolute;
            left: 0;
            top: -10px;
            line-height: 20px;
            padding-right: 8px
        }

        .apply_form .ticket_line .del {
            background: #fff;
            padding-left: 8px;
            position: absolute;
            top: -10px;
            right: 0;
            line-height: 20px
        }

    .apply_form .tixing {
        margin-top: -8px;
        margin-bottom: 32px
    }

.application_form .input, .application_form select, .application_form textarea {
    background-color: #fcfeff;
    border: 1px solid #e2e9ed !important;
    height: 42px;
    border-radius: 3px;
    padding-left: 16px;
    border-radius: 3px;
    color: inherit
}

.application_form textarea {
    height: 120px !important;
    padding: 10px 16px
}

.apply_form .form_li .input.error {
    border: 1px solid rgba(208,2,27,0.2) !important
}

.apply_form .form_li {
    margin-bottom: 32px;
    width: 734px
}

    .apply_form .form_li .tips {
        color: #6b717b;
        font-size: 13px
    }

    .apply_form .form_li .label {
        margin-bottom: 8px;
        font-weight: bold
    }

        .apply_form .form_li .label .tips {
            display: block;
            font-weight: normal
        }

    .apply_form .form_li .f_con {
        position: relative
    }

    .apply_form .form_li .input {
        height: 42px;
        line-height: 42px;
        padding: 0 16px;
        z-index: 1;
        position: relative
    }

    .apply_form .form_li .error_block {
        width: 346px;
        background: #d0021b;
        box-shadow: 0 10px 20px 0 rgba(239,115,123,0.3);
        border-radius: 6px;
        position: absolute;
        top: 0;
        left: 100%;
        color: #fff;
        font-weight: bold;
        padding: 8px;
        box-sizing: border-box;
        margin-left: 24px;
        margin-top: 2px
    }

        .apply_form .form_li .error_block:before {
            content: "";
            display: block;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #d0021b;
            border-top: 7px solid transparent;
            width: 0;
            height: 0;
            position: absolute;
            top: 12px;
            left: -6px
        }

    .apply_form .form_li .col-lg-2 .input {
        border-radius: 3px 0 0 3px
    }

    .apply_form .form_li .col-lg-10 .input {
        border-radius: 0 3px 3px 0
    }

    .apply_form .form_li .input_radio {
        width: 20px;
        height: 20px;
        margin-top: 0
    }

    .apply_form .form_li input[type="checkbox"]:checked + .input_radio:after, .apply_form .form_li input[type="radio"]:checked + .input_radio:after {
        width: 16px;
        height: 16px;
        font-size: 16px
    }

    .apply_form .form_li .item_li {
        background: #fcfeff;
        border: 1px solid #e2e9ed;
        border-bottom: 0;
        margin: 0;
        padding: 10px 16px;
        position: relative
    }

    .apply_form .form_li div:first-child .item_li {
        border-radius: 3px 3px 0 0
    }

    .apply_form .form_li div:last-child .item_li {
        border-bottom: 1px solid #e2e9ed;
        border-radius: 0 3px 3px 0
    }

    .apply_form .form_li .item_li.qt .input_radio {
        margin-top: 0
    }

    .apply_form .form_li .item_li .input {
        border: 0 !important;
        padding: 0;
        line-height: 22px;
        height: 22px
    }

    .apply_form .form_li .item_li .item_con {
        margin-left: 22px
    }

.apply_form .up_avator {
    padding: 16px;
    background: #fcfeff;
    border: 1px dashed #e2e9ed;
    border-radius: 3px
}

.apply_form .up_avator_img {
    width: 110px;
    height: 110px;
    float: left;
    border-radius: 3px;
    overflow: hidden
}

    .apply_form .up_avator_img img {
        min-height: 110px
    }

.apply_form .form_up_button {
    padding-left: 126px
}

.apply_form .up_avator_file {
    border-bottom: 1px dashed #e2e9ed;
    padding-bottom: 16px;
    margin-bottom: 12px
}

    .apply_form .up_avator_file .icon {
        font-size: 24px;
        margin-right: 8px;
        line-height: 1
    }

    .apply_form .up_avator_file .btn_addPic {
        text-align: left
    }

.apply_form .up_file {
    height: 102px !important;
    background: #fcfeff;
    border: 1px dashed #e2e9ed !important;
    border-radius: 3px
}

    .apply_form .up_file .text {
        font-size: 20px;
        margin-top: 32px
    }

    .apply_form .up_file .icon {
        font-size: 36px;
        line-height: 1;
        margin-right: 16px
    }

.apply_form .form_block {
    margin-bottom: 8px
}

.phone .application_form {
    margin: 0 8px;
    padding: 24px 24px;
    margin-top: 24px
}

.phone .apply_form .form_li {
    width: 100%
}

    .phone .apply_form .form_li .error_block {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin: 0;
        margin-top: 4px
    }

.apply_form .form_li .error_block:before {
    display: none
}

@media screen and (max-width:960px) {
    .apply_form {
        margin-bottom: 0
    }

        .apply_form .form_li {
            width: 100%;
            margin-bottom: 20px
        }
}

.phone .application_guide .text_con {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.history_box .ht_title {
    padding: 6px 0
}

.history_box .ht_list {
    padding: 20px;
    background: #f6f8fa;
    border-radius: 4px;
    margin-bottom: 10px
}

    .history_box .ht_list:last-of-type {
        margin-bottom: 0
    }

    .history_box .ht_list .ht_content {
        position: relative;
        border-left: 1px solid rgba(0,0,0,0.12);
        padding-left: 25px
    }

        .history_box .ht_list .ht_content::before {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(-50%,-50%);
            display: block;
            content: "";
            width: 6px;
            height: 6px;
            background: #fff;
            border: 2px solid rgba(0,0,0,0.12);
            border-radius: 50%
        }

        .history_box .ht_list .ht_content .ht_top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px
        }

            .history_box .ht_list .ht_content .ht_top .ht_time {
                font-weight: bold
            }

        .history_box .ht_list .ht_content .ht_bt .ht_text {
            color: #8d8d8d;
            margin: 0 4px
        }

.application_form .sp .input_radio {
    margin-top: 8px
}

.application_form .sp_name {
    font-weight: bold;
    width: 70%;
    line-height: 22px
}

.application_form .sp_price {
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 20px
}

.application_form .open {
    display: block
}

.sp_choose_li .list {
    margin-bottom: 48px
}

.sp_choose_li .table {
    display: table;
    width: 100%;
    box-sizing: border-box
}

    .sp_choose_li .table .td {
        display: table-cell;
        vertical-align: middle
    }

    .sp_choose_li .table.th {
        margin-bottom: 8px
    }

    .sp_choose_li .table.li {
        background: #f2f7fe;
        border-radius: 4px;
        border: 1px solid #e2e9ed;
        min-height: 64px;
        padding: 16px 0;
        margin-bottom: 4px;
        font-weight: bold;
        cursor: pointer;
        position: relative
    }

    .sp_choose_li .table .n {
        width: 50%
    }

    .sp_choose_li .table .s {
        width: 15%;
        text-align: center
    }

    .sp_choose_li .table .pr {
        width: 20%;
        text-align: center
    }

    .sp_choose_li .table .nun {
        width: 15%;
        text-align: center;
        padding-right: 24px
    }

    .sp_choose_li .table.li .n {
        padding-left: 24px
    }

    .sp_choose_li .table.li .first {
        padding-left: 24px
    }

    .sp_choose_li .table .op {
        text-align: center
    }

        .sp_choose_li .table .op a {
            display: inline-block;
            margin: 0 16px
        }

.sp_choose_li .y_p {
    font-weight: normal;
    text-decoration: line-through;
    font-size: 12px
}

.sp_choose_li select {
    padding: 0;
    padding-right: 16px;
    height: auto;
    line-height: inherit;
    border: 0 !important;
    background-color: transparent !important;
    background-size: 12px auto
}

.sp_choose_li .qy_z {
    border: 1px solid #e2e9ed;
    border-radius: 4px;
    margin-bottom: 48px
}

    .sp_choose_li .qy_z .item_li {
        padding: 16px 24px;
        border-bottom: 1px dotted #e2e9ed;
        position: relative
    }

        .sp_choose_li .qy_z .item_li:last-child {
            border: 0
        }

    .sp_choose_li .qy_z .open .icon {
        font-size: 12px
    }

    .sp_choose_li .qy_z ul {
        padding: 0;
        margin: 8px 0
    }

    .sp_choose_li .qy_z li {
        list-style: none
    }

.phone .sp_choose_li .table.th {
    display: none
}

.phone .sp_choose_li .table .td {
    display: block;
    float: left;
    width: 100%;
    padding-right: 100px;
    text-align: left
}

.phone .sp_choose_li .table.li .n {
    padding-left: 8px
}

.phone .sp_choose_li .table .nun {
    width: 100px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 16px
}

.phone .sp_choose_li .table .s {
    padding-left: 34px;
    margin-top: 12px
}

.phone .sp_choose_li .table .pr {
    padding-left: 34px
}

.order_con .order_table {
    width: 100%;
    margin-bottom: 40px;
    border-top: 1px solid #e2e9ed
}

    .order_con .order_table .th {
        padding: 16px 0;
        border-bottom: 1px dotted #e2e9ed
    }

    .order_con .order_table .li td {
        padding-top: 20px
    }

    .order_con .order_table .li:last-child {
        padding-bottom: 20px
    }

    .order_con .order_table .total {
        padding-top: 20px
    }

.order_con .total_table {
    border-top: 1px dotted #e2e9ed;
    padding-top: 32px
}

    .order_con .total_table table {
        text-align: right;
        float: right
    }

    .order_con .total_table .t {
        padding-right: 16px
    }

    .order_con .total_table .t_p {
        font-size: 24px;
        font-weight: bold
    }

.confirm_exa {
    margin: 32px 0;
    text-align: center
}

    .confirm_exa .confirm {
        width: 190px;
        display: inline-block;
        border-radius: 54px;
        color: #fff;
        line-height: 54px;
        font-weight: bold;
        font-size: 16px
    }

@media screen and (max-width:1024px) {
    .confirm_exa .confirm {
        line-height: 42px;
        width: 132px
    }
}

.user_info_box {
    margin: 0 !important
}

    .user_info_box .bar_infor {
        width: 100% !important;
        border-radius: 0 !important
    }

    .user_info_box .user_info {
        text-align: center
    }

        .user_info_box .user_info .avator {
            width: 126px;
            height: 126px;
            border: 4px solid rgba(255,255,255,0.6);
            margin-top: -72px
        }

        .user_info_box .user_info .name {
            font-size: 24px;
            font-weight: bold;
            margin-top: 16px;
            margin-bottom: 8px
        }

.my_ticket .li {
    background: #f5f9fb;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 144px;
    margin-top: 16px
}

.my_ticket .qr {
    padding: 12px 24px;
    width: 120px;
    float: left
}

    .my_ticket .qr img {
        width: 120px;
        height: 120px
    }

.my_ticket .info {
    float: left;
    width: 400px
}

    .my_ticket .info .t_n {
        font-size: 16px;
        margin: 24px 0 8px 0
    }

    .my_ticket .info .at {
        margin-bottom: 24px
    }

    .my_ticket .info .at, .my_ticket .info .or {
        opacity: .8
    }

.my_ticket .op {
    float: right;
    width: 206px;
    text-align: center;
    padding-top: 16px;
    height: 128px;
    border-left: 2px dashed rgba(0,0,0,0.12)
}

    .my_ticket .op .color {
        display: inline-block;
        width: 120px;
        height: 30px;
        line-height: 30px;
        margin-top: 16px;
        border-style: solid;
        border-width: 1px;
        border-radius: 20px;
        background: #fff
    }

.ticket_keeping {
    padding: 24px 0 8px 0
}

    .ticket_keeping .top {
        background: #ecf1f4;
        height: 36px;
        line-height: 36px;
        padding: 0 8px
    }

    .ticket_keeping .step {
        background: #f5f9fb;
        padding: 24px 0 0 64px;
        text-align: center
    }

        .ticket_keeping .step .s_li {
            float: left;
            margin-right: 40px;
            width: 200px
        }

        .ticket_keeping .step .s_n {
            margin-bottom: 16px
        }

            .ticket_keeping .step .s_n .bg {
                display: inline-block;
                width: 24px;
                line-height: 24px;
                height: 24px;
                color: #fff;
                font-weight: bold;
                font-size: 14px;
                font-style: italic;
                vertical-align: middle;
                border-radius: 50%;
                margin-right: 8px
            }

.phone .user_info_box .user_info .avator {
    margin-top: 16px
}

.application_form .apply_result {
    padding: 64px 56px 96px 56px;
    min-height: 45vh
}

.application_form .putin_detail {
    width: 706px
}

.apply_result .lec_tip1 {
    margin-top: 16px
}

.apply_result .putin_wechat {
    position: relative;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e2e9ed
}

    .apply_result .putin_wechat .lec_code {
        width: 108px;
        height: 108px;
        border-radius: 6px;
        border: 1px solid #e2e9ed;
        margin-right: 20px;
        float: left
    }

.apply_result .lec_code img {
    width: 100px;
    height: 100px;
    margin: 4px
}

.apply_result .lec_tip2 {
    margin-left: 108px;
    padding-left: 16px
}

.apply_result .lec_ill {
    margin-top: 16px;
    line-height: 22px;
    color: #6b717b
}

.phone .application_form .apply_result {
    padding: 40px 0;
    text-align: center
}

.phone .application_form .putin_logo {
    float: none !important
}

    .phone .application_form .putin_logo img {
        height: 96px
    }

.phone .application_form .putin_detail {
    width: 100%;
    float: none !important
}

.phone .apply_result .putin_wechat {
    text-align: left
}

.application_form .zs {
    padding: 68px 48px 108px 48px;
    color: #6b717b
}

    .application_form .zs .tips {
        max-width: 760px;
        margin: 0 auto
    }

.lxr_box .li {
    margin-bottom: 20px
}

    .lxr_box .li .post {
        margin-bottom: 10px;
        font-weight: bold
    }

    .lxr_box .li .contact_li {
        background: #f2f7fe;
        border-radius: 4px;
        border: 1px solid #e2e9ed !important;
        padding: 12px 16px;
        margin-bottom: 6px;
        overflow: hidden
    }

        .lxr_box .li .contact_li .icon_img {
            width: 36px;
            height: 36px;
            border-radius: 100%;
            float: left;
            padding: 9px
        }

            .lxr_box .li .contact_li .icon_img img {
                width: 18px;
                height: 18px
            }

        .lxr_box .li .contact_li .info {
            margin-left: 36px;
            padding-left: 16px
        }

            .lxr_box .li .contact_li .info .name {
                font-weight: bold
            }

            .lxr_box .li .contact_li .info .lx {
                font-size: 13px
            }

            .lxr_box .li .contact_li .info .mail {
                margin-left: 16px;
                color: #535774 !important
            }

.control_center {
    max-width: 1200px;
    margin: 0 auto
}

.control_center_con {
    margin: 0 -8px
}

.control_center .box {
    margin: 0 8px;
    margin-top: 16px;
    padding: 16px 24px;
    background: #fff;
    border-radius: 10px
}

    .control_center .box .back {
        background: #e8eff5;
        padding: 8px;
        border-radius: 3px;
        margin-bottom: 16px
    }

.control_center .li_table {
    display: table;
    width: 100%
}

    .control_center .li_table > .li {
        display: table-cell;
        float: none
    }

.control_center .ti {
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding-bottom: 12px
}

    .control_center .ti .op {
        font-weight: normal
    }

        .control_center .ti .op a {
            display: inline-block;
            vertical-align: middle
        }

    .control_center .ti.line {
        border-bottom: 1px solid #e2e9ed;
        padding-bottom: 15px
    }

    .control_center .ti .nav_li {
        border-bottom: 1px solid #e2e9ed;
        height: 44px
    }

        .control_center .ti .nav_li > .li {
            height: 44px;
            line-height: 44px;
            color: #6b717b
        }

            .control_center .ti .nav_li > .li.active {
                border: 1px solid #e2e9ed;
                border-bottom: 1px solid #fff;
                background: #fff;
                padding: 0 24px;
                border-radius: 3px 3px 0 0;
                color: #535774
            }

.control_center .but .bg {
    display: inline-block;
    color: #fff;
    height: 42px;
    width: 180px;
    padding: 0 8px 0 24px;
    box-sizing: border-box;
    border-radius: 42px;
    line-height: 42px;
    position: relative
}

.control_center .but img {
    width: 28px;
    height: 28px;
    margin-top: 8px
}

.control_center .box .li .but {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    color: #fff;
    font-weight: bold;
    padding: 0 24px
}

    .control_center .box .li .but.cancal {
        box-shadow: 0 2px 16px 0 rgba(179,189,195,0.4);
        background: #b3bdc3;
        cursor: not-allowed
    }

.control_center .down_app {
    overflow: hidden;
    color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-image: url(../img/control_center_downapp_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top
}

    .control_center .down_app .text {
        margin: 32px 8px 0 24px
    }

    .control_center .down_app .a {
        font-size: 30px;
        margin-bottom: 8px
    }

    .control_center .down_app .code {
        width: 84px;
        height: 84px;
        border-radius: 4px;
        overflow: hidden;
        margin: 32px 24px 0 0
    }

.zf_jl .sy_p {
    font-weight: bold
}

    .zf_jl .sy_p span {
        vertical-align: top;
        display: inline-block
    }

    .zf_jl .sy_p .a {
        margin-top: 10px;
        margin-right: 10px
    }

    .zf_jl .sy_p .b {
        font-size: 48px
    }

    .zf_jl .sy_p .c {
        font-size: 24px;
        color: #6b717b
    }

.zf_jl .help_box td {
    padding: 2px
}

.zf_jl .op_but {
    margin-top: 16px;
    overflow: hidden
}

    .zf_jl .op_but .but {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        color: #fff;
        margin-right: 8px;
        float: left;
        color: #fff;
        padding: 0 16px;
        border-radius: 28px;
        width: auto
    }

.zf_jl .hk_jh {
    margin-top: 40px;
    overflow: hidden
}

    .zf_jl .hk_jh .ti {
        margin-bottom: 12px;
        border-color: rgba(0,0,0,0.06)
    }

    .zf_jl .hk_jh .li {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(0,0,0,0.06)
    }

        .zf_jl .hk_jh .li .zt.a {
            color: #ff8548
        }

        .zf_jl .hk_jh .li .zt.b {
            color: #31bb72
        }

.height_b .but .ck {
    display: block;
    height: 34px;
    line-height: 34px;
    color: #fff;
    margin: auto;
    color: #fff;
    padding: 0 16px;
    border-radius: 28px;
    width: auto;
    text-align: center;
    width: 130px
}

.phone .control_center_con {
    margin: 0 8px
}

.phone .control_center .box {
    margin-left: 0;
    margin-right: 0;
    height: auto;
    padding-left: 16px;
    padding-right: 16px
}

.phone .control_center_con .col-lg-8 {
    width: 100%
}

.phone .control_center_con .col-lg-4 {
    width: 100%
}

.registe_box .op {
    margin-top: 16px
}

    .registe_box .op a {
        margin-right: 12px;
        float: left
    }

.fkli_table {
    width: 100%
}

    .fkli_table .th td {
        background: 0;
        padding: 0;
        padding-bottom: 16px;
        color: #6b717b;
        background: #f1f5f7;
        padding: 10px 8px
    }

    .fkli_table .li td {
        padding: 20px 8px;
        border-bottom: 1px dotted #e2e9ed
    }

    .fkli_table .c_p_zt {
        cursor: pointer;
        background: #fff
    }

        .fkli_table .c_p_zt .icon {
            margin: 0;
            margin-left: 4px
        }

    .fkli_table .hover_block {
        padding-top: 16px
    }

        .fkli_table .hover_block .arrow {
            top: 8px
        }

    .fkli_table .hover_box {
        width: 208px;
        box-shadow: 0 8px 24px 0 rgba(0,0,0,0.2);
        border-radius: 8px;
        background: #fff;
        padding: 8px 0;
        box-sizing: border-box
    }

        .fkli_table .hover_box .zt_li {
            text-align: left;
            padding: 8px 16px
        }

            .fkli_table .hover_box .zt_li:hover {
                background: #f2f7fe
            }

            .fkli_table .hover_box .zt_li .icon {
                color: #535774
            }

    .fkli_table .lsdh {
        text-align: left;
        padding: 16px
    }

        .fkli_table .lsdh .input {
            width: 100%;
            box-sizing: border-box;
            height: 42px;
            line-height: 42px;
            border: 1px solid #e2e9ed;
            margin: 4px 0 8px 0
        }

.course_list .th {
    display: none
}

.course_list .li {
    display: block;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e2e9ed;
    position: relative
}

    .course_list .li td {
        display: inline-block;
        padding: 0;
        border: 0;
        font-size: 12px;
        margin-right: 12px;
        color: #979ca3
    }

        .course_list .li td:first-child {
            display: block;
            margin-bottom: 8px;
            font-size: 16px;
            margin-right: 0;
            color: inherit
        }

        .course_list .li td a {
            position: absolute;
            font-size: 0;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0
        }

    .course_list .li:after {
        content: "\e6bb";
        font-family: "iconfont_old";
        opacity: .3;
        font-size: 12px;
        position: absolute;
        right: 0;
        line-height: 20px;
        top: 50%;
        margin-top: -20px
    }

.czsp_li .li {
    border: 1px solid rgba(0,0,0,0.06);
    background: #f2f7fe;
    padding: 16px;
    margin-bottom: 8px;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

    .czsp_li .li .img {
        float: left;
        width: 112px;
        height: 84px;
        background: #fff
    }

        .czsp_li .li .img .img_center {
            width: 112px;
            height: 84px
        }

    .czsp_li .li .info {
        padding-left: 16px;
        margin-left: 112px
    }

        .czsp_li .li .info .name {
            font-weight: bold;
            border-bottom: 1px dotted #e2e9ed;
            margin-bottom: 8px;
            padding-bottom: 8px
        }

        .czsp_li .li .info .intro {
            line-height: 22px;
            display: -webkit-box;
            overflow: hidden;
            height: 44px;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #6b717b
        }

    .czsp_li .li .op {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0.8);
        line-height: 118px;
        text-align: center
    }

    .czsp_li .li:hover .op {
        display: block
    }

    .czsp_li .li .op a {
        color: #fff;
        margin: 0 16px
    }

    .czsp_li .li .checkbox {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 8px;
        top: 8px;
        background: #fff;
        border: 2px solid #cdd4d8;
        text-align: center;
        line-height: 20px;
        box-sizing: border-box;
        border-radius: 3px;
        z-index: 10
    }

        .czsp_li .li .checkbox .icon {
            color: #cdd4d8;
            margin: 0;
            cursor: pointer
        }

    .czsp_li .li.active .checkbox .icon {
        color: #57ad68
    }

.my_file .my_file_list {
    margin-bottom: 4px;
    border: 1px solid rgba(0,0,0,0.06);
    background: #f2f7fe;
    padding: 12px 16px;
    position: relative;
    border-radius: 4px
}

.my_file_list .icon_img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    float: left;
    padding: 8px;
    margin-top: 2px
}

.my_file_list .file_info {
    margin-left: 48px;
    padding-left: 10px;
    position: relative
}

    .my_file_list .file_info .name {
        margin-bottom: 4px;
        padding-right: 60px;
        font-weight: 600;
        margin-top: 3px
    }

    .my_file_list .file_info .time {
        font-size: 12px;
        opacity: .6
    }

    .my_file_list .file_info .button {
        display: block;
        border-radius: 20px;
        font-size: 12px;
        height: 25px;
        width: 78px;
        padding: 0;
        line-height: 25px
    }

        .my_file_list .file_info .button.cx {
            margin-top: 4px
        }

        .my_file_list .file_info .button.sc {
            margin-top: 10px
        }

.schedule_search_sx .input {
    height: 36px
}

.search_filter {
    margin-bottom: 12px
}

    .search_filter .sear_box {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px
    }

        .search_filter .sear_box .form_li {
            width: 300px;
            margin-bottom: 0
        }

        .search_filter .sear_box .input {
            padding-right: 40px;
            height: 40px;
            border-radius: 2px
        }

        .search_filter .sear_box .search {
            position: absolute;
            right: 8px;
            top: 0;
            line-height: 40px
        }

    .search_filter .it {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16px
    }

        .search_filter .it .ac {
            max-width: 100px;
            display: inline-block;
            float: left
        }

        .search_filter .it .xl {
            float: right;
            margin-left: 4px;
            margin-right: 0
        }

        .search_filter .it .icon {
            font-size: 12px
        }

    .search_filter .arrow {
        left: 16px
    }

    .search_filter .hover_block {
        padding-top: 16px
    }

        .search_filter .hover_block .arrow {
            top: 8px
        }

    .search_filter .hover_box {
        width: 208px;
        box-shadow: 0 8px 24px 0 rgba(0,0,0,0.2);
        border-radius: 8px;
        background: #fff;
        padding: 8px 0;
        box-sizing: border-box;
        max-height: 300px
    }

        .search_filter .hover_box .zt_li {
            text-align: left;
            padding: 8px 16px
        }

            .search_filter .hover_box .zt_li:hover {
                background: #f2f7fe
            }

    .search_filter .op .r_ti {
        display: inline-block;
        float: left;
        margin-left: 4px
    }

    .search_filter .op .button {
        height: 22px;
        line-height: 22px;
        border-radius: 2px
    }

        .search_filter .op .button .xl {
            margin: 0;
            margin-left: 4px;
            font-size: 12px
        }

    .search_filter .op .arrow {
        left: auto;
        right: 16px
    }

.layer.open {
    top: 0;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2)
}

.layeropen_box .title .close {
    font-size: 18px
}

.form_box_alter {
    padding-top: 10px
}

    .form_box_alter .al_re {
        font-weight: bold;
        margin: 0;
        margin-top: 8px
    }

    .form_box_alter .alter_detail {
        background-color: #f7f9fb;
        padding: 16px 24px;
        margin-top: 8px;
        position: relative
    }

    .form_box_alter .detail_pic {
        float: left;
        width: 2px;
        height: 40px;
        background-color: #e7e9eb
    }

    .form_box_alter .detail_circle {
        width: 6px;
        height: 6px;
        border: 2px solid #d8dadc;
        border-radius: 50%;
        margin: 15px -4px;
        background-color: #f6f8fa
    }

    .form_box_alter .detail_middle {
        margin-left: 28px
    }

    .form_box_alter .mid_date {
        font-weight: bold;
        margin-bottom: 4px
    }

    .form_box_alter .mid_con span {
        display: inline-block;
        margin-right: 4px
    }

    .form_box_alter .t1 {
        color: #00a0e8;
        font-weight: bold
    }

    .form_box_alter .detail_right {
        position: absolute;
        right: 24px;
        top: 16px
    }

    .form_box_alter .compare {
        margin-top: 16px;
        margin-left: 28px
    }

    .form_box_alter .com_mod {
        margin-top: 16px
    }

    .form_box_alter .compare .ti {
        margin-bottom: 4px
    }

.ry_list_table {
    width: 100%;
    border-top: 1px solid #e2e9ed !important
}

    .ry_list_table .th td {
        background: 0;
        padding: 12px 0;
        border-bottom: 1px solid #e2e9ed
    }

    .ry_list_table .li td {
        padding-top: 16px
    }

        .ry_list_table .li td span.n {
            cursor: pointer
        }

    .ry_list_table .li .avator {
        width: 36px;
        height: 36px;
        line-height: 32px;
        border-radius: 36px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
        box-sizing: border-box;
        border: 2px solid #fff;
        font-size: 12px;
        text-align: center;
        color: #fff;
        margin-right: 8px
    }

    .ry_list_table .li .bq {
        display: inline-block;
        margin-right: 8px
    }

        .ry_list_table .li .bq:before {
            content: "#"
        }

.height_qy_li {
    position: relative
}

    .height_qy_li .box {
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto
    }

.top_qy {
    margin-bottom: 24px
}

    .top_qy .qy_l {
        float: left;
        margin-right: 40px
    }

        .top_qy .qy_l .top_ti {
            opacity: .6;
            margin-bottom: 4px
        }

        .top_qy .qy_l .qy_con {
            font-size: 18px;
            font-weight: bold
        }

            .top_qy .qy_l .qy_con sup {
                font-size: 12px
            }

    .top_qy .help_box {
        float: right
    }

        .top_qy .help_box .help_text {
            left: auto;
            right: 0
        }

.qy_li .li {
    background: #f2f7fe;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.06);
    padding: 16px;
    margin-bottom: 4px;
    position: relative;
    overflow: hidden
}

    .qy_li .li .th {
        background: #e8eff5;
        padding: 12px 16px;
        border-radius: 3px;
        font-weight: bold;
        font-size: 16px
    }

.qy_li .li_box {
    padding-top: 16px
}

.qy_li .nun {
    margin-left: 10px
}

.qy_li .ticket_right {
    display: inline-block;
    width: 50%
}

.qy_l .help_text {
    left: auto;
    right: 0
}

.sub_name {
    margin-top: 16px;
    border-top: 1px solid rgba(0,0,0,0.06) !important;
    padding-top: 16px
}

    .sub_name .ticket_right_set .bg {
        width: 4px;
        height: 4px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 8px
    }

    .sub_name .ticket_right_set .ticket {
        display: inline-block;
        vertical-align: middle
    }

    .sub_name .ticket_right_set .op a {
        color: #535774 !important
    }

    .sub_name .ticket_right_set .op i {
        font-size: 12px
    }

    .sub_name .ticket_right_set .op.shq i {
        display: inline-block;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }

.ticket_url_box {
    border-radius: 4px;
    border: 1px solid #e2e9ed !important;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px
}

.ticket_url_ti {
    box-sizing: border-box;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: normal !important
}

    .ticket_url_ti.th {
        border-bottom: 1px solid #e2e9ed
    }

        .ticket_url_ti.th:last-child {
            border: 0
        }

        .ticket_url_ti.th.tab {
            padding: 8px 16px;
            color: #6b717b
        }

    .ticket_url_ti .url a {
        color: inherit !important
    }

    .ticket_url_ti .mz {
        width: 15%;
        text-align: center
    }

    .ticket_url_ti .op {
        width: 20%;
        text-align: center;
        cursor: pointer
    }

        .ticket_url_ti .op.ysy {
            color: #7b7c8b !important
        }

        .ticket_url_ti .op.ytp {
            color: #7b7c8b !important
        }

        .ticket_url_ti .op.syz {
            color: #39a30e !important
        }

.hover:hover .ticket_tip {
    display: block !important
}

.ticket_tip {
    display: none;
    position: absolute;
    left: 20px !important;
    border-style: solid;
    border-width: 1px;
    padding: 8px 16px;
    width: 300px;
    font-size: 13px;
    border-radius: 2px;
    z-index: 10;
    line-height: 24px;
    background: #fff;
    color: #545454
}

.fkli_table .ticket_tip.hover_block .arrow {
    border-bottom-color: inherit;
    left: 16px;
    top: -8px
}

.fkli_table .ticket_tip.hover_block .tip_p {
    text-align: left
}

.guest_info_top {
    font-size: 14px
}

.guest_info_avatar {
    float: left;
    width: 116px
}

    .guest_info_avatar .avator {
        width: 116px;
        height: 116px;
        box-shadow: 0 4px 16px 0 rgba(0,0,0,0.2)
    }

.guest_info_right {
    margin-left: 116px;
    padding-left: 24px;
    margin-top: 16px;
    position: relative;
    padding-bottom: 32px
}

    .guest_info_right .name {
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 4px;
        padding-right: 300px
    }

    .guest_info_right .post {
        padding-right: 300px
    }

    .guest_info_right .but {
        margin-top: 24px;
        border-top: 1px dotted #e2e9ed;
        padding-top: 24px
    }

        .guest_info_right .but.zt {
            font-weight: bold
        }

    .guest_info_right .share_nun {
        position: absolute;
        right: 0;
        top: 0
    }

        .guest_info_right .share_nun .li {
            display: inline-block;
            float: left;
            margin-left: 32px;
            text-align: center;
            padding: 0
        }

        .guest_info_right .share_nun .nun {
            margin-top: 8px
        }

.guest_speech.qy_li .li {
    padding: 24px
}

.guest_speech .zt_span {
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 0 36px 36px 0;
    height: 36px;
    line-height: 36px;
    padding: 0 24px;
    font-size: 12px;
    font-weight: bold;
    color: #fff
}

    .guest_speech .zt_span.none {
        box-shadow: 0 2px 16px 0 rgba(179,189,195,0.4);
        background: #b3bdc3
    }

    .guest_speech .zt_span.dps {
        background: #ff9000;
        box-shadow: 0 2px 16px 0 rgba(255,144,0,0.32)
    }

.guest_speech .left {
    width: 70%
}

.guest_speech .theme {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 34px
}

    .guest_speech .theme .icon {
        color: inherit;
        margin-left: 8px
    }

.guest_speech .share_nun {
    float: right;
    margin-top: 8px;
    padding-bottom: 0
}

    .guest_speech .share_nun .li {
        border: 0;
        padding: 0;
        float: left;
        margin: 0;
        margin-left: 32px;
        text-align: center
    }

        .guest_speech .share_nun .li .nun {
            margin: 0;
            font-style: normal;
            margin-top: 8px
        }

.guest_speech .xg {
    margin-top: 40px
}

.sch_li_add {
    padding: 24px
}

    .sch_li_add .dxg {
        display: inline-block;
        height: 36px;
        line-height: 32px;
        box-sizing: border-box;
        border: 2px solid rgba(0,0,0,0.12);
        border-radius: 4px;
        padding: 0 8px;
        cursor: pointer;
        color: #979ca3;
        margin-top: -8px
    }

        .sch_li_add .dxg.active {
            background: rgba(0,160,232,0.1);
            color: #00a0e8;
            border: 2px solid rgba(0,160,232,0.3)
        }

.gu_add_li .g_n_l {
    margin-right: 8px;
    position: relative;
    display: inline-block;
    float: left;
    cursor: pointer
}

    .gu_add_li .g_n_l .avator {
        width: 48px;
        height: 48px;
        position: relative;
        line-height: 48px;
        text-align: center
    }

    .gu_add_li .g_n_l:hover .avator {
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2)
    }

    .gu_add_li .g_n_l .op {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.6);
        color: #fff
    }

        .gu_add_li .g_n_l .op a {
            color: #fff
        }

    .gu_add_li .g_n_l:hover .op {
        display: block
    }

    .gu_add_li .g_n_l .gu_info {
        display: none;
        background: rgba(0,0,0,0.8);
        color: #fff;
        position: absolute;
        width: 72px;
        left: 50%;
        margin-left: -40px;
        top: 58px;
        padding: 4px 4px;
        border-radius: 3px;
        text-align: center
    }

    .gu_add_li .g_n_l .arrow.top {
        top: -6px;
        margin-left: -6px;
        border-width: 6px
    }

        .gu_add_li .g_n_l .arrow.top:after {
            border-bottom-color: rgba(0,0,0,0.8);
            border-bottom-color: rgba(0,0,0,0.8);
            border-width: 5px;
            margin-left: -5px;
            top: -10px
        }

    .gu_add_li .g_n_l .name {
        max-width: 72px
    }

    .gu_add_li .g_n_l:hover .gu_info {
        display: block
    }

    .gu_add_li .g_n_l .add .avator {
        background: #e4f1ff;
        box-shadow: none
    }

.gu_add_li .search_box {
    margin: 0
}

    .gu_add_li .search_box .arrow.left {
        top: 0;
        margin-top: 32px
    }

    .gu_add_li .search_box .search .input {
        padding-left: 24px;
        box-sizing: border-box;
        height: 48px
    }

    .gu_add_li .search_box .result .li {
        padding: 12px 0;
        margin: 0 16px
    }

    .gu_add_li .search_box .result .avator {
        float: left;
        width: 40px;
        height: 40px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2);
        margin: 4px 8px
    }

    .gu_add_li .search_box .result .intro {
        color: #6b717b;
        font-size: 12px;
        margin-right: 60px
    }

    .gu_add_li .search_box .module_guset_add {
        margin: 16px
    }

        .gu_add_li .search_box .module_guset_add .form_li {
            margin-bottom: 8px
        }

.add_keyword_set .li {
    display: inline-block;
    float: left;
    background: #ecf1f4;
    padding: 0 16px;
    border-radius: 3px;
    margin-right: 4px;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center;
    min-width: 36px
}

    .add_keyword_set .li .op {
        display: none;
        background: rgba(0,0,0,0.6);
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 3px
    }

    .add_keyword_set .li:hover .op {
        display: block
    }

    .add_keyword_set .li.add {
        background: #e4f1ff;
        padding: 0
    }

        .add_keyword_set .li.add > a {
            display: block
        }

.add_keyword_set .tips_list {
    margin: 16px;
    margin-bottom: 12px
}

.add_keyword_set .tips_span {
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-bottom: 4px;
    font-size: 12px
}

    .add_keyword_set .tips_span:first-child {
        margin-left: 0
    }

    .add_keyword_set .tips_span .tip {
        display: inline-block;
        float: left;
        height: 22px;
        line-height: 22px;
        background: rgba(0,160,232,0.1);
        border: 1px solid rgba(0,160,232,0.3);
        border-right: 0;
        padding-left: 8px
    }

    .add_keyword_set .tips_span.a .tip {
        background: #ecf1f4;
        border: 1px solid rgba(0,0,0,0.12);
        border-right: 0
    }

    .add_keyword_set .tips_span .t {
        vertical-align: middle;
        display: inline-block
    }

    .add_keyword_set .tips_span .del {
        font-size: 12px;
        margin-left: 4px;
        vertical-align: middle;
        line-height: 1
    }

    .add_keyword_set .tips_span .bg {
        float: left;
        background: none !important
    }

    .add_keyword_set .tips_span .close {
        transform: rotate(45deg);
        display: inline-block
    }

.add_keyword_set .search_box {
    margin: 0;
    top: 0;
    left: 48px
}

    .add_keyword_set .search_box .arrow.left {
        top: 0;
        margin-top: 16px
    }

.hotal_li.qy_li .li {
    padding: 24px
}

.hotal_li.qy_li .img {
    float: left;
    width: 98px;
    height: 64px;
    overflow: hidden;
    border-radius: 3px
}

    .hotal_li.qy_li .img img {
        min-height: 100%
    }

.hotal_li.qy_li .info {
    margin-left: 98px;
    padding-left: 16px
}

.hotal_li.qy_li .name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px
}

.hotal_li.qy_li .star img {
    height: 16px
}

.hotal_li.qy_li .choose {
    margin-top: 16px
}

.hotal_li.qy_li .r_li {
    padding-left: 16px;
    padding-right: 16px
}

.hotal_li.qy_li .r_box {
    display: table;
    width: 100%;
    box-sizing: border-box
}

    .hotal_li.qy_li .r_box > div {
        display: table-cell;
        padding-top: 16px
    }

.hotal_li.qy_li .th .r_box > div {
    padding: 0
}

.hotal_li.qy_li .r_box .zao {
    width: 15%
}

.hotal_li.qy_li .r_box .last {
    width: 15%
}

.hotal_li.qy_li .r_box .price {
    width: 15%
}

.hotal_li.qy_li .r_box .add {
    width: 15%
}

.hotal_li.qy_li .r_box .intro {
    color: #6b717b
}

.hotal_li.qy_li .name_info .star {
    margin-left: 8px;
    display: inline-block
}

.hotal_li.qy_li .choose_list {
    margin-top: 16px
}

.travel_li.qy_li .li {
    padding: 24px
}

    .travel_li.qy_li .li .li_box {
        padding-top: 24px
    }

.travel_li.qy_li .img {
    float: left;
    width: 200px;
    overflow: hidden;
    height: 132px;
    border-radius: 3px
}

    .travel_li.qy_li .img img {
        min-height: 100%
    }

.travel_li.qy_li .info {
    margin-left: 200px;
    padding-left: 16px
}

.travel_li.qy_li .name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px
}

.travel_li.qy_li .intro {
    display: block;
    margin-top: 8px;
    padding-left: 24px;
    background: url(../img/icon_yinhao.png) no-repeat left top;
    min-height: 40px;
    line-height: 20px;
    color: #6b717b
}

.travel_li.qy_li .price {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin-top: 8px
}

.travel_li.qy_li .yd {
    padding-top: 8px;
    display: inline-block;
    float: right
}

    .travel_li.qy_li .yd .but {
        float: right
    }

.travel_li.qy_li .my_travel .img {
    width: 72px;
    height: 48px
}

.travel_li.qy_li .my_travel .info {
    margin-left: 72px;
    margin-top: 2px
}

.travel_li.qy_li .choose_list {
    margin-top: 16px
}

    .travel_li.qy_li .choose_list .p {
        margin-right: 16px
    }

.travel_add_form {
    background: #f2f7fe;
    border-radius: 4px;
    border: 1px solid #e2e9ed !important;
    padding: 16px;
    margin-bottom: 8px;
    position: relative
}

.summary_info .s_info {
    position: relative;
    margin-bottom: 16px
}

.summary_info .summary_ti {
    font-size: 20px;
    margin-bottom: 4px
}

.summary_info .s_info .p_n {
    color: #898989;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0
}

.summary_info .s_con {
    border: 1px solid rgba(0,0,0,0.12)
}

    .summary_info .s_con .a_info {
        background: #ecf1f4;
        padding: 16px 16px 8px 16px;
        position: relative
    }

        .summary_info .s_con .a_info img {
            position: absolute;
            top: -8px;
            left: 32px
        }

        .summary_info .s_con .a_info > span {
            display: inline-block;
            margin-right: 16px;
            padding-right: 16px;
            border-right: 1px solid rgba(0,0,0,0.12);
            margin-bottom: 8px
        }

        .summary_info .s_con .a_info span:last-child {
            border: 0
        }

.summary_df_jg .li {
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding: 24px 0
}

    .summary_df_jg .li:last-child {
        border-bottom: 0
    }

.summary_df_jg .pw_info {
    width: 160px;
    float: left
}

    .summary_df_jg .pw_info .avator {
        width: 48px;
        height: 48px;
        margin-right: 8px;
        float: left;
        border-radius: 0
    }

    .summary_df_jg .pw_info .bg_color {
        line-height: 48px;
        font-size: 18px
    }

    .summary_df_jg .pw_info .pf {
        float: left;
        width: 100px
    }

    .summary_df_jg .pw_info .fs span {
        display: inline-block;
        width: 48px;
        text-align: center;
        color: #fff;
        height: 24px;
        line-height: 24px;
        background: #ecf1f4;
        margin-top: 6px
    }

.summary_df_jg .pw_r {
    margin-left: 160px;
    border-left: 1px dotted rgba(0,0,0,0.12);
    padding-left: 24px
}

    .summary_df_jg .pw_r > div {
        margin-bottom: 4px
    }

    .summary_df_jg .pw_r .text {
        color: #545454
    }

.summary_df_jg .zj {
    background: #ecf1f4;
    padding: 8px 16px;
    color: #898989;
    border-radius: 2px
}

.summary_df_con {
    padding: 24px 0
}

    .summary_df_con .dj span {
        display: inline-block;
        width: 60px;
        text-align: center;
        border: 2px solid rgba(0,0,0,0.12);
        margin-right: 8px;
        height: 26px;
        line-height: 26px;
        border-radius: 2px
    }

        .summary_df_con .dj span.active {
            color: #fff;
            background: #59c60a
        }

.to_do_list .item_li {
    margin-top: 0 !important;
    margin-bottom: 16px !important
}

    .to_do_list .item_li.active {
        text-decoration: line-through;
        color: #bfbfc7
    }

.pagination_box {
    margin-top: 16px;
    border-top: 1px solid #e2e9ed !important;
    padding-top: 16px;
    text-align: center
}

    .pagination_box .pagination > li > a, .pagination_box .pagination > li > span {
        border-radius: 3px;
        color: inherit
    }

    .pagination_box .bg {
        color: #fff !important;
        border-color: inherit !important
    }

.pay_ticket_box {
    padding: 24px 48px
}

    .pay_ticket_box .pay_title {
        position: relative
    }

        .pay_ticket_box .pay_title .ti {
            font-size: 22px;
            margin-bottom: 4px;
            font-weight: bold;
            border: 0;
            display: block;
            padding: 0
        }

        .pay_ticket_box .pay_title .djs {
            font-size: 36px;
            position: absolute;
            right: 0;
            top: 4px
        }

            .pay_ticket_box .pay_title .djs .icon {
                font-size: 30px;
                line-height: 1;
                margin-right: 8px
            }

    .pay_ticket_box .register_info .price {
        margin-bottom: 16px;
        margin-top: 16px
    }

        .pay_ticket_box .register_info .price .color {
            font-size: 24px
        }

    .pay_ticket_box .title {
        margin-bottom: 16px;
        position: relative
    }

        .pay_ticket_box .title .ti {
            font-size: 18px;
            padding-left: 8px;
            border-left-style: solid;
            border-left-width: 4px;
            font-weight: bold;
            display: block;
            border-bottom: 0;
            padding-bottom: 0
        }

    .pay_ticket_box .pay_method {
        border-bottom: 1px solid #e2e9ed
    }

        .pay_ticket_box .pay_method .li {
            padding: 12px 0;
            border: 1px solid #e2e9ed !important;
            border-bottom: 0 !important
        }

.copyright_exa {
    font-size: 12px;
    color: #bdbec5;
    text-align: center;
    padding: 0 8px;
    margin-top: 40px;
    margin-bottom: 16px
}

.buy_ticket.buy_ticket .container {
    max-width: 1132px;
    width: 100%
}

.buy_ticket .event_information {
    background: #fff;
    overflow: hidden;
    position: relative
}

    .buy_ticket .event_information .nav {
        position: absolute;
        left: 16px;
        top: 16px;
        right: 16px;
        z-index: 100;
        font-size: 13px
    }

        .buy_ticket .event_information .nav .span {
            display: inline-block;
            background: rgba(0,0,0,0.6);
            color: #fff;
            height: 32px;
            line-height: 32px;
            padding: 0 8px;
            border-radius: 2px
        }

    .buy_ticket .event_information .banner {
        margin: 0 !important;
        height: auto !important;
        padding: 0 !important;
        width: 100%
    }

    .buy_ticket .event_information .banner_con {
        display: block
    }

    .buy_ticket .event_information .no_banner {
        margin: 56px 48px 24px 48px;
        padding-top: 24px;
        border-top: 1px solid rgba(0,0,0,0.12)
    }

    .buy_ticket .event_information .event_logo {
        float: left;
        width: 200px;
        height: 119px;
        overflow: hidden
    }

    .buy_ticket .event_information .info {
        margin-left: 200px;
        padding-left: 24px
    }

        .buy_ticket .event_information .info .name {
            font-size: 20px;
            margin-bottom: 8px
        }

    .buy_ticket .event_information .or_link {
        margin-top: 12px
    }

.buy_ticket .attend_info {
    margin-top: 24px
}

    .buy_ticket .attend_info .title {
        padding: 8px 0;
        position: relative
    }

        .buy_ticket .attend_info .title .ti {
            font-weight: bold;
            font-size: 16px;
            vertical-align: middle;
            margin-right: 8px
        }

        .buy_ticket .attend_info .title .tip_color {
            vertical-align: middle;
            font-size: 12px;
            display: inline-block;
            margin-top: 2px
        }

        .buy_ticket .attend_info .title .djs {
            font-size: 36px;
            position: absolute;
            right: 0;
            top: 4px
        }

            .buy_ticket .attend_info .title .djs .icon {
                font-size: 30px;
                line-height: 1;
                margin-right: 8px
            }

    .buy_ticket .attend_info .back {
        float: right;
        color: inherit;
        opacity: .5;
        display: flex;
        align-items: center
    }

        .buy_ticket .attend_info .back:hover {
            opacity: .8
        }

        .buy_ticket .attend_info .back .icon {
            margin: 0
        }

    .buy_ticket .attend_info .form {
        border-top: 1px solid rgba(0,0,0,0.12);
        padding-top: 16px
    }

    .buy_ticket .attend_info .text_con {
        margin-bottom: 24px
    }

.buy_ticket .attend_form {
    width: 746px;
    font-size: 13px
}

.buy_ticket .attend_form_box {
    background: #fff;
    margin-bottom: 16px;
    padding: 16px 48px
}

.buy_ticket .attend_form .form_li {
    position: relative;
    margin-bottom: 24px
}

    .buy_ticket .attend_form .form_li .label {
        position: relative;
        z-index: 2;
        font-weight: bold
    }

    .buy_ticket .attend_form .form_li .f_con {
        position: relative;
        z-index: 2
    }

.buy_ticket .attend_form .form_up_button .tip_color {
    margin-top: 8px
}

.buy_ticket .attend_form .form_li:hover .bg {
    position: absolute;
    left: -48px;
    right: -48px;
    top: -12px;
    bottom: -12px;
    z-index: 1;
    opacity: .03
}

.buy_ticket .attend_form .form_li .col-lg-9 .input {
    border-radius: 2px 0 0 2px
}

.buy_ticket .attend_form .form_li .col-lg-2 .input {
    border-radius: 2px 0 0 2px
}

.buy_ticket .attend_form .form_li .col-lg-7 .input {
    border-radius: 0
}

.buy_ticket .attend_form .form_li .col-lg-10 .input {
    border-radius: 0 2px 2px 0
}

.buy_ticket .attend_form .tixing {
    margin-bottom: 24px
}

.buy_ticket .purchaser_form .form_li {
    margin-bottom: 8px
}

.buy_ticket .invoice_form .form_li {
    margin-bottom: 8px
}

.buy_ticket .pay_form .item_li.active {
    border-color: inherit !important
}

.buy_ticket .attend_form .pay_box {
    margin-top: 16px;
    margin-bottom: 24px
}

    .buy_ticket .attend_form .pay_box .button {
        padding: 10px 40px
    }

.buy_ticket .attend_ticket {
    background: #fff;
    padding: 16px 16px;
    width: 332px;
    position: relative
}

    .buy_ticket .attend_ticket.isStuck {
        left: 50%;
        margin-left: 218px;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,0.137)
    }

    .buy_ticket .attend_ticket .title .ti {
        font-size: 14px
    }

.buy_ticket .price_info {
    text-align: right
}

.buy_ticket .price_pad {
    margin-top: 16px;
    padding-left: 0;
    min-height: 100px
}

    .buy_ticket .price_pad .label_l {
        color: #898989;
        float: left;
        margin: 0;
        font-weight: normal
    }

    .buy_ticket .price_pad .total {
        margin-top: 16px
    }

        .buy_ticket .price_pad .total .label_l {
            margin-top: 3px
        }

        .buy_ticket .price_pad .total .con_l {
            padding-left: 0
        }

        .buy_ticket .price_pad .total .price_nun {
            font-size: 20px
        }

.buy_ticket .price_info .input_box {
    display: inline-block;
    width: 120px;
    vertical-align: middle
}

.buy_ticket .price_info .button {
    padding: 6px 0;
    width: 60px;
    margin-left: 4px
}

.buy_ticket .register_info .price {
    margin-bottom: 16px;
    margin-top: 8px
}

    .buy_ticket .register_info .price .color {
        font-size: 24px
    }

.buy_ticket .register_info .info {
    color: #545454
}

.embed .li_ti {
    background: #ecf1f4;
    overflow: hidden
}

    .embed .li_ti .ti {
        float: left;
        font-weight: bold;
        padding: 16px;
        font-size: 14px
    }

    .embed .li_ti .by {
        float: right;
        color: #898989;
        padding: 16px
    }

        .embed .li_ti .by img {
            height: 20px
        }

.embed .register {
    width: 100vw
}

    .embed .register .con {
        max-width: none;
        width: 100%;
        font-size: 14px
    }

    .embed .register .li {
        padding: 16px 0;
        padding-left: 16px
    }

        .embed .register .li.th {
            padding: 12px 0;
            padding-left: 16px
        }

    .embed .register .ticket_tip {
        background: #fffcfa;
        border: 1px solid #ffa47a;
        padding: 8px 16px;
        width: 320px;
        left: 16px !important;
        font-size: 12px;
        border-radius: 2px;
        z-index: 10;
        line-height: 24px
    }

        .embed .register .ticket_tip .arrow.top {
            border-bottom-color: #ffa47a;
            left: 16px
        }

        .embed .register .ticket_tip > div {
            overflow: hidden
        }

        .embed .register .ticket_tip .icon {
            color: #ff5303;
            width: 20px;
            float: left
        }

        .embed .register .ticket_tip .text {
            padding-left: 24px;
            display: block;
            line-height: 1.6;
            margin-top: 2px
        }

    .embed .register .li.sold .ticket_tip {
        display: none !important
    }

    .embed .register #userDiscountBefore, .embed .register #userDiscountAfter {
        text-align: right;
        margin-right: 16px;
        margin-bottom: 8px
    }

    .embed .register .buy .button {
        padding: 10px 40px;
        font-size: 16px;
        border-radius: 3px
    }

    .embed .register .ticket_price {
        margin-right: 16px;
        font-size: 32px;
        font-weight: bold
    }

    .embed .register .ticket_discount {
        font-size: 14px;
        color: #a3aaad;
        font-weight: normal
    }

.phone .embed .register.style_a {
    padding: 16px 0 !important
}

.phone .embed .register .con {
    padding: 0 !important;
    margin: 0 !important
}

.phone .embed .register .buy_tickets {
    background: 0;
    border: 0
}

.phone .embed .register .choose_ticket {
    margin-bottom: 0
}

.phone .embed .register .ticket > div {
    display: block;
    overflow: hidden
}

.phone .embed .register .ticket .time {
    display: none
}

.phone .embed .register .li {
    font-size: 16px;
    border: 2px solid rgba(0,0,0,0.12);
    background: #fff;
    margin-bottom: 16px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0
}

    .phone .embed .register .li.th {
        display: none
    }

    .phone .embed .register .li.sold {
        border: 2px dashed rgba(0,0,0,0.12)
    }

    .phone .embed .register .li.active {
        border-color: inherit
    }

        .phone .embed .register .li.active .click {
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px;
            top: -2px;
            position: absolute
        }

            .phone .embed .register .li.active .click .icon {
                font-size: 24px
            }

.phone .embed .register .ticket {
    line-height: inherit;
    padding: 12px 8px;
    font-size: 18px
}

.phone .embed .register .name {
    width: 100%;
    margin-bottom: 4px;
    padding-right: 108px
}

    .phone .embed .register .name .ellipsis {
        display: inline-block;
        vertical-align: middle;
        max-width: initial;
        white-space: normal
    }

    .phone .embed .register .name .tip_icon {
        display: none
    }

.phone .embed .register .price {
    margin-left: 0;
    font-size: 16px;
    width: auto;
    text-align: left
}

    .phone .embed .register .price .ladder_price .item {
        width: auto;
        display: none
    }

        .phone .embed .register .price .ladder_price .item.color {
            display: inline-block
        }

        .phone .embed .register .price .ladder_price .item:last-child {
            display: inline-block;
            margin-left: 8px;
            font-size: 14px
        }

.phone .embed .register .time {
    display: none
}

.phone .embed .register .quantity {
    position: absolute;
    right: 16px;
    top: 16px;
    width: auto
}

    .phone .embed .register .quantity .q_con .nun {
        padding: 8px
    }

.phone .embed .register .ticket_tip {
    display: block;
    position: relative;
    top: auto !important;
    left: auto !important;
    width: auto;
    margin: 16px 8px;
    margin-top: 0;
    border: 0;
    background: 0;
    padding: 0;
    padding-top: 12px;
    border-top: 1px dotted rgba(0,0,0,0.12)
}

    .phone .embed .register .ticket_tip .arrow.top {
        display: none
    }

.phone .embed .register .refund_explane {
    padding: 0;
    margin-bottom: 16px
}

.phone .embed .register .yh_code {
    background: #fff;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.12);
    position: fixed;
    bottom: 48px;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 100;
    margin-bottom: 0
}

    .phone .embed .register .yh_code .con_l {
        padding: 0;
        text-align: left
    }

    .phone .embed .register .yh_code .input {
        margin-bottom: 8px;
        height: 44px;
        text-align: center;
        width: 72%;
        float: left
    }

    .phone .embed .register .yh_code .bg.color {
        border-radius: 2px;
        color: #fff !important;
        margin: 0 !important;
        width: 24%;
        margin-left: 8px;
        display: inline-block;
        text-align: center;
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        float: right;
        padding: 0
    }

.phone .embed .register_box {
    padding-bottom: 0
}

.phone .embed .form_li {
    padding-right: 0
}

.phone .embed .choose_ticket {
    text-align: left
}

.phone .embed .refund_explane {
    text-align: center
}

.phone .embed .ticket_price {
    float: none
}

.phone .embed .buy {
    padding: 0
}

    .phone .embed .buy .button {
        padding: 0;
        height: 44px;
        line-height: 44px;
        width: 100%;
        margin-bottom: 4px
    }

@font-face {
    font-family: "m_iconfont";
    src: url("../fonts/tem_font/03/iconfont.eot");
    src: url("../fonts/tem_font/03/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/tem_font/03/iconfont.woff") format("woff"),url("../fonts/tem_font/03/iconfont.ttf") format("truetype"),url("../fonts/tem_font/03/iconfont.svg#iconfont") format("svg")
}

.m_icon {
    font-family: "m_iconfont";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal
}

.module_attend {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 49px;
    line-height: 49px;
    z-index: 100
}

    .module_attend .phone_tab .m_icon {
        margin-right: 0;
        font-size: 20px;
        line-height: 20px;
        margin-top: 6px;
        display: block
    }

    .module_attend .phone_tab.a .m_icon:before {
        content: "\e63b"
    }

    .module_attend .phone_tab.b .m_icon:before {
        content: "\e650"
    }

    .module_attend .phone_tab.c .m_icon:before {
        content: "\e651"
    }

    .module_attend .button {
        width: 100%;
        height: 49px;
        line-height: 49px;
        text-align: center;
        font-size: 18px;
        padding: 0 16px;
        box-sizing: border-box;
        float: left
    }

        .module_attend .button.ch, .module_attend .button.cz {
            width: 50%;
            float: left
        }

    .module_attend .ticket_price {
        font-size: 24px;
        margin-right: 8px
    }

.phone .buy_ticket {
    font-size: 14px !important;
    color: #202020 !important;
    line-height: 1.42 !important;
    min-height: 100vh
}

.phone .event_info_con {
    background: #fff;
    padding: 16px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin-bottom: 8px
}

    .phone .event_info_con .name {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 4px
    }

    .phone .event_info_con .time, .phone .event_info_con .location {
        font-size: 12px;
        color: #545454
    }

.phone .register.style_a {
    padding: 8px 12px 0 12px !important;
    margin: 0 !important;
    background: none !important
}

.phone .register_box {
    padding-bottom: 82px
}

.phone .register.style_a .con {
    padding: 0 !important;
    margin: 0 !important
}

.phone .register.style_a .buy_tickets {
    background: 0;
    border: 0 !important;
    padding: 0
}

.phone .register.style_a .form_li {
    margin-bottom: 0;
    z-index: 10
}

.phone .register.style_a .li.th {
    display: none
}

.phone .register.style_a .li {
    border: 1px solid rgba(0,0,0,0.12);
    background: #fff;
    margin-bottom: 16px;
    border-radius: 5px;
    overflow: hidden;
    padding: 16px !important;
    box-sizing: border-box
}

    .phone .register.style_a .li.active {
        border-color: inherit
    }

        .phone .register.style_a .li.active .click {
            display: inline-block;
            float: left;
            left: 0
        }

            .phone .register.style_a .li.active .click .icon {
                top: -2px;
                left: -2px;
                position: absolute;
                font-size: 22px;
                float: left;
                line-height: 22px;
                width: 22px;
                height: 22px;
                display: inline-block
            }

.phone .register.style_a .ticket {
    padding: 0
}

    .phone .register.style_a .ticket .name {
        display: block;
        width: 100%;
        margin-bottom: 4px;
        font-size: 16px;
        font-weight: bold;
        padding-right: 108px
    }

        .phone .register.style_a .ticket .name .ellipsis {
            white-space: normal
        }

        .phone .register.style_a .ticket .name .tip_icon {
            display: none
        }

    .phone .register.style_a .ticket .price {
        display: block;
        width: 100%;
        font-size: 24px;
        text-align: left
    }

        .phone .register.style_a .ticket .price .color {
            font-weight: normal;
            display: inline-block !important
        }

        .phone .register.style_a .ticket .price .item {
            width: auto;
            display: none
        }

            .phone .register.style_a .ticket .price .item:last-child {
                display: inline-block;
                margin-left: 8px;
                font-size: 14px
            }

        .phone .register.style_a .ticket .price .p_price {
            font-size: 12px;
            display: inline-block;
            margin-left: 8px
        }

    .phone .register.style_a .ticket .time {
        display: none
    }

.phone .register.style_a .quantity {
    position: absolute;
    right: 0 !important;
    top: 12px !important;
    width: auto !important;
    font-size: 24px
}

    .phone .register.style_a .quantity .q_con .nun {
        padding: 8px;
        border-radius: 50%;
        border-color: transparent;
        font-size: 14px
    }

        .phone .register.style_a .quantity .q_con .nun.disabled {
            border-color: rgba(0,0,0,0.12)
        }

    .phone .register.style_a .quantity .q_con .bg_line {
        border-radius: 50%
    }

    .phone .register.style_a .quantity .error_meg {
        line-height: 30px
    }

.phone .register.style_a .ticket_tip {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0;
    margin-top: 12px;
    padding: 0;
    padding-top: 12px;
    border: 0;
    background: none !important;
    border-top: 1px dotted rgba(0,0,0,0.12);
    font-size: 12px !important;
    color: #545454 !important
}

    .phone .register.style_a .ticket_tip .arrow.top {
        display: none
    }

    .phone .register.style_a .ticket_tip .icon {
        font-size: 14px
    }

    .phone .register.style_a .ticket_tip .bg {
        display: none
    }

.phone .register.style_a .sold .ticket_tip {
    color: #a3aaad
}

.phone .register.style_a .refund_explane {
    padding: 0
}

.phone .register.style_a .yh_code {
    background: #fff;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.12);
    position: fixed;
    bottom: 48px;
    left: 0;
    right: 0;
    padding: 16px 12px;
    z-index: 100;
    margin-bottom: 0
}

    .phone .register.style_a .yh_code .con_l {
        padding: 0;
        text-align: left
    }

    .phone .register.style_a .yh_code .input {
        height: 44px;
        text-align: left;
        width: 100%;
        margin: 0;
        border-radius: 2px;
        margin-bottom: 8px
    }

    .phone .register.style_a .yh_code .bg.color {
        border-radius: 2px;
        color: #fff !important;
        display: inline-block;
        text-align: center;
        width: 48%;
        height: 44px;
        line-height: 44px;
        padding: 0;
        float: right;
        margin: 0 !important
    }

    .phone .register.style_a .yh_code .cancal {
        border-radius: 2px;
        color: #fff !important;
        display: inline-block;
        text-align: center;
        width: 48%;
        height: 44px;
        line-height: 44px;
        padding: 0;
        float: left;
        background: #f7f9fb;
        color: #898989 !important
    }

.phone .attend_info {
    margin-top: 0;
    border-top: 1px solid rgba(0,0,0,0.06)
}

    .phone .attend_info .con_box {
        margin: 0
    }

.phone .attend_form {
    width: 100%;
    float: none !important
}

.phone .attend_form_box {
    padding: 16px 12px 24px 12px;
    margin: 0;
    margin-bottom: 8px;
    border-top: 1px solid rgba(0,0,0,0.12);
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

    .phone .attend_form_box:first-child {
        border-top: 0
    }

.phone .attend_form .title {
    padding-top: 0
}

.phone .attend_form .form {
    padding-top: 0
}

.phone .attend_form .form_li {
    margin-bottom: 0;
    margin-top: 24px
}

    .phone .attend_form .form_li .button {
        height: 40px;
        line-height: 40px
    }

.phone .add_discount {
    padding: 0 12px;
    padding-top: 8px
}

    .phone .add_discount .yh_code .input {
        height: 44px
    }

    .phone .add_discount .yh_code .button.bg {
        border-radius: 2px;
        width: 48%;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        float: right;
        padding: 0
    }

    .phone .add_discount .yh_code .button.cancel {
        border-radius: 2px;
        width: 48%;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        float: left;
        padding: 0;
        background: #f7f9fb !important;
        color: #a3aaad;
        margin: 0
    }

    .phone .add_discount .promo_code {
        position: fixed;
        padding: 0 16px;
        background: #fff;
        bottom: 48px;
        left: 0;
        right: 0;
        border-top: 1px solid rgba(0,0,0,0.12);
        height: 49px;
        line-height: 49px;
        margin: 0
    }

.phone .attend_info .module_attend {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 16px 12px;
    border-radius: 3px;
    overflow: hidden
}

.phone .pay_method .li .item {
    padding: 0 8px
}

.phone .pay_method .li .con {
    padding: 0 8px 8px 8px
}

.phone .pay_method .li .item_li {
    box-sizing: content-box
}

.order_st_box {
    background: #fff;
    padding: 16px 16px 16px 16px;
    border-top: 1px solid rgba(0,0,0,0.12) !important;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
    margin-bottom: 8px
}

    .order_st_box .form_title {
        padding-bottom: 8px;
        font-weight: bold;
        font-size: 16px;
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

    .order_st_box .th {
        overflow: hidden;
        padding: 8px 0;
        margin-bottom: 16px
    }

    .order_st_box .tr {
        overflow: hidden;
        margin-bottom: 16px
    }

    .order_st_box .td_a {
        float: left;
        width: 50%
    }

    .order_st_box .td_b {
        float: left;
        width: 20%;
        text-align: center
    }

    .order_st_box .td_c {
        float: right;
        width: 30%;
        text-align: right
    }

    .order_st_box .order_price {
        font-size: 12px;
        padding-top: 12px;
        border-top: 1px solid rgba(0,0,0,0.12)
    }

        .order_st_box .order_price .clear {
            height: 8px
        }

    .order_st_box .sj .f_l {
        margin-top: 12px
    }

    .order_st_box .sj .price {
        font-size: 24px
    }

.phone .weichat_pay {
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.phone .weichat_payment {
    margin: 0;
    border: 0
}

.phone .weichat_pay .w_p_code {
    float: none;
    margin: 30px auto 0 auto;
    width: 100%
}

.phone .weichat_pay .w_p_h, .phone .weichat_pay .w_p_info, .phone .weichat_pay .w_p_b {
    padding: 0 16px
}

.phone .weichat_pay .w_p_phone {
    display: none
}

.audit_success {
    padding: 56px;
    background-color: #fff
}

.appliction_status .status_logo {
    margin: 88px 0 228px 66px
}

.appliction_status .status_detail {
    margin-top: 88px;
    margin-right: 40px;
    position: relative
}

.status_detail .sd_tip1 {
    line-height: 21px
}

.status_detail .sd_line {
    width: 643px;
    height: 2px;
    background-color: rgba(0,0,0,0.12);
    margin: 32px 0 32px 0
}

.status_detail .sd_wechat .sd_code {
    width: 108px;
    height: 108px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.12);
    margin-right: 20px
}

.sd_wechat .sd_code img {
    width: 97px;
    height: 97px;
    margin: 6px 5px 5px 6px
}

.status_detail .sd_wechat .sd_tip2 {
    position: absolute;
    top: 158px;
    right: -5px
}

.sd_wechat .sd_tip2 .sd_ill {
    color: #898989;
    line-height: 22px
}

.attend_result {
    background: #fff;
    padding: 48px 48px 32px 48px
}

    .attend_result .order_li {
        width: 70%
    }

        .attend_result .order_li .order {
            margin-bottom: 32px
        }

    .attend_result .order_icon {
        display: inline-block;
        width: 56px;
        float: left
    }

        .attend_result .order_icon img {
            width: 48px
        }

    .attend_result .info {
        padding-top: 4px;
        padding-left: 64px
    }

        .attend_result .info .ti {
            font-size: 16px;
            margin-bottom: 4px
        }

        .attend_result .info .tip {
            opacity: .5;
            margin-bottom: 16px
        }

        .attend_result .info .form_li {
            opacity: .8
        }

            .attend_result .info .form_li a {
                color: inherit
            }

        .attend_result .info .label_l {
            width: 70px;
            text-align: left;
            float: left
        }

        .attend_result .info .con_l {
            padding-left: 78px
        }

    .attend_result .ticket_info {
        margin-top: 16px
    }

    .attend_result .weixin_ticket {
        border: 1px solid rgba(0,0,0,0.12);
        background: #fdfdfe;
        width: 180px;
        text-align: center;
        padding-bottom: 8px
    }

    .attend_result .code img {
        width: 180px;
        height: 180px
    }

    .attend_result .intro {
        font-size: 14px
    }

    .attend_result .weixin_code {
        border: 1px solid rgba(0,0,0,0.12);
        width: 210px;
        border-bottom: 4px solid #ecf1f4;
        margin-top: 16px;
        margin-bottom: 24px
    }

        .attend_result .weixin_code .text {
            padding: 0 16px 16px 16px
        }

            .attend_result .weixin_code .text .icon {
                font-size: 24px;
                margin-right: 12px
            }

    .attend_result .weixin_lc {
        padding-left: 210px;
        margin-left: 56px;
        margin-top: 16px
    }

        .attend_result .weixin_lc .step {
            border-left: 2px solid #e1e9ed;
            padding-bottom: 32px;
            height: 72px
        }

            .attend_result .weixin_lc .step .n {
                float: left;
                display: inline-block;
                width: 48px;
                height: 48px;
                line-height: 48px;
                text-align: center;
                color: #fff;
                background: #d0d8dc;
                margin-left: -24px;
                border-radius: 50%;
                font-size: 24px;
                font-weight: bold
            }

            .attend_result .weixin_lc .step .text {
                padding: 2px 0 0 36px
            }

            .attend_result .weixin_lc .step:last-child {
                padding-bottom: 0 !important;
                height: auto
            }

    .attend_result .link {
        margin-top: 16px
    }

        .attend_result .link a.color {
            margin-right: 16px
        }

    .attend_result .bank .bank_li {
        padding: 12px 8px 0 98px;
        margin-bottom: 0;
        background-color: #fdfdfe
    }

    .attend_result .re_right {
        width: 224px;
        float: right
    }

        .attend_result .re_right .share {
            margin-right: -8px;
            margin-bottom: 16px
        }

            .attend_result .re_right .share .ti {
                margin-bottom: 4px
            }

        .attend_result .re_right .down_app {
            border: 1px solid rgba(0,0,0,0.12);
            text-align: center;
            background: #fdfdfe
        }

        .attend_result .re_right .down_code img {
            width: 160px;
            margin-top: 8px
        }

        .attend_result .re_right .down_app .text {
            padding: 0 8px 16px 8px;
            font-size: 12px
        }

.attend_info .box_warning {
    margin-bottom: 32px;
    padding: 24px 72px
}

.phone .attend_result {
    padding: 16px;
    min-height: 100vh
}

    .phone .attend_result .order_li {
        width: 100%;
        padding-left: 0;
        float: none !important
    }

        .phone .attend_result .order_li .order {
            margin-bottom: 8px
        }

    .phone .attend_result .order_icon {
        display: block;
        float: none;
        width: 100%
    }

    .phone .attend_result .info {
        width: 100%;
        padding-left: 0;
        float: none !important
    }

        .phone .attend_result .info .ti, .phone .attend_result .info .tip {
            text-align: center
        }

.jbm_s.buy_ticket .container {
    max-width: 860px
}

.jbm_s .event_information .info {
    width: 400px
}

.jbm_s .attend_form {
    float: none !important;
    width: 100%;
    margin-top: 0 !important
}

.jbm_s .attend_ticket {
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: -16px 0 16px 0;
    width: 832px;
    box-shadow: none !important;
    margin-left: 0 !important
}

    .jbm_s .attend_ticket .title {
        display: none
    }

    .jbm_s .attend_ticket .ticket_list {
        display: none
    }

.jbm_s .price_info {
    overflow: hidden;
    padding: 0 32px 0 32px
}

    .jbm_s .price_info .promo_code {
        float: left;
        margin-top: 12px
    }

    .jbm_s .price_info .price_pad {
        float: right;
        margin: 0;
        padding: 0;
        min-height: 0
    }

        .jbm_s .price_info .price_pad .total {
            margin-top: 0
        }

    .jbm_s .price_info .total .label_l {
        margin-top: 12px;
        margin-right: 16px;
        float: left
    }

    .jbm_s .price_info .total .con_l {
        padding-left: 0;
        float: left
    }

    .jbm_s .price_info .total .price_nun {
        font-size: 30px
    }

.jbm_s .attend_result {
    margin-top: 16px;
    padding: 32px
}

    .jbm_s .attend_result .info {
        width: 386px
    }

.jbm_s .attend_info .box_warning {
    margin-bottom: 16px
}

.phone .jbm_s .attend_info {
    width: 100%
}

.apply_form .register_form {
    padding: 32px 72px
}

.apply_form .custom_form .form_li:first-child {
    margin-top: 32px
}

.apply_form .pay_box {
    padding-bottom: 24px
}

.pingtuangou .text {
    margin-bottom: 16px
}

.pingtuangou .button {
    margin-top: 8px
}

.phone .attend_result .w_line {
    font-size: 14px;
    height: auto;
    line-height: 24px;
    white-space: normal;
    padding: 8px
}

.phone .attend_result .ticket_info {
    margin-bottom: 16px
}

.phone .attend_result .bank .bank_li {
    margin-right: 0
}

.phone .attend_result .info .form_li {
    text-align: left
}

.phone .re_right {
    width: 100%;
    padding-left: 0;
    float: none !important
}

.phone .attend_result .weixin_lc {
    margin-top: 24px;
    padding-left: 0;
    margin-left: 16px
}

    .phone .attend_result .weixin_lc .step {
        height: auto;
        padding-bottom: 24px
    }

        .phone .attend_result .weixin_lc .step .n {
            width: 32px;
            height: 32px;
            line-height: 32px;
            font-size: 16px;
            margin-left: -16px
        }

        .phone .attend_result .weixin_lc .step .text {
            padding-left: 30px
        }

            .phone .attend_result .weixin_lc .step .text .fontsize14 {
                margin-bottom: 4px
            }

.phone .attend_ticket {
    width: 100%;
    box-shadow: none
}

.phone .float_window {
    display: none
}

.e_ticket {
    border: 1px solid rgba(0,0,0,0.12) !important;
    background: #fdfdfe;
    width: 100%;
    overflow: hidden;
    padding: 8px;
    margin-bottom: 8px;
    position: relative
}

    .e_ticket .t_info .button {
        position: absolute;
        top: 8px;
        right: 8px;
        padding: 3px 16px
    }

    .e_ticket .t_info .name {
        font-size: 16px;
        margin-bottom: 8px
    }

    .e_ticket .t_info .in {
        opacity: .5
    }

.back_home {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 10;
    width: 56px;
    height: 56px;
    border-radius: 56px;
    background: #fff;
    text-align: center;
    font-size: 12px
}

    .back_home .icon {
        font-size: 24px;
        line-height: 1;
        margin: 8px 0 2px 0;
        display: block
    }

.phone .attend_infor {
    padding: 16px;
    background: #fff;
    margin-bottom: 16px;
    border-bottom: 1px dashed #e5e5e5
}

    .phone .attend_infor .title {
        font-size: 18px;
        font-weight: 600
    }

.phone .pay_box {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0
}

    .phone .pay_box .button {
        display: block;
        height: 44px;
        padding: 0;
        line-height: 44px
    }

.phone .register_info .info {
    margin-bottom: 4px
}

.phone .pay_form.form {
    border-top: 0
}

.embed .attend_ticket {
    float: none !important;
    margin: 0;
    margin-bottom: 16px;
    padding: 16px 0;
    width: auto
}

    .embed .attend_ticket .title {
        margin: 0 48px
    }

    .embed .attend_ticket .form {
        margin: 0 48px
    }

.embed .price_info {
    margin: 0 48px;
    overflow: hidden;
    padding: 0
}

.embed .price_pad {
    float: right
}

.embed .attend_form {
    float: none !important;
    width: 100%
}

.embed.jbm_s .li_ti {
    background: 0
}

    .embed.jbm_s .li_ti .ti {
        display: none
    }

    .embed.jbm_s .li_ti .by {
        float: none;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: center;
        z-index: 10
    }

.embed.jbm_s .attend_info {
    width: 100%;
    margin: 0 auto;
    max-width: 760px;
    padding-bottom: 48px
}

.embed.jbm_s .container {
    width: 100%
}

.user_center {
    margin-top: 16px;
    background: #fff;
    margin-bottom: 24px
}

.user_center_nav {
    width: 236px;
    float: left;
    font-size: 14px
}

    .user_center_nav .li.center {
        padding-bottom: 16px;
        height: 42px;
        line-height: 42px
    }

        .user_center_nav .li.center a {
            padding: 0;
            text-align: center;
            color: #fff;
            margin: 16px;
            margin-right: 0;
            border-radius: 2px;
            line-height: 42px
        }

    .user_center_nav .li {
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid rgba(0,0,0,0.06);
        position: relative
    }

        .user_center_nav .li a {
            display: block;
            line-height: 50px;
            padding-left: 16px;
            color: #202020
        }

    .user_center_nav .icon {
        margin-right: 8px
    }

    .user_center_nav .icon_arrow {
        position: absolute;
        right: 0;
        top: 0;
        display: none;
        margin: 0
    }

    .user_center_nav .nun {
        background: #de0e00;
        color: #fff;
        border-radius: 20px;
        padding: 0 8px;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        margin-left: 8px;
        font-weight: bold
    }

    .user_center_nav .li.color a {
        color: inherit
    }

    .user_center_nav .li.color .icon_arrow {
        display: inline-block
    }

.user_center_con {
    float: right;
    width: 800px;
    padding: 16px;
    min-height: 520px
}

    .user_center_con .empty {
        border-top: 1px solid rgba(0,0,0,0.12);
        padding: 48px 0
    }

        .user_center_con .empty .button {
            padding: 6px 24px;
            border-radius: 2px
        }

    .user_center_con .nav_li {
        font-size: 14px
    }

        .user_center_con .nav_li .li.active {
            border-bottom-color: inherit
        }

        .user_center_con .nav_li .li a {
            padding-bottom: 8px
        }

    .user_center_con .user_con_title {
        font-size: 16px;
        margin-bottom: 16px;
        font-weight: bold
    }

    .user_center_con .zt span {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        padding: 0 8px;
        color: #fff;
        background: #a3aaad
    }

    .user_center_con .zt .error {
        background: #de0e00
    }

    .user_center_con .zt .success {
        background: #52b714
    }

    .user_center_con .zt .callout {
        background: #fd9526
    }

    .user_center_con .back {
        background: #ecf1f4;
        padding: 8px;
        margin-bottom: 16px;
        float: none !important
    }

    .user_center_con .w_32px .bg_color {
        line-height: 32px;
        font-size: 14px
    }

    .user_center_con .w_48px .bg_color {
        line-height: 48px;
        font-size: 18px
    }

.user_info_con .u_logo {
    float: left;
    width: 160px;
    height: 68px;
    border: 1px solid rgba(0,0,0,0.12);
    padding: 5px
}

    .user_info_con .u_logo .img_center {
        width: 160px;
        height: 68px
    }

.user_info_con .u_info {
    padding-left: 194px;
    position: relative;
    z-index: 2
}

    .user_info_con .u_info .n {
        font-size: 18px;
        margin-bottom: 8px
    }

    .user_info_con .u_info .info {
        color: #545454
    }

.user_info_con .nun {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 72px;
    color: #e2e9ee;
    z-index: 1;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bolder
}

.user_info_con .ti {
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    line-height: 16px;
    margin-top: 32px;
    margin-bottom: 16px;
    position: relative
}

    .user_info_con .ti span {
        position: absolute;
        top: -8px;
        left: 4px;
        display: inline-block;
        background: #fff;
        padding: 0 4px
    }

.approval_status {
    margin-top: 48px;
    position: relative
}

    .approval_status .s_li {
        float: left;
        width: 33.33%;
        text-align: center;
        color: #545454;
        font-size: 14px;
        position: relative;
        z-index: 2
    }

        .approval_status .s_li .t {
            display: block;
            margin-top: 8px
        }

    .approval_status .h_line {
        position: absolute;
        width: 66.66%;
        left: 16%;
        top: 30px;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        z-index: 1
    }

.user_overview .li {
    float: left;
    margin-top: 24px;
    width: 33%;
    overflow: hidden
}

.user_overview .icon_span {
    float: left;
    width: 48px
}

    .user_overview .icon_span .icon {
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 44px;
        border-radius: 50%;
        text-align: center;
        font-size: 24px;
        color: #fff
    }

.user_overview .info {
    padding-left: 56px
}

    .user_overview .info .ti {
        font-size: 16px;
        margin: 4px 0
    }

.user_info_con.eh_info .u_logo {
    float: none;
    border: 0;
    text-align: center;
    margin: 0 auto
}

.approval_box {
    border-top: 1px solid rgba(0,0,0,0.12) !important;
    font-size: 14px
}

    .approval_box .approval .ap_status {
        margin: 20px 0
    }

        .approval_box .approval .ap_status .img_center {
            width: 80px;
            height: 80px;
            line-height: 80px;
            border-radius: 100%;
            opacity: .2
        }

        .approval_box .approval .ap_status .ap_icon {
            position: absolute;
            margin: 28px
        }

            .approval_box .approval .ap_status .ap_icon .icon {
                font-size: 20px
            }

        .approval_box .approval .ap_status .complete {
            position: absolute;
            margin: 8px 0 0 64px
        }

            .approval_box .approval .ap_status .complete .com {
                color: #13ce66
            }

            .approval_box .approval .ap_status .complete .access {
                color: #007dd9
            }

            .approval_box .approval .ap_status .complete .fail {
                color: #de0e00
            }

    .approval_box .approval .tip_status {
        padding: 20px 10px 20px 20px;
        line-height: 20px
    }

        .approval_box .approval .tip_status .tip_t {
            font-weight: 600
        }

    .approval_box .approval .check {
        line-height: 80px
    }

    .approval_box .approval .line {
        margin-left: 80px
    }

    .approval_box .approval .ap_zw {
        font-weight: bold;
        font-size: 36px;
        color: #898989
    }

    .approval_box .approval .check a {
        color: #898989
    }

.form_step .step {
    font-size: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    border: 4px solid;
    text-align: center;
    font-weight: bold;
    color: #898989
}

.form_step .st_tip {
    margin-top: 6px
}

.form_step .line {
    width: 240px;
    height: 2px;
    background: #898989;
    margin-top: 24px
}

.eh_state {
    line-height: 1.7;
    margin-bottom: 10px
}

.user_center_con .register_form.form {
    border: 0
}

.user_center_con .title {
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

.ion_up {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    display: inline-block
}

.ion_down {
    display: inline-block
}

.step_wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.step_wrap {
    width: 960px;
    height: auto;
    line-height: 30px;
    margin-bottom: 10px
}

.step-case {
    height: 40px
}

    .step-case li {
        float: left;
        margin: 0;
        width: 26%;
        position: relative;
        cursor: pointer;
        border-right: 1px solid #ccc
    }

        .step-case li span {
            display: block;
            background-color: #ccc;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            font-weight: bold
        }

.czry .name {
    font-size: 16px
}

.czlp_li {
    margin: 0 -8px
}

    .czlp_li .li {
        float: left;
        width: 266px;
        margin-bottom: 16px;
        position: relative
    }

        .czlp_li .li .box {
            background: #ecf1f4;
            margin: 0 8px;
            padding: 16px;
            position: relative;
            height: 256px
        }

        .czlp_li .li .img {
            width: 202px;
            height: 202px;
            background: #fff;
            padding: 8px;
            margin-bottom: 16px
        }

            .czlp_li .li .img .img_center {
                width: 202px;
                height: 202px
            }

        .czlp_li .li .info .name {
            font-size: 16px
        }

        .czlp_li .li .op {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0,0,0,0.8);
            line-height: 288px;
            text-align: center
        }

        .czlp_li .li:hover .op {
            display: block
        }

        .czlp_li .li .op a {
            color: #fff;
            margin: 0 16px
        }

.user_center_con .eh_pay {
    border-top: 1px solid rgba(0,0,0,0.12)
}

.eh_pay .ap_tip {
    background: #ecf1f4;
    padding: 8px;
    margin: 20px 0
}

.eh_pay .pay_data {
    background: #ecf1f4;
    padding: 10px 0;
    margin: 20px 0
}

    .eh_pay .pay_data .pay_box {
        margin-left: 20px;
        border-right: 1px solid rgba(0,0,0,0.12)
    }

    .eh_pay .pay_data .eh_money {
        font-size: 26px;
        font-weight: bold;
        margin-top: 6px
    }

.table .has {
    color: #39a30e
}

.table .not {
    color: #de0e00
}

.web_login {
    padding: 24px 48px;
    font-size: 13px
}

    .web_login .ti {
        font-size: 20px;
        margin-bottom: 24px;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        padding-bottom: 8px
    }

        .web_login .ti > div {
            display: inline-block
        }

        .web_login .ti .ti_r {
            font-size: 13px;
            float: right;
            line-height: 28px
        }

    .web_login .lo_l .input_box img {
        position: absolute;
        right: 0;
        top: 0
    }

    .web_login .r_f_password {
        text-align: right;
        margin-bottom: 20px !important
    }

    .web_login .button {
        float: left;
        padding: 0;
        height: 36px;
        line-height: 36px;
        display: inline-block;
        margin-right: 16px;
        width: 20%;
        border-radius: 4px
    }

        .web_login .button.sms_code_container {
            border-radius: 0
        }

    .web_login.web_sign .lo_r {
        height: 200px
    }

    .web_login.web_sign.science .lo_r {
        height: 144px
    }

    .web_login.web_sign .sign {
        margin-top: 94px
    }

    .web_login .o_l > a {
        display: inline-block;
        width: 130px;
        color: #fff;
        height: 32px;
        line-height: 32px;
        margin: 8px 0;
        text-align: center;
        border-radius: 2px
    }

        .web_login .o_l > a:hover {
            opacity: .9
        }

    .web_login .o_l .weibo {
        background: #ee6171
    }

    .web_login .o_l .wechat {
        background: #65d04c
    }

    .web_login .sign {
        margin-top: 82px;
        font-size: 12px
    }

.form_by_event_login {
    max-width: 400px;
    margin: 0 auto
}

.form_by_event_register .lo_l {
    width: 80%;
    margin: 0 auto
}

.event_login_btn {
    margin-bottom: 20px
}

.web_sign .lo_l .label {
    position: absolute;
    left: 0;
    top: 6px
}

.web_sign .yzm img {
    position: absolute;
    right: 0;
    top: -4px
}

.web_sign .button {
    margin-top: 16px
}

.web_sign .sms_code_container {
    margin: 0;
    position: absolute;
    top: 7px;
    right: 0
}

.web_sign .set.sms_code_container {
    width: 20%;
    height: 42px;
    line-height: 42px;
    top: 0 !important;
    border-radius: 0 2px 2px 0
}

.web_login .lo_l .input_box .code_img {
    height: 36px
}

.web_sign.person_information {
    padding-top: 0
}

    .web_sign.person_information .form_by_event_login {
        border-top: 1px solid rgba(0,0,0,0.12);
        padding-top: 48px
    }

    .web_sign.person_information .lo_l .form_li .f_con input[type="radio"] {
        display: block
    }

    .web_sign.person_information .lo_l .form_li .f_con input[type="checkbox"] {
        display: block
    }

    .web_sign.person_information .lo_l .form_li .item_li {
        display: inline-block;
        margin-right: 16px
    }

        .web_sign.person_information .lo_l .form_li .item_li:last-child {
            margin-right: 16px
        }

@media screen and (max-width:736px) {
    .web_sign .set.sms_code_container {
        height: 42px;
        line-height: 42px
    }

    .web_login .lo_l .input_box .code_img {
        height: 44px
    }

    .user_center .web_login {
        padding: 18px 18px
    }

    .web_login .form_li {
        margin-bottom: 24px
    }

    .web_login .lo_l .form_li:last-child {
        margin-bottom: 0
    }

    .web_login .lo_l .r_f_password .f_l.r {
        padding-left: 0
    }

    .web_login .lo_l, .web_login .lo_r {
        float: none;
        width: 100%
    }

    .web_login .other {
        text-align: center;
        width: 100%;
        float: none !important
    }

    .web_login .sign {
        margin-bottom: 10%;
        font-size: 13px
    }

    .web_login .lo_l input {
        padding: 0 8px
    }

    .web_login .form_li .label_l.middle {
        line-height: 14px
    }

    .web_login .button {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .web_login .button.sms_code_container {
            padding-left: 20px !important;
            padding-right: 20px !important
        }

    .web_login.web_sign .sign {
        margin-top: 20%;
        margin-bottom: 10%
    }

    .web_login.web_sign .lo_r {
        height: auto
    }

    .web_login.web_sign.science .lo_r {
        height: auto
    }

    .user_center .web_login.web_sign {
        padding: 18px 18px
    }

    .web_login.web_sign .lo_l .form_li .con_l {
        padding-left: 0
    }

    .web_login.web_sign .lo_l .form_li .label_l {
        width: 100%;
        text-align: left
    }

    .web_login.web_sign .lo_r {
        margin-top: 30%
    }

    .web_login.web_sign .lo_l {
        float: none;
        width: 100%;
        margin-top: 0
    }

    .web_sign.person_information .lo_l .form_li .f_con {
        padding-left: 0
    }

    .web_sign.person_information .button.bg {
        margin: 0
    }

    .web_sign.person_information .form_by_event_login {
        padding-top: 32px
    }
}

.sign_success .sa-icon {
    margin: 0 auto;
    margin-bottom: 24px
}

.sign_success .title {
    font-size: 16px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 16px
}

.sign_success .tips {
    margin-top: 24px;
    color: #545454
}

.user_info_con .avator {
    width: 74px;
    height: 74px;
    margin-right: 24px
}

    .user_info_con .avator .bg_color {
        line-height: 74px;
        font-size: 40px
    }

.user_info_con .user_name {
    width: 300px
}

.user_info_con .name {
    font-size: 18px;
    margin: 8px 0 8px 0;
    font-weight: 600
}

.user_info_con .user_name p {
    color: #545454
}

.user_info_con .user_info {
    margin: 16px 0;
    position: relative
}

.user_center_con.details {
    background: #ecf1f4
}

    .user_center_con.details.edit {
        background: #fff
    }

.order_attend_form .op_span {
    margin-right: 8px;
    display: inline-block;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    background: #fff;
    color: #202020;
    box-sizing: content-box
}

    .order_attend_form .op_span:hover {
        color: #03a9f4
    }

.user_center_con .form_edit {
    padding: 8px
}

    .user_center_con .form_edit .op_span {
        margin-right: 8px;
        display: inline-block;
        padding: 0 8px;
        height: 28px;
        line-height: 28px;
        border: 1px solid rgba(0,0,0,0.12);
        border-radius: 2px;
        background: #fff;
        color: #202020
    }

    .user_center_con .form_edit .avator {
        width: 36px;
        height: 36px
    }

    .user_center_con .form_edit .bg_color {
        line-height: 36px;
        font-size: 14px
    }

.user_center_con .line {
    border-top: 1px solid rgba(0,0,0,0.12)
}

.user_center_con .my_ticket {
    padding-top: 8px
}

.user_center_con .form_li input[type="checkbox"], .user_center_con .form_li input[type="radio"] {
    display: inline-block !important
}

.user_center_con .form_li .input_radio {
    display: none !important
}

.my_ticket .li {
    background: #f5f9fb;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 144px;
    margin-top: 16px
}

.my_ticket .qr {
    padding: 12px 24px;
    width: 120px;
    float: left;
    box-sizing: content-box
}

    .my_ticket .qr img {
        width: 120px;
        height: 120px
    }

.my_ticket .info {
    float: left;
    width: 400px
}

    .my_ticket .info .t_n {
        font-size: 16px;
        margin: 24px 0 8px 0
    }

    .my_ticket .info .at {
        margin-bottom: 24px
    }

    .my_ticket .info .at, .my_ticket .info .or {
        opacity: .8
    }

.my_ticket .op {
    float: right;
    width: 206px;
    text-align: center;
    padding-top: 16px;
    height: 128px;
    border-left: 2px dashed rgba(0,0,0,0.12)
}

    .my_ticket .op .color {
        display: inline-block;
        width: 120px;
        height: 30px;
        line-height: 30px;
        margin-top: 16px;
        border-style: solid;
        border-width: 1px;
        border-radius: 20px;
        background: #fff
    }

.ticket_keeping {
    padding: 24px 0 8px 0
}

    .ticket_keeping .top {
        background: #ecf1f4;
        height: 36px;
        line-height: 36px;
        padding: 0 8px
    }

    .ticket_keeping .step {
        background: #f5f9fb;
        padding: 24px 0 0 64px;
        text-align: center
    }

        .ticket_keeping .step .s_li {
            float: left;
            margin-right: 40px;
            width: 200px
        }

        .ticket_keeping .step .s_n {
            margin-bottom: 16px
        }

            .ticket_keeping .step .s_n .bg {
                display: inline-block;
                width: 24px;
                line-height: 24px;
                height: 24px;
                color: #fff;
                font-weight: bold;
                font-size: 14px;
                font-style: italic;
                vertical-align: middle;
                border-radius: 50%;
                margin-right: 8px
            }

.my_order_li {
    margin-bottom: 24px
}

    .my_order_li .order_box {
        border-top-style: solid;
        border-top-width: 2px;
        border-radius: 4px;
        margin-top: 32px;
        padding: 16px;
        position: relative;
        background: #f2f1f1
    }

        .my_order_li .order_box:first-child {
            margin-top: 0
        }

        .my_order_li .order_box .zt {
            position: absolute;
            right: 16px;
            top: 16px
        }

    .my_order_li p {
        color: #545454;
        line-height: 1.7
    }

    .my_order_li .order_infor {
        background: #f2f1f1;
        padding: 16px
    }

        .my_order_li .order_infor .li_intro {
            position: relative
        }

            .my_order_li .order_infor .li_intro .li_box {
                position: relative;
                border-bottom: 1px solid rgba(0,0,0,0.12);
                padding: 8px 0
            }

            .my_order_li .order_infor .li_intro .icon {
                position: relative;
                font-size: 24px;
                margin: 0;
                left: 50%;
                color: #bbb
            }

                .my_order_li .order_infor .li_intro .icon.f_r {
                    position: absolute;
                    font-size: 24px;
                    left: 90%;
                    top: 36%;
                    color: #de0e00
                }

            .my_order_li .order_infor .li_intro p .icon.f_r {
                top: -8
            }

    .my_order_li .order_box .li_intro {
        position: relative
    }

        .my_order_li .order_box .li_intro .icon.f_r {
            position: absolute;
            font-size: 24px;
            left: 90%;
            top: 36%;
            color: #de0e00
        }

    .my_order_li .order_infor .li_intro .ti {
        font-weight: bold
    }

    .my_order_li .order_infor .li_intro .zt span {
        font-size: 12px;
        padding: 4px;
        margin-left: 8px;
        height: 18px;
        line-height: 10px
    }

    .my_order_li .button {
        border-radius: 4px;
        padding: 6px
    }

    .my_order_li .order_infor .table {
        border: 1px solid rgba(0,0,0,0.12);
        margin: 8px 0;
        background: #fff
    }

        .my_order_li .order_infor .table td {
            padding: 8px
        }

    .my_order_li .order_infor .ticket td {
        padding: 16px 8px
    }

    .my_order_li .order_infor td.op {
        width: 150px;
        text-align: center
    }

    .my_order_li .order_infor td.zt {
        text-align: center
    }

    .my_order_li .order_infor tr:last-child td {
        border-bottom: 0
    }

    .my_order_li .my_hotal {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        padding-bottom: 16px;
        margin-bottom: 16px
    }

        .my_order_li .my_hotal .name {
            font-size: 18px;
            margin-bottom: 5px
        }

            .my_order_li .my_hotal .name img {
                height: 16px;
                margin-left: 8px
            }

    .my_order_li .my_travel {
        border-bottom: 1px solid rgba(0,0,0,0.12);
        padding-bottom: 16px;
        margin-bottom: 16px
    }

        .my_order_li .my_travel .name {
            font-size: 18px;
            margin-bottom: 8px
        }

        .my_order_li .my_travel .info span {
            display: inline-block;
            margin-right: 8px;
            opacity: .8
        }

.hotal_order .hotal_li .li {
    overflow: hidden;
    position: relative
}

.hotal_order .hotal_li .img {
    float: left;
    width: 130px;
    height: 85px;
    overflow: hidden
}

    .hotal_order .hotal_li .img img {
        min-height: 100%
    }

.hotal_order .hotal_li .box .info {
    padding-left: 154px
}

.hotal_order .hotal_li .box .price {
    position: absolute;
    right: 0;
    font-size: 30px;
    top: 0
}

.hotal_order .hotal_li .name {
    font-size: 18px
}

    .hotal_order .hotal_li .name a {
        color: inherit
    }

.hotal_order .hotal_li .star img {
    height: 16px;
    margin-bottom: 16px
}

.choose_room {
    padding: 8px;
    margin: 8px 0 16px 0;
    background: #f5f9fb
}

    .choose_room .r_box {
        display: table;
        width: 100%
    }

        .choose_room .r_box.th {
            background: rgba(0,0,0,0.1)
        }

        .choose_room .r_box > div {
            display: table-cell;
            padding: 8px
        }

    .choose_room .r_li {
        border-top: 1px solid rgba(0,0,0,0.1)
    }

    .choose_room .room_bed {
        width: 10%
    }

    .choose_room .zao {
        width: 15%
    }

    .choose_room .last {
        width: 10%
    }

    .choose_room .price {
        width: 15%
    }

    .choose_room .add {
        width: 100px
    }

        .choose_room .add .button {
            padding: 3px 24px;
            border-radius: 2px
        }

    .choose_room .intro {
        display: block;
        opacity: .8;
        margin: 8px;
        margin-top: 0
    }

.travel_order .travel_li .li {
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    border-bottom: 1px dotted rgba(0,0,0,0.12);
    padding-bottom: 16px
}

    .travel_order .travel_li .li:last-child {
        border: 0;
        margin-bottom: 0
    }

.travel_order .travel_li .img {
    float: left;
    width: 260px;
    overflow: hidden;
    height: 174px
}

    .travel_order .travel_li .img img {
        min-height: 100%
    }

.travel_order .travel_li .info {
    padding-left: 284px
}

.travel_order .travel_li .name {
    font-size: 18px;
    margin-bottom: 4px
}

.travel_order .travel_li .nun, .travel_order .travel_li .day {
    display: inline-block;
    margin-right: 16px;
    opacity: .8
}

.travel_order .travel_li .intro {
    display: block;
    margin-top: 16px;
    opacity: .8;
    padding-left: 24px;
    background: url(../img/icon_yinhao.png) no-repeat left top;
    line-height: 20px;
    min-height: 60px;
    margin-bottom: 8px
}

.travel_order .travel_li .price {
    font-size: 30px;
    font-weight: bold;
    float: left
}

.travel_order .travel_li .yd .button {
    float: right;
    background: none !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    font-size: 14px;
    padding: 8px 24px
}

.collect_point {
    background: #ecf1f4;
    overflow: hidden;
    margin: 24px 0;
    padding-top: 16px
}

    .collect_point .c_li {
        background: #fff;
        margin: 0 16px;
        margin-bottom: 16px;
        padding: 16px;
        border-radius: 5px
    }

        .collect_point .c_li .name {
            border-bottom: 1px solid rgba(0,0,0,0.06);
            padding-bottom: 8px;
            margin-bottom: 16px;
            font-size: 14px
        }

            .collect_point .c_li .name .tip_color {
                float: right;
                font-size: 13px
            }

.summary_manage .th img {
    height: 14px;
    margin-left: 4px;
    vertical-align: middle
}

.summary_manage .list td {
    padding: 16px 8px
}

.fill_summary .upload {
    border: 2px dashed rgba(0,0,0,0.12);
    background: #f5f9fb;
    padding: 32px 0;
    font-size: 24px;
    color: #898989
}

    .fill_summary .upload .icon {
        vertical-align: middle;
        line-height: 1;
        font-size: 36px;
        margin-right: 8px
    }

    .fill_summary .upload .tips {
        display: block;
        margin-top: 8px;
        font-size: 13px
    }

.fill_summary .box_warning {
    margin-bottom: 16px;
    padding: 8px
}

.fill_summary .table .del {
    color: #898989
}

.fill_summary .input_box .del {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #898989
}

.author_form .form_li {
    width: 48%;
    float: left;
    margin-right: 2%
}

    .author_form .form_li:nth-child(even) {
        float: right;
        margin-right: 0
    }

.co_author .add_list .it {
    margin-left: 16px
}

.co_author .li {
    background: #f5f9fb;
    padding: 16px;
    margin-bottom: 16px
}

    .co_author .li .ti {
        font-size: 14px;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

.co_author .form_li {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8px
}

.co_author .gs_li .item_li {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    background: rgba(0,0,0,0.06);
    color: #545454
}

.co_author_table {
    padding: 16px 32px
}

    .co_author_table .list td {
        height: 36px
    }

    .co_author_table .add {
        display: inline-block;
        margin: 16px 0
    }

.summary_manage .filter {
    background: #ecf1f4;
    padding: 12px 8px;
    margin: 16px 0
}

    .summary_manage .filter .col-lg-3 {
        margin-left: 2%
    }

    .summary_manage .filter .input_box {
        padding-right: 16px
    }

    .summary_manage .filter .input {
        width: 100%
    }

    .summary_manage .filter .button {
        width: 52px;
        border-radius: 2px
    }

.summary_df .s_info {
    position: relative;
    margin-bottom: 16px
}

    .summary_df .s_info .ti {
        font-size: 20px;
        padding-right: 200px;
        margin-bottom: 12px
    }

    .summary_df .s_info .p_n {
        color: #898989;
        text-align: right;
        position: absolute;
        right: 0;
        top: 0
    }

.summary_df .s_con {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 3px
}

    .summary_df .s_con .a_info {
        background: #ecedf4;
        padding: 16px 16px 8px 16px;
        position: relative
    }

        .summary_df .s_con .a_info img {
            position: absolute;
            top: -8px;
            left: 32px
        }

        .summary_df .s_con .a_info > span {
            display: inline-block;
            margin-right: 16px;
            padding-right: 16px;
            border-right: 1px solid rgba(0,0,0,0.12);
            margin-bottom: 8px
        }

        .summary_df .s_con .a_info span:last-child {
            border: 0
        }

@media screen and (max-width:1130px) {
    .user_center_con {
        width: 724px
    }

    .my_ticket .info {
        width: 320px
    }
}

@media screen and (max-width:1024px) {
    .user_center_nav .li.center {
        box-sizing: content-box
    }

    .user_center_con {
        float: none;
        margin-left: 236px;
        width: auto
    }

    .my_ticket .qr {
        box-sizing: content-box
    }

    .ticket_keeping {
        display: none
    }

    .my_ticket .op {
        height: 142px
    }

    .speech_top .speech_topcontent {
        width: 100%
    }

    .speech_form_box .application_guide .guide_detail {
        max-width: 912px
    }

    .con_txt {
        width: 732px
    }
}

.user_center_con.phone .ti {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px
}

.user_center_con.phone .button_box {
    width: 100%;
    text-align: center
}

.user_center_con.phone .button {
    padding: 6px 16px
}

.user_center_con.phone.user .float_window {
    z-index: 20
}

.user_center_con.phone.user .module_attend {
    background: #ff9000
}

.contact_box {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

    .contact_box .layer_box {
        background: url(../img/website/Contact_wechat_bg.png) no-repeat;
        background-size: contain;
        text-align: center;
        width: 76% !important;
        left: 12% !important;
        top: 20% !important
    }

    .contact_box .close {
        position: absolute;
        right: 1%;
        top: -19%
    }

    .contact_box .float_window {
        display: block !important;
        width: 60px;
        height: 60px;
        border-radius: 56px
    }

        .contact_box .float_window.bg .icon {
            font-size: 32px;
            color: #fff;
            line-height: 54px;
            padding: 0 14px
        }

    .contact_box .layer_box img {
        max-width: 80%;
        margin-top: 10%
    }

    .contact_box .layer_box > div {
        height: auto
    }

    .contact_box .layer_box .tip_text {
        position: relative;
        font-size: 18px;
        color: #bf1e2e;
        margin-top: 8%;
        font-weight: 400
    }

        .contact_box .layer_box .tip_text:before {
            position: absolute;
            content: "";
            width: 14%;
            border-top: 1px solid #bf1e2e;
            height: 0;
            top: 12px;
            left: 7%
        }

        .contact_box .layer_box .tip_text:after {
            position: absolute;
            content: "";
            width: 14%;
            border-top: 1px solid #bf1e2e;
            height: 0;
            top: 12px;
            right: 7%
        }

    .contact_box .layer_box .text {
        text-align: left;
        padding: 0 8%;
        line-height: 1.7;
        font-weight: bold;
        margin-top: 6%;
        font-size: 14px
    }

.user_center_con.phone.user {
    padding: 0
}

    .user_center_con.phone.user .module_attend .button {
        width: 100%;
        padding: 0 16px
    }

    .user_center_con.phone.user .user_info_con {
        padding: 16px
    }

    .user_center_con.phone.user .module_attend .icon {
        display: block;
        font-size: 24px
    }

    .user_center_con.phone.user .module_attend .button {
        padding: 0;
        padding-top: 12px
    }

    .user_center_con.phone.user .module_attend .s_li {
        display: inline-block;
        border-right: 1px solid #fff
    }

        .user_center_con.phone.user .module_attend .s_li:last-child {
            border-right: 0
        }

    .user_center_con.phone.user .module_attend .s_2 {
        width: 49%
    }

    .user_center_con.phone.user .module_attend .s_3 {
        width: 32%
    }

    .user_center_con.phone.user .module_attend .s_4 {
        width: 24%
    }

.my_ticket.phone .info {
    float: left;
    width: 57%;
    padding: 8px;
    border-right: 3px dashed #fff
}

.my_ticket.phone .qr {
    float: right;
    width: 40%;
    padding: 0
}

    .my_ticket.phone .qr img {
        width: 120px;
        height: 120px;
        margin: 8px
    }

.my_ticket.phone .li {
    height: auto;
    overflow: hidden;
    background: #f4f4f4;
    border: 0;
    margin-top: 0;
    margin-bottom: 16px
}

.my_ticket.phone .info .t_n {
    margin: 0
}

.my_ticket.phone .info .at {
    margin: 0;
    margin-top: 8px
}

.my_ticket.phone .button.line {
    margin-top: 8px;
    border-radius: 0;
    border: 1px solid #00a0e8
}

.order_form .ti_l {
    font-size: 18px;
    font-weight: 600
}

.order_form .form_by_event_login {
    margin-top: 24px
}

.order_form .form_li .label_l.middle {
    font-size: 14px;
    font-weight: bold
}

.order_form .form_li {
    margin-bottom: 24px
}

.order_form .button {
    padding: 8px 16px !important
}

    .order_form .button.save {
        background: #ff9000 !important
    }

.user_center_con.fp_queren {
    background: #ecf1f4
}

.user_center_con .fp_quren_box {
    background: #fff;
    border-top-style: solid;
    border-top-width: 3px;
    padding: 16px;
    position: relative;
    border-radius: 3px
}

    .user_center_con .fp_quren_box .ti {
        font-weight: normal;
        margin-bottom: 16px;
        font-size: 18px
    }

        .user_center_con .fp_quren_box .ti .icon {
            font-size: 24px
        }

    .user_center_con .fp_quren_box .form .form_li .label_l {
        color: #bbb;
        float: left;
        max-width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .user_center_con .fp_quren_box .form .form_li .con_l p {
        float: right;
        color: #202020;
        max-width: 66%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.user_center_con .fp_add > div {
    margin-bottom: 8px
}

.user_center_con.fp_queren .bottom {
    margin: 0 1%;
    background: url(../img/phone_img/ticket_bottom_bg.png) bottom repeat-x;
    background-size: 17px 7px;
    height: 7px
}

.user_center_con.fp_queren .button_box {
    margin: 0 auto;
    margin-top: 32px;
    text-align: center
}

.user_center_con.fp_queren .button {
    height: 24px;
    padding: 8px 32px;
    background: #bbb
}

    .user_center_con.fp_queren .button.bg {
        padding: 8px 48px;
        margin-left: 32px
    }

.user_center_con .fp_list.phone .empty {
    border: 0
}

.fp_list.phone .button.line {
    border: 1px solid #00a0e8;
    border-radius: 0;
    margin-top: 16px
}

.fp_list.phone .fp_li .fp_li_intro {
    border-right: 1px solid rgba(0,0,0,0.12);
    border-left: 1px solid rgba(0,0,0,0.12);
    border-top-style: solid;
    border-top-width: 3px;
    padding: 16px;
    position: relative;
    margin-top: 8px;
    border-radius: 4px
}

.fp_list.phone .fp_li .bottom {
    margin: -8px 0;
    background: url(../img/phone_img/ticket_bottom_bg2.png) bottom repeat-x;
    background-size: 17px 7px;
    height: 7px
}

.fp_list.phone .fp_li .li_box {
    margin-bottom: 32px
}

    .fp_list.phone .fp_li .li_box:last-child {
        margin-bottom: 0
    }

    .fp_list.phone .fp_li .li_box .ti {
        text-align: center;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px dashed rgba(0,0,0,0.12)
    }

.fp_list.phone .fp_li .form .form_li .label_l {
    color: #bbb;
    float: left;
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fp_list.phone .fp_li .form .form_li .con_l p {
    float: right;
    color: #202020;
    max-width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fp_list.phone .fp_li .button_box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 32px
}

.fp_list.phone .fp_li .button {
    padding: 6px 32px;
    background: #ff9000
}

.fp_list.phone .tip_color {
    margin-top: 8px
}

.user_center_con.add_address .form_li .label {
    font-weight: bold
}

.user_center_con.add_address .button_box {
    width: 100%;
    text-align: center
}

    .user_center_con.add_address .button_box .button {
        background: #ff9000 !important
    }

.user_center_con.add_fp .form_li .label {
    font-weight: bold
}

.user_center_con.add_fp .button_box {
    width: 100%;
    text-align: center
}

    .user_center_con.add_fp .button_box .button {
        background: #ff9000 !important
    }

.attend_form_box.phone > .title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 16px
}

    .attend_form_box.phone > .title span {
        font-size: 24px;
        color: #ff9000
    }

.attend_form_box.phone .user_con_title {
    font-size: 14px;
    font-weight: inherit
}

    .attend_form_box.phone .user_con_title .icon {
        font-size: 16px
    }

.attend_form_box.phone .it.half {
    width: 100%;
    margin-bottom: 8px
}

.attend_form_box.phone .form_li .it_span {
    height: 36px;
    line-height: 36px;
    border-radius: 4px
}

    .attend_form_box.phone .form_li .it_span.active {
        color: #fff;
        border: 0;
        background: #ff9000 !important
    }

.attend_form_box.phone .form_li .label_l {
    font-weight: bold;
    overflow: hidden
}

    .attend_form_box.phone .form_li .label_l .f_r.color {
        color: #ff9000 !important
    }

.attend_form_box.phone .select_li {
    margin-bottom: 8px
}

    .attend_form_box.phone .select_li:last-child {
        margin-bottom: 0
    }

    .attend_form_box.phone .select_li .select_intro {
        padding: 8px;
        border: 1px solid rgba(0,0,0,0.12);
        float: right;
        width: 90%;
        color: #a5a5a5
    }

        .attend_form_box.phone .select_li .select_intro span {
            margin-right: 24px
        }

            .attend_form_box.phone .select_li .select_intro span:last-child {
                margin-right: 0
            }

    .attend_form_box.phone .select_li .icon {
        font-size: 24px;
        color: #e1e1e1
    }

    .attend_form_box.phone .select_li .icon_box {
        float: left;
        padding-top: 8px
    }

    .attend_form_box.phone .select_li.active .select_intro {
        color: #202020;
        border-color: #ff9000 !important
    }

    .attend_form_box.phone .select_li.active .icon {
        color: #ff9000 !important
    }

.attend_form_box.phone .divselect {
    line-height: 36px
}

.attend_form_box.phone .select_li .text {
    line-height: 36px;
    color: #898989
}

    .attend_form_box.phone .select_li .text.choose {
        line-height: 24px;
        padding: 4px 0;
        color: #202020
    }

.attend_form_box.phone .form_li #invoice_express_block {
    margin-top: 16px
}

.attend_form_box.phone .button_box {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.attend_form_box.phone .button {
    padding: 6px 48px;
    background: #ff9000 !important
}

.attend_form_box.phone .user_con_title {
    margin-bottom: 8px
}

.user_center .module_pj {
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: fixed;
    top: 0;
    color: #fff
}

    .user_center .module_pj .button_box {
        padding: 0 16px
    }

.user_center_con.phone .my_order_li .order_box, .user_center_con.phone .my_order_li .order_infor {
    border: 0;
    padding: 16px;
    padding-bottom: 0;
    background: 0
}

.user_center_con.phone .my_order_li {
    border: 1px solid rgba(0,0,0,0.12)
}

    .user_center_con.phone .my_order_li .order_infor .clearfix {
        padding: 16px 0;
        font-weight: bold
    }

    .user_center_con.phone .my_order_li .order_box .zt span {
        display: inline-block;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        padding: 0 8px;
        font-weight: bold
    }

    .user_center_con.phone .my_order_li .order_box .zt {
        position: absolute;
        right: 16px;
        top: 16px
    }

    .user_center_con.phone .my_order_li .line {
        margin: 16px 0 0 0
    }

    .user_center_con.phone .my_order_li .order_infor {
        border-radius: 0 0 8px 8px
    }

        .user_center_con.phone .my_order_li .order_infor .table .p_no {
            display: none
        }

        .user_center_con.phone .my_order_li .order_infor td.op {
            width: 80px
        }

    .user_center_con.phone .my_order_li .li_intro {
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0,0,0,0.12)
    }

    .user_center_con.phone .my_order_li .order_infor .order_infor_box .li {
        margin-top: 16px
    }

        .user_center_con.phone .my_order_li .order_infor .order_infor_box .li:first-child {
            margin-top: 0
        }

    .user_center_con.phone .my_order_li .icon {
        font-size: 24px;
        margin-top: -8px;
        color: #ff9000
    }

    .user_center_con.phone .my_order_li .button {
        padding: 6px 16px;
        background: #ff9000;
        border-radius: 0
    }

    .user_center_con.phone .my_order_li .fontsize24 {
        color: #ff9000
    }

    .user_center_con.phone .my_order_li .order_infor .clearfix.ti {
        margin-bottom: 0
    }

.phone.choose_order .my_order .order_box {
    padding: 16px;
    padding-bottom: 0;
    margin-bottom: 16px;
    background: #ecf1f4;
    position: relative;
    margin-bottom: 24px;
    border-top-width: 3px;
    border-top-style: solid;
    background-size: 211px 26px;
    border-radius: 4px 4px 0 0
}

.phone.choose_order .my_order .zt {
    position: absolute;
    right: 16px;
    top: 16px
}

.phone.choose_order .my_order .clearfix {
    border-top: 1px solid #ccc;
    padding: 16px 0;
    margin-top: 8px
}

.phone.choose_order .my_order .order_box .clearfix .icon {
    float: right;
    margin-right: 8px;
    font-size: 24px;
    color: #c9c9c9;
    left: 0
}

.phone.choose_order .my_order .button_box {
    width: 100%;
    text-align: center
}

    .phone.choose_order .my_order .button_box .button {
        width: 100%;
        padding: 8px 0
    }

.phone_nav {
    display: none
}

.website_header {
    display: none
}

@media screen and (max-width:768px) {
    .website_header {
        display: block;
        background: #fff !important;
        height: 0
    }

        .website_header .nav_left {
            display: none
        }

        .website_header .nav_right {
            position: fixed;
            right: 8px;
            top: 8px;
            z-index: 100
        }

    .phone_nav .nav_icon {
        color: #202020;
        width: 36px;
        height: 36px;
        display: inline-block;
        text-align: center;
        line-height: 34px;
        border-radius: 50%;
        position: relative;
        z-index: 2;
        border: 1px solid rgba(0,0,0,0.12)
    }

    .phone_nav {
        display: inline-block
    }

        .phone_nav .nav_icon .icon {
            margin: 0
        }

        .phone_nav .nav_icon .close {
            display: none
        }

        .phone_nav .nav_icon.active .nav {
            display: none
        }

        .phone_nav .nav_icon.active {
            background: #f7f9fb
        }

            .phone_nav .nav_icon.active .close {
                display: inline-block
            }

        .phone_nav .user_center_nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: #27282d;
            display: block;
            z-index: 1;
            color: #fff;
            min-height: 100vh
        }

            .phone_nav .user_center_nav .li a, .phone_nav .li .submenu {
                color: #fff
            }

            .phone_nav .user_center_nav .li {
                height: auto;
                min-height: 50px
            }

            .phone_nav .user_center_nav .mt_16 {
                display: none
            }

    .user_center_nav .li.color .icon_arrow {
        right: 16px
    }

    .phone_nav .user {
        padding: 16px;
        font-size: 16px
    }

    .phone_nav .avator {
        width: 48px !important;
        height: 48px !important;
        margin-right: 16px !important
    }

    .phone_nav .button {
        margin: 16px;
        height: 32px;
        line-height: 32px
    }

    .phone_nav .li .submenu > span {
        line-height: 50px;
        padding-left: 16px
    }

    .phone_nav .li .submenu .bg {
        display: none
    }

    .phone_nav .li .submenu_li {
        background: rgba(0,0,0,0.3)
    }

        .phone_nav .li .submenu_li .icon {
            display: none
        }

        .phone_nav .li .submenu_li .color .icon {
            display: inline-block;
            font-size: 12px;
            float: right
        }

    .attend_info {
        margin-top: 0
    }

        .attend_info .con_box {
            margin: 0
        }

    .user_center {
        margin: 0
    }

    .user_center_nav {
        display: none
    }

    .user_center_con {
        width: 100%;
        margin: 0;
        min-height: 100vh
    }

    .user_info_con {
        margin-top: 8px
    }

        .user_info_con .user_name {
            float: none !important;
            padding-left: 98px;
            width: auto
        }

    .user_center .back_home {
        bottom: 120px;
        border-radius: 0;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        opacity: .8;
        background: #ff9000;
        color: #fff
    }

    .user_center .float_window {
        bottom: 190px;
        width: 60px;
        height: 60px;
        color: #fff;
        border-radius: 30px;
        opacity: .8;
        background: #ff9000
    }

        .user_center .float_window .icon {
            font-size: 32px;
            line-height: 54px;
            padding-left: 14px
        }

    .user_center .back_home .icon {
        font-size: 32px;
        margin-top: 14px
    }

    .buy_ticket .attend_info {
        margin-top: 0;
        min-height: 100vh
    }

    .website_header .logo {
        margin-top: 8px
    }

    .website_header .nav_right .la {
        margin: 0;
        margin-top: 8px
    }

    .website_header .nav_right > .user, .website_header .nav_right .logout {
        display: none
    }

    .speech_top .speech_topcontent {
        width: 100%
    }

    .speech_form_box {
        width: 768px
    }

    .speech_apply_box {
        width: 900px
    }

    .form_select .input_box .input, textarea, select, .dir_drop, .con_txt, .draft_shell, .lecture_box, .lec_line, .via_shell {
        width: 100%;
        box-sizing: border-box
    }

        .draft_shell .upload_file span {
            font-size: 14px
        }
}

@media screen and (max-width:320px) {
    .user_center .float_window {
        width: 40px;
        height: 40px;
        bottom: 120px
    }

        .user_center .float_window .icon {
            font-size: 24px;
            line-height: 40px;
            padding-left: 8px
        }

    .user_center .back_home {
        width: 40px;
        height: 40px;
        bottom: 70px
    }

        .user_center .back_home .icon {
            font-size: 24px;
            line-height: 40px;
            margin: 0
        }
}

@media screen and (max-width:480px) {
    .user_center_con .my_ticket {
        padding-top: 0
    }

    .my_ticket .li {
        height: 210px
    }

        .my_ticket .li:before, .my_ticket .li:after {
            margin-top: 16px
        }

    .my_ticket .qr {
        width: 88px;
        padding: 12px;
        padding-bottom: 0
    }

        .my_ticket .qr img {
            width: 88px;
            height: 88px
        }

    .my_ticket .info {
        padding: 0 16px;
        width: 100%;
        float: none
    }

        .my_ticket .info .t_n {
            margin-top: 16px
        }

        .my_ticket .info .at {
            margin-bottom: 16px
        }

    .my_ticket .op {
        height: auto;
        width: 100%;
        border-left: 0;
        border-top: 2px dashed rgba(0,0,0,0.12);
        margin-top: 24px;
        padding-top: 0
    }

        .my_ticket .op .color {
            margin: 16px 4px 0 4px !important;
            display: none
        }

            .my_ticket .op .color:first-child {
                display: inline-block
            }

    .hotal_order .hotal_li .box {
        position: relative
    }

        .hotal_order .hotal_li .box .price {
            top: auto;
            bottom: -8px
        }

    .choose_room {
        padding: 0
    }

        .choose_room .add {
            width: 74px
        }

    .travel_order .travel_li .img {
        width: 120px;
        height: 78px
    }

    .travel_order .travel_li .info {
        padding-left: 128px
    }
}

@media screen and (max-width:768px) {
    .author_form .form_li {
        width: 100%
    }
}

.administer {
    background: #f7f9fb !important;
    font-size: 14px !important;
    color: #202020 !important;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px
}

.admin_top {
    height: 72px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

    .admin_top .co_logo {
        float: left;
        border-right: 1px solid rgba(0,0,0,0.12);
        width: 200px;
        text-align: center;
        margin-top: 15px
    }

        .admin_top .co_logo img {
            height: 42px
        }

    .admin_top .event_info {
        float: left;
        margin-left: 24px;
        margin-top: 15px
    }

    .admin_top .name {
        font-size: 16px;
        font-weight: bold
    }

    .admin_top .op a {
        color: inherit;
        margin-right: 16px
    }

.admin_center {
    display: table;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 5
}

    .admin_center .co_info {
        display: table-cell;
        width: 200px;
        height: 100%;
        position: relative;
        color: #fff;
        padding-top: 72px
    }

        .admin_center .co_info > .bg {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 1
        }

        .admin_center .co_info .avator_box {
            position: relative;
            z-index: 2;
            margin: 40px 0;
            text-align: center
        }

        .admin_center .co_info .avator {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: #fff;
            margin-bottom: 16px
        }

    .admin_center .nav_list {
        position: relative;
        z-index: 2
    }

        .admin_center .nav_list .li {
            width: 240px
        }

            .admin_center .nav_list .li a {
                display: block;
                color: #fff;
                padding: 16px;
                text-align: center
            }

            .admin_center .nav_list .li .icon {
                display: block;
                font-size: 24px
            }

            .admin_center .nav_list .li.active {
                background: rgba(255,255,255,0.2);
                border-left: 3px solid rgba(255,255,255,0.6);
                width: 237px
            }

    .admin_center .quit {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        right: 0
    }

        .admin_center .quit a {
            display: block;
            text-align: center;
            color: #fff;
            padding: 8px
        }

.administer .client {
    display: table-cell;
    padding-top: 72px;
    vertical-align: top
}

    .administer .client .news {
        position: relative;
        padding: 24px;
        margin: 12px 0
    }

        .administer .client .news .bg {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1;
            opacity: .1
        }

        .administer .client .news .line {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 1;
            opacity: .1;
            border-top-style: solid;
            border-top-width: 1px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            opacity: .2
        }

        .administer .client .news .link {
            position: relative;
            z-index: 2
        }

        .administer .client .news .icon {
            font-size: 36px;
            line-height: 1;
            margin-right: 8px;
            vertical-align: middle
        }

.administer .statistics {
    margin: 0 12px
}

    .administer .statistics .box {
        margin: 0 12px;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
        border-radius: 3px;
        padding: 24px;
        height: 240px
    }

    .administer .statistics .pie {
        float: left
    }

    .administer .statistics .data {
        float: left;
        margin-left: 24px;
        margin-top: 24px
    }

    .administer .statistics .li {
        margin-bottom: 8px
    }

    .administer .statistics .i {
        display: inline-block;
        width: 16px;
        height: 2px;
        border-radius: 2px;
        vertical-align: middle;
        margin-right: 8px
    }

.administer .padd {
    padding: 16px 24px
}

.administer .hover_box {
    border-radius: 3px
}

    .administer .hover_box .li {
        white-space: nowrap;
        position: relative
    }

        .administer .hover_box .li > span {
            position: relative;
            z-index: 2
        }

        .administer .hover_box .li:hover, .administer .hover_box .li.active {
            color: #fff
        }

            .administer .hover_box .li:hover .bg, .administer .hover_box .li.active .bg {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                z-index: 1
            }

.administer .op_box .ti {
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    margin-left: 16px
}

.administer .op_box .button {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    margin-left: 4px;
    position: relative;
    padding: 6px 16px
}

    .administer .op_box .button > span {
        position: relative;
        z-index: 2
    }

.administer .op_box .hover:hover .button {
    color: #fff !important
}

    .administer .op_box .hover:hover .button .bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1
    }

.administer .op_box .hover:hover .caret {
    border-top-color: #fff !important
}

.administer .op_box .hover_block {
    left: auto;
    right: 0
}

.administer .op_box .button.bg {
    padding: 3px 8px
}

.administer .attend_search {
    background: #fff;
    padding: 16px;
    margin: 16px 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    border-radius: 3px
}

    .administer .attend_search .input {
        width: 600px;
        background-color: #f7f9fb;
        border: 1px solid #f7f9fb;
        margin-bottom: 8px;
        border-radius: 3px
    }

        .administer .attend_search .input:focus {
            border-color: inherit
        }

    .administer .attend_search .select_box {
        float: left;
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 8px
    }

    .administer .attend_search .select {
        background-color: #f7f9fb;
        border: 1px solid #f7f9fb;
        width: auto;
        padding-right: 32px;
        border-radius: 3px
    }

.administer .select_box.date .select {
    background-image: none;
    position: relative
}

    .administer .select_box.date .select .icon {
        position: absolute;
        line-height: 1;
        right: 8px;
        top: 8px
    }

.administer .date_span {
    padding: 16px 4px;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}

    .administer .date_span span {
        display: inline-block;
        border-width: 1px;
        border-radius: 3px;
        border-style: solid;
        border-color: rgba(0,0,0,0.12);
        margin: 0 4px;
        float: left;
        text-align: center;
        padding: 4px 0
    }

        .administer .date_span span.bg {
            color: #fff;
            border-color: inherit
        }

.administer .date .calendar {
    padding: 16px 8px
}

.administer .search_but .button {
    padding: 6px 24px;
    border-radius: 3px
}

.administer .table_list {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 16px
}

    .administer .table_list .th td {
        border-bottom: 1px solid rgba(0,0,0,0.06);
        color: #545454;
        background: #fff
    }

    .administer .table_list .table td {
        padding: 12px 16px
    }

    .administer .table_list tr:hover {
        background: #f7f9fb
    }

    .administer .table_list tr.active {
        background: #eff2f5
    }

.administer .pagination {
    margin: 16px
}

.administer .order_layer {
    top: 72px
}

.website_footer {
    border-top: 3px solid rgba(0,0,0,0.6) !important;
    color: #898989;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.website_footer_bg {
    background: #27282d;
    padding: 16px 0
}

.website_footer a {
    color: #898989
}

.website_footer .by_bagevent {
    background: url(../img/logo.png) no-repeat left center;
    background-size: 36px 36px;
    padding-left: 40px;
    height: 38px;
    line-height: 18px
}

.website_footer .bag {
    color: #fff
}

.website_footer .c_r {
    text-align: right
}

.website_footer .footer_left.f_r {
    text-align: right
}

.no_footer * {
    display: none
}

.phone .website_footer .footer_left {
    width: 100%
}

.phone .website_footer .by_bagevent {
    text-align: right;
    background-position: left top;
    padding-bottom: 40px;
    padding-left: 0;
    font-size: 0;
    background: 0;
    height: auto
}

    .phone .website_footer .by_bagevent > div {
        font-size: 12px;
        text-align: center
    }

.phone .no_footer {
    height: 49px;
    display: block
}

.set_site_button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    z-index: 1000
}

    .set_site_button img.text {
        float: left;
        height: 24px;
        margin-top: 12px
    }

    .set_site_button .button {
        float: right;
        padding: 12px 48px;
        font-size: 14px;
        border-radius: 2px;
        background: #0fbfd7;
        color: #fff
    }

@media screen and (max-width:800px) {
    .set_site_button {
        display: none
    }
}

.iframemodule .page_head {
    display: none !important
}

.iframemodule .text_img_li .img_scale {
    display: none
}

.iframemodule .text_img_li .li {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0
}

    .iframemodule .text_img_li .li .info {
        margin: 0;
        padding: 0
    }

        .iframemodule .text_img_li .li .info .ti {
            color: #202020;
            font-weight: bold;
            margin: 0;
            -webkit-line-clamp: 1;
            font-size: 13px
        }

            .iframemodule .text_img_li .li .info .ti:before {
                content: url(https://img.bagevent.com/resource/20180622/15465783135754.png);
                display: inline-block;
                margin-right: 10px;
                vertical-align: top
            }

.iframemodule .text_img_li .time {
    display: none
}

.iframemodule .text_img_li .summary {
    display: none
}

.iframemodule .article_con .text_top .time {
    display: none
}

.iframemodule .article_con .summary {
    display: none
}

.iframemodule .article_con .text_top .ti {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
    font-family: "Calibri";
    color: #4e5359
}

.buy_ticket .attend_form_box.eh_attend_form_box {
    padding: 0
}

.buy_ticket .attend_form .form_li .sub_f_con {
    padding-left: 14px
}

.buy_ticket .attend_form .form_li .goods {
    color: #202020;
    margin-right: 20px;
    font-weight: bold
}

    .buy_ticket .attend_form .form_li .goods .goods_pr {
        margin-left: 10px
    }

.buy_ticket .attend_form .form_li .goods_tip {
    margin: 4px 0 8px 26px
}

@media screen and (max-width:375px) {
    .buy_ticket .attend_form .form_li .sub_f_con {
        padding-left: 26px
    }

    .buy_ticket .attend_form .form_li .goods {
        float: none !important;
        width: auto
    }

    .buy_ticket .attend_form .form_li .goods_pr {
        float: none !important;
        width: auto
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
    .user_center_con .user_center_con {
        margin-left: 0
    }

    .user_info_con {
        height: 110px
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
    .user_center_con .user_center_con {
        margin-left: 0
    }

    .user_info_con {
        height: 110px
    }
}

.add_trip {
    line-height: 30px;
    margin-right: 40px;
    color: #6b717b
}

    .add_trip i {
        font-size: 12px;
        vertical-align: top
    }

    .add_trip:hover {
        color: #6b717b
    }

.time_list {
    float: left
}

    .time_list .item {
        position: relative;
        width: 124px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 12px;
        cursor: pointer
    }

        .time_list .item a {
            color: inherit
        }

        .time_list .item::after {
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%);
            display: block;
            content: "";
            border: 4px solid;
            border-color: transparent transparent transparent rgba(0,0,0,0.12)
        }

        .time_list .item.bg {
            color: #fff
        }

            .time_list .item.bg::after {
                border-left-color: inherit
            }

.trip_detail {
    padding: 0 19px 0 25px;
    margin-left: 124px;
    border-left: 1px solid rgba(0,0,0,0.12)
}

    .trip_detail .time_item {
        margin-bottom: 40px
    }

        .trip_detail .time_item:last-of-type {
            margin-bottom: 0
        }

        .trip_detail .time_item .time_title {
            padding: 0 0 8px 0;
            border-bottom: 1px solid rgba(0,0,0,0.12)
        }

            .trip_detail .time_item .time_title .day {
                display: inline-block;
                font-size: 20px;
                font-weight: bold
            }

            .trip_detail .time_item .time_title .time {
                display: inline-block;
                font-size: 12px;
                color: #979ca3;
                margin-left: 8px
            }

.trip_item {
    margin-top: 20px
}

    .trip_item .left_box {
        float: left;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 2px
    }

        .trip_item .left_box img {
            width: 100%;
            height: 100%
        }

    .trip_item .right_box {
        margin-left: 34px
    }

        .trip_item .right_box .trip_title {
            margin-bottom: 7px
        }

            .trip_item .right_box .trip_title .title_time {
                font-weight: bold;
                margin-right: 8px
            }

            .trip_item .right_box .trip_title .edit {
                float: right;
                cursor: pointer
            }

        .trip_item .right_box .flex {
            display: flex;
            justify-content: space-between
        }

        .trip_item .right_box .gray_box {
            padding: 15px 20px;
            background-color: #ecedf4;
            border-radius: 4px
        }

            .trip_item .right_box .gray_box .center {
                display: flex;
                align-items: center
            }

                .trip_item .right_box .gray_box .center .cir .circle {
                    display: inline-block;
                    width: 4px;
                    height: 4px;
                    border-radius: 50%
                }

                .trip_item .right_box .gray_box .center .cir.cir_l .circle {
                    margin-left: 4px
                }

                    .trip_item .right_box .gray_box .center .cir.cir_l .circle:first-of-type {
                        margin-left: 0
                    }

                .trip_item .right_box .gray_box .center .cir.cir_r .circle {
                    margin-right: 4px
                }

                .trip_item .right_box .gray_box .center .cir.cir_l .circle:last-of-type {
                    margin-right: 0
                }

                .trip_item .right_box .gray_box .center .cir .circle.circle_1 {
                    background-color: rgba(0,0,0,0.1)
                }

                .trip_item .right_box .gray_box .center .cir .circle.circle_2 {
                    background-color: rgba(0,0,0,0.15)
                }

                .trip_item .right_box .gray_box .center .cir .circle.circle_3 {
                    background-color: rgba(0,0,0,0.2)
                }

                .trip_item .right_box .gray_box .center .p_time {
                    margin: 0 8px;
                    font-size: 12px;
                    color: #979ca3;
                    text-align: center
                }

            .trip_item .right_box .gray_box .s_time {
                font-size: 28px;
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .trip_item .right_box .gray_box .right .s_time {
                text-align: right
            }

            .trip_item .right_box .gray_box .s_place {
                font-size: 12px;
                color: #979ca3
            }

            .trip_item .right_box .gray_box .right .s_place {
                text-align: right
            }

            .trip_item .right_box .gray_box .s_place .m_r {
                margin-right: 4px
            }

        .trip_item .right_box .font_20 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 3px
        }

        .trip_item .right_box .gray_12 {
            font-size: 12px;
            color: #979ca3
        }

        .trip_item .right_box .b_t {
            margin-top: 21px;
            padding: 10px 0;
            border-top: 1px solid rgba(0,0,0,0.058)
        }

        .trip_item .right_box .r_img {
            flex: none;
            overflow: hidden;
            position: relative;
            width: 216px;
            height: 144px;
            border-radius: 4px
        }

            .trip_item .right_box .r_img img {
                width: 100%;
                height: 100%
            }

            .trip_item .right_box .r_img .more_info {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 34px;
                line-height: 34px;
                color: #fff;
                cursor: pointer;
                background-color: rgba(51,51,79,0.8);
                text-align: right;
                padding: 0 10px
            }

        .trip_item .right_box .sp_title .gray_12 i {
            font-size: 12px;
            vertical-align: top
        }

        .trip_item .right_box .sp_title .b_bg {
            padding: 4px 8px;
            background-color: #4b7afd;
            color: #fff;
            font-size: 12px;
            text-align: center
        }

        .trip_item .right_box .font_16 {
            font-size: 16px;
            font-weight: bold;
            margin-top: 8px
        }

    .trip_item .m_r_12 {
        margin-right: 12px
    }

    .trip_item .right_box .hotel {
        flex: 1
    }

.driver {
    display: flex;
    align-items: center
}

    .driver .d_avatar {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 12px
    }

        .driver .d_avatar img {
            width: 100%;
            height: 100%;
            border-radius: 50%
        }

    .driver .driver_tel {
        font-weight: bold;
        font-size: 20px
    }

.gray_box .d_card {
    font-size: 24px;
    font-weight: bold;
    text-align: right
}

.gray_box .d_place {
    font-size: 12px;
    color: #979ca3
}

.driver .driver_tel i {
    display: none
}

.p_btn {
    display: none
}

.trip_detail .time_item .time_title .p_sign {
    display: none
}

.form_li .input, .form_li textarea, .form_li select {
    border-color: rgba(0,0,0,0.12)
}

.no_etickets {
    text-align: center
}

    .no_etickets .no_img {
        width: 178px;
        height: 116px;
        margin: 0 auto 16px
    }

    .no_etickets .no_text {
        color: #979ca3
    }

.phone_hotel {
    display: none
}

.p_info_ti .p_add_2 {
    display: none
}

@media screen and (max-width:960px) {
    .add_trip {
        margin-right: 20px
    }

    .p_info_ti .p_add_2 {
        display: block;
        position: fixed;
        bottom: 10vh;
        right: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 94px;
        height: 94px;
        border-radius: 50%;
        background-color: #ff5304;
        z-index: 20;
        color: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16)
    }

        .p_info_ti .p_add_2 .add_trip {
            margin-right: 0;
            color: inherit;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

            .p_info_ti .p_add_2 .add_trip i {
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                border: 1px solid #fff;
                border-radius: 3px;
                overflow: hidden;
                margin-right: 0
            }

    .time_list {
        display: none
    }

    .trip_detail {
        padding: 0 0 20px 15px;
        margin-left: 0;
        height: auto;
        overflow-y: initial
    }

        .trip_detail .time_item {
            margin-bottom: 20px
        }

            .trip_detail .time_item .time_title {
                padding: 8px 16px 0 16px;
                border: 0;
                position: relative;
                display: flex;
                align-items: center
            }

                .trip_detail .time_item .time_title .p_sign {
                    position: absolute;
                    top: 50%;
                    left: -15px;
                    transform: translateY(-50%);
                    display: block
                }

                    .trip_detail .time_item .time_title .p_sign::before {
                        position: absolute;
                        top: 50%;
                        left: 0;
                        display: block;
                        content: "";
                        border: 5px solid transparent;
                        border-left-color: inherit
                    }

    .trip_item {
        margin-left: 0;
        margin-top: 12px;
        box-shadow: 0 2px 20px rgba(0,0,0,0.1);
        border-radius: 4px;
        padding: 6%
    }

        .trip_item .right_box .gray_box {
            background-color: #fff;
            padding: 0;
            margin-left: -34px
        }

            .trip_item .right_box .gray_box .s_place {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                max-width: 56px
            }

            .trip_item .right_box .gray_box.car {
                flex-direction: column-reverse
            }

            .trip_item .right_box .gray_box.plane {
                margin-top: 24px;
                align-items: center
            }

        .trip_item .right_box .driver {
            padding-top: 17px;
            margin-top: 14px;
            border-top: 1px solid rgba(0,0,0,0.12)
        }

    .driver .d_avatar {
        width: 22px;
        height: 22px
    }

    .driver .driver_info {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: space-between
    }

    .driver .driver_tel {
        font-size: 16px;
        color: #4076ff
    }

    .gray_box .d_card {
        text-align: left;
        margin-top: 15px
    }

    .driver .driver_tel i {
        display: inline-block;
        vertical-align: top
    }

    .driver .driver_tel .p_num {
        text-decoration: underline;
        font-weight: bold
    }

    .trip_item.theme {
        position: relative;
        padding-bottom: 12%
    }

    .theme_speech {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .sp_title .gray_12 {
        position: absolute;
        bottom: 6%;
        left: 6%;
        right: 6%;
        padding-top: 13px;
        border-top: 1px solid rgba(0,0,0,0.12)
    }

    .trip_item.p_hotel {
        position: relative;
        padding: 0
    }

    .trip_item .right_box .hotel {
        padding-right: 122px
    }

        .trip_item .right_box .hotel .font_20 {
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

    .trip_item .right_box .b_t {
        position: absolute;
        bottom: 0;
        left: 6%;
        right: 6%
    }

    .trip_item .right_box .gray_box .s_time {
        font-size: 22px;
        font-weight: bold;
        max-width: 62px;
        white-space: nowrap
    }

    .p_t {
        position: absolute;
        top: 0;
        right: 0
    }

    .trip_item .right_box .r_img {
        width: 144px;
        height: 142px
    }

    .p_btn {
        display: block;
        float: right;
        color: #4073ff;
        text-decoration: underline
    }

    .p_info_ti .p_add {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60px;
        background-color: #fff;
        z-index: 99;
        display: flex;
        align-items: center;
        box-shadow: 0 -3px 6px rgba(0,0,0,0.16);
        padding: 0;
        display: none
    }

        .p_info_ti .p_add .add_trip {
            margin-right: 0;
            width: 33.33%;
            text-align: center;
            line-height: 60px;
            border-right: 1px solid rgba(0,0,0,0.12);
            background-color: #ff5304;
            color: #fff;
            font-size: 14px
        }

    .pc_hotel {
        display: none
    }

    .phone_hotel {
        display: block
    }

        .phone_hotel .top_info {
            display: flex;
            margin-left: 20px;
            border-bottom: 1px solid rgba(0,0,0,0.12)
        }

        .phone_hotel .left_detail {
            flex: 1;
            padding: 20px 20px 0 0
        }

    .left_detail .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        font-weight: bold;
        flex-wrap: wrap
    }

        .left_detail .title .edit i {
            vertical-align: top
        }

        .left_detail .title img {
            width: 24px;
            height: 24px;
            margin-right: 10px
        }

    .left_detail .ht_name {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .left_detail .ht_room {
        font-size: 12px;
        color: #979ca3
    }

    .phone_hotel .top_info .r_img {
        width: 144px;
        height: 142px;
        position: relative
    }

        .phone_hotel .top_info .r_img img {
            width: 100%;
            height: 100%
        }

        .phone_hotel .top_info .r_img .more_info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 34px;
            line-height: 34px;
            color: #fff;
            cursor: pointer;
            background-color: rgba(51,51,79,0.8);
            text-align: center;
            padding: 0 10px
        }

    .phone_hotel .p_hotel_b {
        padding: 18px 20px
    }
}

@media screen and (max-width:320px) {
    .left_detail .title {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .trip_item .right_box .gray_box .center .cir.cir_r .circle {
        margin-right: 0
    }

    .trip_item .right_box .gray_box .center .cir.cir_l .circle {
        margin-left: 0
    }

    .phone_hotel .left_detail {
        padding-right: 10px
    }
}