* { text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -webkit-text-rendering: optimizeLegibility; -webkit-tap-highlight-color: transparent; /*moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;*/ }
*:focus { outline: none }
body { overflow: inherit; }
body, div, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td { padding: 0; margin: 0; }
html, body { font-size: 14px; line-height: 1.5; color: #3a404a; font-family: 'Lato', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; background-color: #ecedf4; font-weight: 400; height: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
a { background: transparent; color: #4076ff; text-decoration: none; }
a:active, a:hover { outline: 0; color: #39a30e }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
b, strong { font-weight: bold; }
small { font-size: 12px; }
img { border: 0; vertical-align: middle; max-width: 100% }
svg:not(:root) { overflow: hidden }
hr { height: 0 }
table { border-spacing: 0; border-collapse: collapse }
iframe { border: 0 }
@media screen and (max-width: 1024px) {
    * { box-sizing: border-box; }
}
@media screen and (max-width: 320px) {
    html { width: 320px; }
}
/*滚动条自定义样式
::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
 border-radius: 8px;
 background-color:rgba(0,0,0,0.3);
}*/
/*------------------------------百格活动公共样式----------------------------*/
/*ICON与图标*/
@font-face { font-family: 'iconfont'; src: url('https://www.bagevent.com/cn/resources/fonts/font2/iconfont.eot'); /* IE9*/ src: url('https://www.bagevent.com/cn/resources/fonts/font2/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://img.bagevent.com/bagevent-cms/resources/fonts/font2/iconfont.woff') format('woff'), /* chrome、firefox */ url('https://www.bagevent.com/cn/resources/fonts/font2/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://www.bagevent.com/cn/resources/fonts/font2/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.icon { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-weight: normal; vertical-align: middle; }
@font-face { font-family: 'iconfont_old'; src: url('https://www.bagevent.com/cn/resources/fonts/iconfont.eot'); /* IE9*/ src: url('https://www.bagevent.com/cn/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://img.bagevent.com/bagevent-cms/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('https://www.bagevent.com/cn/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://www.bagevent.com/cn/resources/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
.account_set_box .icon, .event_setting .icon { font-family: "iconfont_old" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-weight: normal; }
i.icon { margin-right: 4px; }
i.m_icon { margin: 0; }
/*布局*/
.container { width: 1280px; margin-right: auto; margin-left: auto }
.row { margin-right: -16px; margin-left: -16px }
.con_box { margin-right: 16px; margin-left: 16px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-ls-5 { float: left; position: relative; min-height: 1px }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-ls-5 { width: 20%; }
@media screen and (max-width: 1280px) {
    .container { width: 100%; padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 320px) {
    .con_box { margin-right: 8px; margin-left: 8px; }
}
/*浮动与清浮动*/
.f_l { float: left!important }
.f_r { float: right!important }
.clearfix:before, .clearfix:after, .form_li:before, .form_li:after, .con_l:before, .con_l:after { content: " "; display: table }
.clearfix:after, .container:after, .form_li:after, .con_l:after { clear: both }
.clear { clear: both; float: none; }
/*边距*/
.mr_0 { margin-right: 0 !important; }
.mr_4 { margin-right: 4px !important; }
.mr_8 { margin-right: 8px !important; }
.mr_16 { margin-right: 16px !important; }
.mr_24 { margin-right: 24px !important; }
.mt_4 { margin-top: 4px !important; }
.mt_8 { margin-top: 8px !important; }
.mt_16 { margin-top: 16px !important; }
.mt_24 { margin-top: 24px !important; }
.mb_0 { margin-bottom: 0 !important; }
.mb_4 { margin-bottom: 4px !important; }
.mb_8 { margin-bottom: 8px !important; }
.mb_16 { margin-bottom: 16px !important; }
.mb_24 { margin-bottom: 24px !important; }
.ml_8 { margin-left: 8px !important; }
.ml_16 { margin-left: 16px !important; }
/*文本*/
.error_meg { color: #eb3b3b; }
a.error_meg:hover { color: #ff1d00; }
.success_meg { color: #4eb900; }
.m_color { color: #ff5303; }
a.m_color:hover { color: #ff5303; }
.secondary_color { color: #545454; }
.tip_color { color: #979CA3; }
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.ellipsis { word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
a.icon.del { color: #a3aaad; }
.del:hover { color: #ff1d00 !important; }
.fontsize14 { font-size: 14px; }
.fontsize16 { font-size: 16px; }
.fontsize20 { font-size: 20px; }
.fontsize24 { font-size: 24px; }
/*表单*/
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer }
button::-moz-focus-inner, input::-moz-focus-inner {
    padding:0;
    border:0
}
button { border-radius: 0; font-family: inherit; font-size: inherit; padding: 0; margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { padding: 0!important; width: auto!important; height: auto!important; margin: 1px; margin-right: 4px; vertical-align: middle; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"] { -webkit-appearance: textfield }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px white inset
}
textarea { overflow: auto; -webkit-appearance: none; resize: none; line-height: 1.42857143!important; display: block; background: #fff; padding: 5px 8px; border: 1px solid rgba(0,0,0,0.12); height: 52px; border-radius: 0; width: auto }
input[type="text"], .input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; color: #3a404a; }
select { box-sizing: border-box !important; padding: 0 12px; background: url(https://img.bagevent.com/resources/img/select_bg.png) no-repeat right center #F7F9FB; background-size: 16px; white-space: nowrap; border: 1px solid rgba(0,0,0,0.12); padding-right: 24px; height: 44px; border-radius: 0; }
select::-ms-expand {
    display: none; /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
}
select.block { width: 100%; }
select.small { height: 28px; }
.input { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; margin-top: auto; padding: 0 12px; border: 1px solid rgba(0,0,0,0.12); line-height: 44px; height: 44px; -ms-flex-preferred-size: 26px; width: auto; background: #F7F9FB; border-radius: 2px; box-sizing: border-box; }
.input:hover, select:hover, textarea:hover { border: 1px solid rgba(0,0,0,0.36); }
.input.error, .input.Validform_error { border: 1px solid #fc6670; }
.input:focus, select:focus, textarea:focus { border: 1px solid rgba(0,160,232,1); }
.input:invalid {
    outline:none;
    box-shadow:none
}
.unclickable { background-color: #f7f9fb; cursor: not-allowed !important; color: #979CA3; -webkit-text-fill-color: #979CA3; }
.unclickable:hover { border: 1px solid rgba(0,0,0,0.12); }
.unclickable:focus { border: 1px solid rgba(0,0,0,0.12); }
.button.unclickable:hover { border: 0; color: #979CA3; }
.button.unclickable:focus { border: 0; color: #979CA3; }
.selector { background: #ecf1f4; display: inline-block; border-radius: 24px; height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; cursor: pointer; vertical-align: middle; }
.selector.a_over .a { display: inline-block; background: #59c60a; color: #fff; border-radius: 24px; padding: 0 12px; margin-left: 24px; }
.selector.a_over .b { display: none; }
.selector.b_over .a { display: none; }
.selector.b_over .b { display: inline-block; background: #a3aaad; color: #fff; border-radius: 24px; padding: 0 8px; margin-right: 24px; }
.q_con { background: #fff; text-align: center; overflow: hidden; display: inline-block; vertical-align: middle; }
.q_con > span { display: inline-block; vertical-align: middle; }
.q_con .nun { border: 1px solid #ffa981; color: #ff5303; cursor: pointer; background: #f7f9fb; padding: 8px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: content-box; position: relative; }
.q_con .nun.plus { margin-right: 8px; }
.q_con .nun.minus { margin-left: 8px; }
.q_con .nun .icon { margin: 0; display: inline-block; line-height: 1; font-size: 1em; float: left; }
.q_con .nun.disabled { border: 1px solid rgba(0,0,0,0.12); color: rgba(0,0,0,0.12); cursor: not-allowed; }
.q_con .nun.disabled .icon { opacity: 0.4; }
.input_box { position: relative; }
.form_li { margin-bottom: 16px; position: relative; }
.form_li .label { display: block; margin-bottom: 8px; font-weight: bold; }
.form_li .label .error_meg, .form_li .label_l .error_meg { margin-left: 4px; }
.form_li .label_l { display: block; margin-bottom: 8px; font-weight: bold; }
.form_li .input_box .input, .form_li .input_box textarea { width: 100%; }
.form_li .input_box textarea { min-height: 44px; }
.form_li .short_input { display: inline-block; vertical-align: middle; position: relative; }
.form_li .short_input .input { width: 86px; }
.form_li .short_input select { width: 86px; }
.form_li .select_box .select, .form_li .select_box .input { width: 70%; float: left; }
.form_li .select_box .button { padding: 0; float: right; width: 30%; height: 44px; line-height: 44px; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.12); border-left: 0; color: #3a404a; }
.form_li .ab { position: absolute; display: inline-block; width: 16px; height: 16px; line-height: 16px; left: 8px; top: 8px; color: #a3aaad; margin: 0; text-align: center; padding-right: 8px; border-right: 1px solid rgba(0,0,0,0.12); padding-top: 2px; padding-bottom: 2px; }
.form_li .ab_right .ab { left: auto; right: 0; padding-right: 0; border-right: 0; border-left: 1px solid rgba(0,0,0,0.12); width: 36px; text-align: center; }
.form_li .ab_left, .form_li .ab_right { position: relative; }
.form_li .ab_left .input, .form_li .ab_left select { padding-left: 40px; }
.form_li .ab_right .input { padding-right: 38px; }
.form_li .ab_right select { padding-right: 62px; background: url(https://img.bagevent.com/resources/img/select_bg_a.png) no-repeat right center #fff; background-size: 56px; }
.form_li .con_l .it, .form_li .f_con .it { margin-right: 24px; display: inline-block; float: left; }
.form_li .con_l .it:last-child, .form_li .f_con .it:last-child { margin-right: 0; }
.form_li .it_span { display: inline-block; height: 34px; line-height: 34px; border: 1px solid rgba(0,0,0,0.12); min-width: 120px; text-align: center; padding: 0 16px; cursor: pointer; background: #fff; }
.form_li .it_span.active { border-color: #ff5303; color: #ff5303; }
.form_li .half { width: 45%; float: left; }
.form_li .half.center { width: 10%; text-align: center; line-height: 36px; }
.form_li .item_li { margin-bottom: 4px; display: block; }
.form_li .item_li:last-child { margin-bottom: 0; }
.form_li .item_li .item_input { float: left; width: 16px; margin-top: 2px; }
.form_li .item_li .item_con { padding-left: 20px; }
.form_li .item_li .item_con .input { width: 100%; box-sizing: border-box; height: 36px; }
.form_li .vote_li { background: #ecf1f4; padding: 8px 8px; margin-bottom: 4px; margin-right: 8px; float: left; display: inline-block; cursor: pointer; height: 20px; line-height: 20px; position: relative; box-sizing: content-box; }
.form_li .vote_li .v_item { margin-right: 4px; }
.form_li .vote_li .op { float: right; }
.form_li .vote_li .op a { margin-left: 8px; }
.form_li .vote_li.w_100 { display: block; float: none; text-align: left; margin-right: 0; margin-bottom: 8px; }
.form_li .vote_li.w_100 .v_item { width: 70%; }
.form_li .vote_li.add .icon { display: inline-block; width: 20px; text-align: center; color: #979CA3; margin: 0; }
.form_li .commodity { overflow: hidden; }
.form_li .commodity_info { float: left; max-width: 200px; }
.form_li .commodity_name { font-weight: bold; margin-bottom: 4px; }
.form_li .commodity_lave { font-size: 12px; }
.form_li .commodity_price { font-size: 18px; float: right; margin-top: 10px; text-align: right; }
.form_li .commodity_price .yj { font-size: 12px; color: #545454; margin-left: 8px; }
.form_li .commodity_price .yj .p { text-decoration: line-through; }
.form_block { display: block; }
@media screen and (max-width: 1024px) {
    .input { height: 36px; width: 100%; }
    .form_li .input_box { padding-right: 0; }
}
@media screen and (max-width: 480px) {
    .form_li .label_l { margin-top: 0 !important; display: block; width: auto; margin-bottom: 4px; float: none; text-align: left; }
    .form_li .con_l { padding-left: 0; }
}
/*上传文件*/
.up_file { display: block; height: 34px; line-height: 32px; background: #fff; border: 1px dashed rgba(0,0,0,0.2) !important; color: #3a404a; }
.btn_addPic { display: inline-block; position: relative; width: 100%; height: 100%; overflow: hidden; cursor: pointer; text-align: center; z-index: 2; text-decoration: none!important; color: inherit; }
.btn_addPic:hover { color: inherit; }
.btn_addPic .filePrew { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size: 100px; opacity: 0; filter: alpha(opacity=0); }
.btn_addPic .text { display: block; }
.form_up_img { width: 100px; float: left; }
.form_up_img .img { width: 100px; height: 100px; overflow: hidden; background: url(https://img.bagevent.com/resources/img/up_img_a.png) center no-repeat #ecf1f4; text-align: center; position: relative; }
.form_up_img .img > img { width: 100px; }
.form_up_button { padding-left: 116px; }
.form_up_button .up_text { color: #545454; margin-top: 8px; line-height: 20px; }
.form_li .up { border: 2px dashed rgba(0, 0, 0, 0.12); background: #f4f5f9; position: relative; border-radius: 4px; }
.form_li .up:hover { border-color: #4076FE; }
.form_li .up.line { border: 1px solid rgba(0,0,0,0.12); }
.form_li .up.line .th { font-weight: bold; }
.form_li .up.line .th td { padding: 10px 20px; }
.form_li .up.line .th .tip_color { display: block; font-weight: normal; margin: 0 !important; }
.form_li .up.line .table td { padding: 10px 20px; }
.form_li .up .text { padding: 20px; color: #3a404a; font-size: 14px; line-height: 1.5; }
.form_li .up .text > .icon { font-size: 60px; display: block; margin: 0; line-height: 1; margin-bottom: 10px; color: #979ca3; }
.form_li .up .tip { font-size: 12px; text-align: left; color: #979CA3; margin-top: 30px; }
.form_li .up .tip .icon { display: none; }
.form_li .up .tip p { margin-bottom: 4px; }
.form_li .up .tip p.title { border-bottom: 1px solid rgba(0,0,0,0.06); padding-bottom: 8px; font-weight: bold; margin-bottom: 12px; font-size: 14px; }
.form_li .up_logo { width: 200px; border: 1px solid rgba(0,0,0,0.12); }
.form_li .up_logo .logo { padding: 16px; text-align: center; }
.form_li .up_logo .up_img { background: #ecf1f4; height: 28px; line-height: 28px; }
/*多图上传*/
.file_imgup { width: 100%; height: 100%; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 100; }
/*选择多项*/
.form_li .choose_list_search .input { border-bottom: 0; border: 1px solid rgba(0,0,0,0.12); }
.form_li .choose_list { border: 1px solid rgba(0,0,0,0.12); border-bottom: 0; max-height: 222px; overflow-y: auto; overflow-x: hidden; background: #fff; }
.form_li .choose_list .li { border-bottom: 1px solid rgba(0,0,0,0.12); height: 36px; line-height: 36px; padding: 0 8px; position: relative; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.form_li .choose_list .li:hover { background: #f7f9fb; }
.form_li .choose_list .li .icon { color: #a3aaad; margin-right: 8px; }
.form_li .choose_list .li input[type="checkbox"] { display: inline-block; }
.form_li .choose_list .li.active { background: #ecf1f4; }
.form_li .choose_list .li.active .icon { color: #00a0e8; }
.form_li .choose_list .li.s_li { padding-left: 24px; }
/*输入框输入时并显示搜索结果*/
.input_mail_tc { position: absolute; border: 1px solid rgba(0,0,0,0.12) !important; border-top: 0 !important; background: #fff; z-index: 100; padding: 0; margin: 0; list-style: none; top: 100%; left: 0; right: 0; max-height: 128px; overflow-y: auto; overflow-x: hidden; color: #3a404a; }
.input_mail_tc li { height: 32px; line-height: 32px; padding: 0 8px; cursor: pointer; font-size: 13px; }
.input_mail_tc li:hover { background: #f7f9fb; }
.input_mail_tc li.active { background: #ecf1f4; }
/*保存取消*/
.form_save .button { padding: 6px 30px; border-radius: 3px; }
.form_save.left { padding-left: 116px; }
/*标题在输入框内的表单*/
.form_li.click { position: relative; }
.form_li.click .label { color: #a3aaad; position: absolute; left: 8px; height: 28px; line-height: 28px; top: 50%; margin: 0; margin-top: -14px; z-index: 2; }
.form_li.click .input { height: 26px; line-height: 26px; padding: 4px 8px; border-radius: 2px; }
.form_li.click.active .label { margin: 0; background: #fff; color: #3a404a; -moz-animation: myfirst 5s; -webkit-animation: InputPlaceholder 0.5s; -o-animation: InputPlaceholder 0.5s; -webkit-animation-fill-mode: forwards; }
@media screen and (max-width: 1024px) {
    .form_li.click .input { height: 44px; }
}
/*选择字体*/
.form_li .fontfamily { font-size: 18px; }
.form_li .fontfamily .hover_box { max-height: 380px; }
.form_li .fontfamily .nowfont { font-size: 18px; line-height: 1.4; cursor: pointer; color: #3a404a; }
.form_li .fontfamily .hover_block { width: 100%; }
.form_li .fontfamily .hover_block .li { font-size: inherit; height: auto; line-height: 1.4; cursor: pointer; }
.form_li .fontfamily .hover_block .li img { height: 16px; margin: 4px 0; }
.form_li .fontfamily .li_ti { font-size: 13px; padding: 6px 12px; font-weight: bold; background: #f7f9fb; }
/*按钮*/
.button { display: inline-block; width: auto; line-height: 24px; height: 24px; padding: 6px 16px; border: 0; outline: 0; cursor: pointer; text-decoration: none; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; user-select: none; text-align: center; box-sizing: content-box; vertical-align: middle; border-radius: 3px; }
.button:hover { opacity: 0.9; }
.button.save { background: #4076ff; color: #fff; }
.button.cancel { background: #a3aaad !important; color: #fff; margin-left: 8px; }
.button.m_color { background: #ff7323 !important; color: #fff !important; }
.button.set { background: #fff; background: linear-gradient(#f3f4f8, #e6eaf2) !important; border: 1px solid rgba(0,0,0,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); text-shadow: 0 1px 0 rgba(255,255,255,1); color: #3a404a; padding: 5px 16px; }
.button.set:hover { background: linear-gradient(#e6eaf2, #f3f4f8) !important; opacity: 1; }
.button.w_line { height: 40px; line-height: 38px; background: #fff !important; color: #3a404a; border: 1px solid rgba(0,0,0,0.12); border-radius: 2px; }
.button.w_line:hover { color: #00a0e8; }
.button.line { height: 40px; line-height: 38px; color: #00a0e8; border: 1px solid #00a0e8; border-radius: 2px; background: none !important; }
.button.del_line { height: 40px; line-height: 38px; background: #fff !important; color: #de0e00; border: 1px solid #de0e00; border-radius: 2px; }
.button.success_line { height: 40px; line-height: 38px; color: #4eb900; border: 1px solid #4eb900; border-radius: 2px; }
.button.error_line { height: 40px; line-height: 38px; background: #fff !important; color: #979CA3; border: 1px solid rgba(0,0,0,0.12); border-radius: 2px; }
.button.error_line:hover { color: #de0e00; }
.button.disable { background: #ecf1f4 !important; color: #979CA3; cursor: not-allowed; }
.button.radius { border-radius: 36px; }
.button.radius2 { border-radius: 2px; }
.button.small { padding: 3px 16px; }
.button.block { display: block; }
/*头像*/
.avatar { width: 30px; height: 30px; display: inline-block; float: left; overflow: hidden; vertical-align: middle; text-transform: capitalize; border-radius: 50%; text-align: center; line-height: 30px; color: #fff; font-size: 12px; box-sizing: border-box; }
.avatar img { width: 100%; min-height: 100%; float: left; border: 1px solid rgba(0, 0, 0, 0.06); }
.avatar .img_center { width: 30px; height: 30px; }
.avatar .span { width: 100%; height: 100%; display: inline-block; text-transform: uppercase; }
/*头像 待删除*/
.avator { display: inline-block; border-radius: 50%; overflow: hidden; vertical-align: middle; text-transform: capitalize; }
.avator img { width: 100%; min-height: 100%; float: left; }
.avator .bg, .avator .bg_color { display: inline-block; width: 100%; height: 100%; text-align: center; color: #fff; font-weight: 600; vertical-align: top; }
.avator.w_32px { width: 32px; height: 32px; }
.avator.w_32px .bg { line-height: 32px; font-size: 14px; }
.avator.w_36px { width: 36px; height: 36px; }
.avator.w_36px .bg { line-height: 36px; font-size: 14px; }
.avator.w_48px { width: 48px; height: 48px; }
.avator.w_48px .bg { line-height: 48px; font-size: 20px; }
.avator.w_64px { width: 64px; height: 64px; }
.avator.w_64px .bg { line-height: 64px; font-size: 24px; }
.avator.w_72px { width: 72px; height: 72px; }
.avator.w_72px .bg { line-height: 72px; font-size: 32px; }
.avator.or.w_32px .bg { font-size: 12px; line-height: 14px; padding-top: 2px; }
/*图片在容器中绝对居中显示*/
.img_center { overflow: hidden; display: table-cell; text-align: center; vertical-align: middle; }
.img_center img { max-width: 100%; max-height: 100%; vertical-align: middle; min-height: inherit; width: auto; }
/*提示框*/
.box_warning { padding: 8px; border: 1px solid rgba(222,14,0,0.3) !important; background: #fdf3f2; color: rgba(222,14,0,1); }
.prompt_box { background: #f0faff; border: 1px solid #92d6f5 !important; padding: 12px 16px; color: #00a0e8; }
.prompt_box.small { padding: 8px; }
/*顶部返回*/
.set_event_back { display: block; background: #ecf1f4; padding: 8px 16px; margin-bottom: 16px; }
/*新页面添加或者编辑*/
.inpage_box_form { padding: 0 16px; }
.inpage_box_form .ti { border-bottom: 1px solid rgba(0,0,0,0.12); margin-bottom: 16px; font-size: 16px; padding-bottom: 12px; }
.inpage_box_form .form_li { max-width: 760px; }
/*本页面添加或者编辑*/
.add_form_con { background: #f7f9fb; padding: 16px 24px; border: 1px solid rgba(0,0,0,0.06); }
.add_form_con .form_box { max-width: 760px; margin: 0 auto; }
.add_form_con .ti { border-bottom: 1px solid rgba(0,0,0,0.12); margin-bottom: 16px; font-size: 16px; padding-bottom: 8px; }
.add_form_con .ti .ti_op { font-size: 13px; float: right; }
.add_form_con .form_li { margin-bottom: 8px; }
/*文本注释*/
.help_box { display: inline-block; position: relative; cursor: pointer; }
.help_box .help_text { display: none; font-size: 13px; position: absolute; top: 100%; left: 0; width: 300px; background: rgba(0,0,0,0.8); color: #fff; padding: 8px; border-radius: 2px; z-index: 100; }
.help_box:hover .help_text { display: inline-block; }
.help_box .help_text.right { left: auto; right: 0; }
/*hover显示菜单或内容*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent !important; border-left: 4px solid transparent !important; }/*下拉三角*/
.hover { position: relative; }
.hover .hover_block { display: none; position: absolute; left: 0; top: 100%; z-index: 1000; }
.hover.right .hover_block { left: auto; right: -8px; }
.hover:hover .hover_block { display: block; }
.hover_box { background: #fff; min-width: 140px; max-width: 560px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); max-height: 160px; overflow-x: hidden; overflow-y: auto; border-radius: 6px; }
.hover_box .li { text-align: left; font-size: 14px; padding: 8px 16px; border-bottom: 1px dotted rgba(0,0,0,0.12); height: 20px; line-height: 20px; background: #fff; color: #3a404a; margin: 0; display: block; box-sizing: content-box; }
.hover_box .li:hover { background: #ecedf4; }
.hover_box .li.active { background: #4076ff; color: #fff; }
.hover_box .li a { color: inherit; }
.hover_box .li:last-child { border: 0; }
/*横向菜单*/
.nav_li > .li { float: left; color: #545454; margin-right: 24px; display: inline-block; line-height: 32px; border-bottom: 2px solid transparent; }
.nav_li > .li.active { border-bottom: 2px solid #ff5303; color: inherit; }
.nav_li > .li a { color: inherit; display: block; }
.nav_li.line { border-bottom: 1px solid rgba(0,0,0,0.12); }
.nav_li.line .li { margin-right: 0; margin-bottom: -1px; border-bottom: 0; line-height: 34px; }
.nav_li.line .li a { padding: 0 16px; }
.nav_li.line .li.active { border: 1px solid rgba(0,0,0,0.12); border-radius: 2px; border-bottom: 1px solid #fff; background: #fff; }
.nav_li .li.help a { padding: 0; color: #00a0e8; }
/*分类菜单*/
.category_nav_list .item { float: left; display: inline-block; margin-right: 16px; color: #545454; line-height: 28px; height: 28px; }
.category_nav_list .item:hover { color: #ff5303; }
.category_nav_list .item.active { padding: 0 16px; background: #ff5303; color: #fff; border-radius: 2px; }
/*table*/
.table { width: 100%; display: table; }
.table .td { display: table-cell; }
.table td { padding: 12px 8px; border-bottom: 1px solid rgba(0,0,0,0.06); display: table-cell; box-sizing: content-box; }
.th td { background: #ecedf4; padding: 8px; height: 20px; border: 0; }
.th a { color: inherit; }
td .sort { height: 12px; vertical-align: middle; margin-left: 4px; display: inline-block; margin-top: -2px; }
td.check { width: 34px; }
td.op { text-align: center; }
td.op a { display: inline-block; padding-left: 8px; margin-left: 8px; line-height: 18px; border-left: 1px solid rgba(0,0,0,0.12); }
td.op a:first-child { border: 0; padding: 0; margin: 0; }
td.op a.del { color: #979CA3; }
td.bz { width: 40px; text-align: center; }
td.bz .icon { color: #a3aaad; }
td.bz .icon.mark { color: #ff5303; }
@media screen and (max-width: 736px) {
    .table_phone .th { display: none; }
    .table_phone tr { margin-bottom: 10px; display: block; border: 1px solid rgba(0,0,0,0.12); background: #fff; }
    .table_phone td { width: 100%; display: block; text-align: right; border-bottom: 1px dotted rgba(0,0,0,0.06); box-sizing: border-box; }
    .table_phone td:last-child { border-bottom: 0; }
    .table_phone td:before { content: attr(data-label); float: left; text-transform: uppercase; color: #545454; }
}
.table_box { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; padding-bottom: 16px; }
.table_box td { white-space: nowrap; padding-right: 24px; }
table td > .item { border-top: 1px dotted rgba(0,0,0,0.12); padding-top: 12px; text-align: center; margin: 0 -8px; margin-top: 12px; line-height: 24px; }
table td > .item:first-child { padding-top: 0; border-top: 0; margin-top: 0; }
/*状态*/
.c_p_zt { display: inline-block; padding: 4px 12px; border-radius: 2px; color: #fff !important; font-size: 13px; font-weight: normal; height: 20px; line-height: 20px; vertical-align: middle; box-sizing: content-box; white-space: nowrap; }
.c_p_zt.a { background: #ecf1f4; color: #979CA3 !important; }
.c_p_zt.b { background: #a3aaad; }
.c_p_zt.c { background: #ff993b; }
.c_p_zt.success { background: #4eb900; }
.c_p_zt.error { background: #de0e00; }
.c_p_zt.but { background: #00a0e8; }
.c_p_zt.line { background: none; color: #979CA3 !important; border: 1px solid rgba(0,0,0,0.12); padding: 3px 11px; }
.c_p_zt.line.color { color: #ff5303 !important; border: 1px solid rgba(255,83,3,0.12); }
.c_p_zt.line.success { color: #4eb900 !important; border: 1px solid #4eb900; }
.c_p_zt.line.not_yet { color: #fa8c16 !important; border: 1px solid #fa8c16; }
.c_p_zt.line.but { color: #00a0e8 !important; border: 1px solid #00a0e8; }
.c_p_zt.radius { border-radius: 28px; }
.c_p_zt.small { padding: 1px 8px; font-size: 12px; }
/*各个方向的三角*/
.arrow { border-width: 8px; z-index: 10; }
.arrow, .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.arrow:after { border-width: 7px; content: "" }
.arrow.top { left: 50%; margin-left: -8px; border-color: transparent; border-top-width: 0; border-bottom-color: #eee; border-bottom-color: rgba(0,0,0,0.12); top: -8px }
.arrow.top:after { content: " "; top: 1px; margin-left: -7px; border-top-width: 0; border-bottom-color: #fff; }
.arrow.top_right { left: auto; margin-left: 0; right: 16px; }
.arrow.top_left { left: 16px; margin-left: 0; }
.arrow.right { top: 50%; right: -8px; border-color: transparent; margin-top: -8px; border-right-width: 0; border-left-color: #eee; border-left-color: rgba(0,0,0,0.12) }
.arrow.right:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -7px }
.arrow.bottom { left: 50%; margin-left: -8px; border-color: transparent; border-bottom-width: 0; border-top-color: #eee; border-top-color: rgba(0,0,0,0.12); bottom: -8px }
.arrow.bottom:after { content: " "; bottom: 1px; margin-left: -7px; border-bottom-width: 0; border-top-color: #fff }
.arrow.left { top: 50%; left: -8px; margin-top: -8px; border-color: transparent; border-left-width: 0; border-right-color: #eee; border-right-color: rgba(0,0,0,0.12) }
.arrow.left:after { content: " "; left: 1px; border-left-width: 0; border-right-color: #fff; bottom: -7px }
/*搜索内容*/
.search_box { border: 1px solid rgba(0,0,0,0.12); border-color: rgba(0,0,0,0.12) !important; background: #fff; }
.search_box .search { position: relative; padding: 0 16px; }
.search_box .search .input { padding: 12px 0; width: 100%; border: 0; border-bottom: 1px solid rgba(0,0,0,0.06); background: none; }
.search_box .search .input:hover { border: 0; border-bottom: 1px solid rgba(0,160,232,0.4); }
.search_box .search .input:active, .search_box .search .input:focus { border: 0; border-bottom: 1px solid rgba(0,160,232,0.6); }
.search_box .search .icon_search { position: absolute; left: 16px; top: 12px; color: #a3aaad; }
.search_box .search .btn { position: absolute; right: 16px; top: 14px; padding-left: 0; }
.search_box .result { max-height: 323px; overflow-x: hidden; overflow-y: auto; }
.search_box .result .li_ti { margin: 0 24px; font-weight: bold; margin-top: 16px; color: #979CA3; }
.search_box .result .li { padding: 16px 8px; margin: 0 24px; position: relative; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.06); }
.search_box .result .li:last-child { border-bottom: 0; }
.search_box .result .li:hover { background: #f7f9fb; }
.search_box .result .li .choose i { position: absolute; right: 16px; top: 50%; margin: 0; margin-top: -12px; font-size: 24px; color: #a3aaad; line-height: 24px; height: 24px; }
.search_box .result .li.active .choose i, .search_box .result .li:hover .choose i { color: #4eb900; }
.search_box .result .gz { position: absolute; right: 72px; top: 26px; color: #979CA3; }
.search_box .result .more { margin-left: 24px; margin-top: 16px; text-align: center; }
.search_box .result .more a { color: #3a404a; }
.layer_con .search_box { border: 0; margin: 16px 48px; overflow: hidden; }
.layer_con .search_box .result { margin: 0 -8px; }
.sch_add_con { position: relative; clear: both; float: none; background: #f7f9fb; border: 1px solid rgba(0,0,0,0.06) !important; margin-top: 16px; padding: 12px 16px 8px 16px; }
.sch_add_con .arrow { left: auto; right: 8px; margin-left: 0; }
.sch_add_con .arrow.top:after { border-bottom-color: #f7f9fb; }
.sch_add_con .input_con { position: relative; border-bottom: 1px solid rgba(0,0,0,0.06) !important; margin-bottom: 16px; }
.sch_add_con .input_con .icon { color: #a3aaad; position: absolute; left: 0; top: 0; line-height: 26px; }
.sch_add_con .input_con .input { padding: 0; box-sizing: border-box; background: none; border: 0 !important; margin-bottom: 4px; width: 100%; }
.sch_add_con .input_con .a { position: absolute; right: 0; top: 0; line-height: 26px; }
.sch_add_con .form_li { margin-bottom: 8px; }
.sch_add_con .form_li .label_l { width: 50px; }
.sch_add_con .form_li .con_l { padding-left: 58px; }
/*搜索嘉宾*/
.search_box .result .li .avator { width: 48px; float: left; }
.search_box .result .li .info { margin-left: 48px; padding-left: 16px; }
.search_box .result .li .info .name { font-size: 16px; margin: 4px 0; }
.search_box .result .li .info .intro { color: #979CA3; padding-right: 100px; }
/*批量输入*/
.entry_editor_wrap.input_box .input { height: auto; padding: 8px; }
.entry_editor_wrap .entry_wrap { display: inline-block; float: left; margin-right: 8px; background: #03aaea; color: #fff; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 2px; margin-bottom: 4px; }
.entry_editor_wrap .entry_label { vertical-align: middle; }
.entry_editor_wrap .icon.del { font-size: 12px; margin-left: 4px; color: #fff; vertical-align: middle; }
.entry_editor_wrap input { border: 0; padding: 0; margin: 0; height: 24px; line-height: 24px; }
.entry_editor_wrap.input_box .button { position: absolute; right: 0; bottom: 0; height: 42px; line-height: 42px; padding: 0 12px; }
/*翻页*/
.pagination { display: inline-block; padding: 0; margin: 8px 0 4px 0; }
.pagination>li { display: inline; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 0 8px; min-width: 8px; height: 28px; line-height: 28px; color: #3a404a; background-color: #fff; border: 1px solid rgba(0,0,0,0.12); margin: 0 4px; font-size: 12px; cursor: pointer; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 3; color: #00a0e8; background-color: #f7f9fb; border: 1px solid rgba(0,0,0,0.12); }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #00a0e8; border-color: #00a0e8 }
.pagination.m_color>li>a:focus, .pagination.m_color>li>a:hover, .pagination.m_color>li>span:focus, .pagination.m_color>li>span:hover { color: #ff5303; }
.pagination.m_color>.active>a, .pagination.m_color>.active>a:focus, .pagination.m_color>.active>a:hover, .pagination.m_color>.active>span, .pagination.m_color>.active>span:focus, .pagination.m_color>.active>span:hover { background-color: #ff5303; border-color: #ff5303 }
.pagination.m_color>.active>span:hover { color: #fff; border-color: #ff5303; }
/***********************待删除*************************/
/*弹出层*/
.layer_bg { background: #000; position: fixed; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.1; z-index: 1001; }
.layer_box { position: fixed; z-index: 1002; width: 720px; left: 50%; margin-left: -360px; top: 10%; bottom: 0; -webkit-animation: zoomIn 0.4s ease 0s both; -webkit-animation-play-state: initial; }
.layer_box > div { height: 100%; }
.layer_box .layer_header { height: auto; position: relative; border-bottom: 1px solid rgba(0,0,0,0.12); padding: 16px 24px; background: #fff; z-index: 10; border-radius: 6px 6px 0 0; }
.layer_header .title { font-size: 16px; }
.layer_header .close { font-size: 14px; color: #a3aaad; position: absolute; right: 8px; top: 20px; line-height: 1; cursor: pointer; margin: 0; }
.layer_header .close:hover { color: #de0e00; }
.layer_box .layer_con { background: #fff; height: auto; max-height: 80%; min-height: 346px; overflow-y: auto; overflow-x: hidden; position: relative; border-radius: 0 0 6px 6px; }
.layer_box .layer_con .nav_li.line { background: #f7f9fb; padding: 8px 32px 0 32px; }
.layer_con .form_box { padding: 24px !important; }
.layer_con .form_save { padding-top: 8px; }
.layer_box .layer_button { display: block; }
.layer_con.layer_layerbox { position: absolute; left: 0; top: 56px; right: 0; bottom: 0; background: #fff; }
@media screen and (max-width: 720px) {
    .layer_box { width: 96% !important; margin: 0 !important; left: 2%; }
}
@media screen and (max-width: 480px) {
    .layer_box { top: 2% !important; }
    .layer_box .layer_con { max-height: 98%; }
    .layer_con .form_box { padding: 24px 16px !important; }
}
.layer_box.enter { width: 300px; margin-left: -150px; top: 30vh; height: auto; background: #fff; box-sizing: border-box; padding: 24px; text-align: center; bottom: auto; border-radius: 8px; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.3); }
.layer_box.enter .ti { font-size: 16px; margin-bottom: 16px; }
.layer_box.enter .input { width: 100%; box-sizing: border-box; height: 42px; line-height: 42px; border-radius: 4px; }
.layer_box.enter .button { width: 48%; padding: 0; height: 42px; line-height: 42px; border-radius: 2px; margin: 0; }
.layer_wrapper .icon { font-family: "iconfont_old" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-weight: normal; }
.layer_wrapper .layer_bg { display: none; }
.layer_wrapper .layer_box { position: relative; margin-left: auto; left: auto; top: auto; bottom: auto; }
.layer_wrapper .layer_header { background: none; }
.layer_wrapper .layer_con { background: none; overflow: inherit; min-height: inherit; max-height: inherit; }
.layer_wrapper .layer_header .close { top: 12px; right: 20px; width: 32px; height: 32px; text-align: center; line-height: 32px; }
.layer_wrapper .layer_header .close:hover { background: #ecf1f4; border-radius: 2px; }
.layer_wrapper .form_box { padding: 24px; }
.layer_wrapper .form_con { padding: 24px; }
/*侧边弹出层*/
.layer.open { transition: all .5s; box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.147); background: #fff; width: 480px; position: fixed; right: 0; top: 64px; bottom: 0; overflow-y: auto; overflow-x: hidden; }
.layer.save { bottom: 44px; }
.layeropen_box { padding: 24px 32px; width: 416px; }
.layeropen_box .title { font-size: 20px; margin-bottom: 16px; }
.layeropen_box .title .close { font-size: 24px; color: #979CA3; line-height: 1; }
.layeropen_box .back { margin-bottom: 16px; }
.layer.closed { box-shadow: none; transition: all .5s; width: 0; overflow: hidden; position: fixed; right: 0; top: 64px; bottom: 0; }
.layer .layer_button { position: fixed; right: 0; width: 480px; bottom: 0; transition: all .5s; }
.layer .layer_button .button { padding: 0; margin: 0; height: 44px; line-height: 44px; }
.layer.closed .layer_button { width: 0; transition: all .5s; }
/***********************待删除 end*************************/
/*弹出层 新*/
.layer_wrapper { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; overflow-x: hidden; overflow-y: auto; background: rgba(0,0,0,0.1); font-size: 14px; }
.layer_wrapper .layer_box { width: 720px; margin: 0 auto; -webkit-animation: zoomIn 0.4s ease 0s both; -webkit-animation-play-state: initial; background: #fff; border-radius: 6px; box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.2); margin-bottom: 10vh; }
.layer_wrapper .layer_header { padding: 16px 24px; font-size: 18px; border-bottom: 1px solid rgba(0,0,0,0.12); overflow: hidden; }
.layer_wrapper .layer_header .title { float: left; }
.layer_wrapper .layer_header .close { float: right; font-size: 14px; margin: 0; cursor: pointer; color: #a3aaad; }
.layer_wrapper .layer_header .close:hover { color: #de0e00; }
.layer_add_box { position: absolute; background: #fff; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2); border-radius: 6px; width: 500px; left: 64px; top: -16px; overflow: inherit !important; }
.layer_add_box .search .btn { top: 6px; }
/*以下三行圆角等整个页面的输入框和弹出层都改成圆角后可删*/
.layer_wrapper .input { border-radius: 3px; }
.layer_wrapper select { border-radius: 3px; }
/*弹框弹出层*/
.popMask { display: none !important; }
.popMain { position: fixed; overflow: hidden; display: none; border-radius: 4px; background: #fff; z-index: 11001; padding: 16px 32px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); }
.popMain .layer_msg { padding-top: 96px; margin: 16px; }
.popMain .info_icon { background: url(https://img.bagevent.com/resources/img/icon_info.gif) no-repeat center top; background-size: 132px; }
.popMain .right_icon { background: url(https://img.bagevent.com/resources/img/icon_right.gif) no-repeat center top; background-size: 132px; }
.popMain .input { padding: 0; height: 44px; line-height: 44px; width: 100%; margin-bottom: 16px; border-radius: 3px; }
.popTitle { display: none; }
.popTitle .text { display: none; }
.popTitle .close { position: absolute; top: 5px; right: 0; font-size: 30px; margin: 0px 12px; font-weight: 100; cursor: pointer; line-height: 1; }
.popTitle .close:hover { color: #de0e00; }
.popContent { text-align: center; }
.popContent .layer_msg p { padding: 6px 0; font-size: 20px; margin-bottom: 12px; }
.popContent .layer_msg button { border: none; cursor: pointer; }
@media screen and (max-width: 414px) {
    .popMain { left: 50% !important; margin-left: -152px; }
    .popTitle, .popContent { width: 240px !important; }
}
/*扫瞄微信小程序二维码*/
.weichat_code_layer { text-align: center; padding: 24px; width: 280px; height: 316px; position: fixed; top: 50%; left: 50%; margin-left: -164px; margin-top: -182px; background: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); z-index: 10000; border-radius: 10px; box-sizing: content-box; }
.weichat_code_layer img { margin-bottom: 16px; width: 280px; height: 280px; max-width: none; }
/*empty*/
.empty { text-align: center; padding: 24px 0; color: #979CA3; }
.empty .intro .ti { font-size: 20px; margin-bottom: 12px; margin-top: 4px; }
.empty .intro .text p { margin-top: 4px; }
/*轮播*/
.carousel { position: relative; }
.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
.carousel-inner > .item .fullimg { width: 100%; }
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
    .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { opacity: 0.5; filter: alpha(opacity=50); color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); }
.carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: 1; }
.carousel-control .icon { font-size: 32px; width: 32px; height: 32px; line-height: 32px; margin: 0; display: inline-block; position: absolute; top: 50%; margin-top: -16px; left: 16px; }
.carousel-control.right .icon { right: 16px; left: auto; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 0 1px; text-indent: -999px; cursor: pointer; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; }
.carousel-indicators .active { width: 20px; height: 12px; margin: 0; background: #fff; border: 1px solid #fff; }
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }
/*404页面*/
.page404 { background: #ecf1f4; min-height: 100%; }
.page404 .page_con { width: 640px; margin: 0 auto; padding: 100px 0; }
.page404 .icon { float: left; width: 254px; }
.page404 .text { padding-left: 278px; padding-top: 56px; }
.page404 .text .ti { margin-bottom: 8px; }
.page404 .text .ti img { height: 28px; margin-right: 8px; vertical-align: bottom; }
.page404 .intro { overflow: hidden; }
.page404 .intro .f_l { width: 60px; display: inline-block; color: #545454; }
.page404 .intro .p_l { padding-left: 60px; color: #545454; line-height: 1.6; }
.page404 .line { border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid #fff; margin: 24px 0; }
@media screen and (max-width: 640px) {
    .page404 .page_con { width: 100%; text-align: center; padding: 48px 16px; }
    .page404 .icon { float: none; width: 216px; }
    .page404 .text { padding: 0; margin-top: 24px; text-align: left; }
    .page404 .text .ti { text-align: center; margin-bottom: 24px; }
}
/*升级专业版提示*/
.pro_tips { max-width: 900px; margin: 0 auto; padding: 80px 68px; }
.pro_tips .icon { width: 200px; float: left; }
.pro_tips .text { padding-left: 232px; font-size: 14px; color: #545454; }
.pro_tips .text .ti { font-size: 20px; margin-bottom: 32px; color: #3a404a; }
.pro_tips .text .intro { margin-bottom: 24px; }
.pro_tips .link { display: inline-block; margin-right: 16px; position: relative; border: 1px solid #00a0e8; padding: 8px 16px; border-radius: 2px; text-align: center; overflow: hidden; font-size: 13px; }
.pro_tips .link .icon { display: none; }
.pro_tips .link.active .icon { display: inline-block; height: 16px; width: 16px; margin: 0; line-height: 1; position: absolute; top: -1px; left: 0px; color: #00a0e8; }
.pro_tips .title { font-size: 18px; display: block; }
.pro_tips .tips { color: #979CA3; }
.pro_tips .choose_li { margin-bottom: 16px; }
.pro_tips .payable { margin-bottom: 16px; }
.pro_tips .payable span { font-size: 20px; color: #00a0e8; }
.pro_tips .text .button { padding: 10px 32px; margin-bottom: 32px; }
.layer_con .pro_tips { padding: 32px 32px 48px 32px; }
.layer_con .pro_tips .text { padding-left: 0; }
.layer_con .pro_tips .icon { width: 160px; position: absolute; right: 32px; bottom: 32px; }
/*付款公共页面*/
.pay_order_info .title { font-size: 20px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.12); }
.pay_order_info .pay_info { margin-bottom: 24px; line-height: 1.6; }
.pay_order_info .price { margin-top: 8px; }
.pay_order_info .price .color { font-size: 24px; color: #ff5303; }
.pay_way .title { font-size: 14px; font-weight: 600; margin-bottom: 16px; }
.pay_method { border-bottom: 1px solid rgba(0,0,0,0.12) !important; margin-bottom: 8px; }
.pay_method .li { border-top: 1px solid rgba(0,0,0,0.12) !important; border-left: 1px solid rgba(0,0,0,0.12) !important; border-right: 1px solid rgba(0,0,0,0.12) !important; border-bottom: 0px solid rgba(0,0,0,0.12) !important; position: relative; }
.pay_method .li .item { padding: 0 16px; height: 36px; line-height: 36px; cursor: pointer; position: relative; z-index: 2; }
.pay_method .li .con { padding: 0 8px 8px 32px; display: none; position: relative; z-index: 2; overflow: hidden; }
.pay_method .li.active .con { display: block; }
.pay_method .li .item_li { display: inline-block; border: 1px solid rgba(0,0,0,0.12); height: 34px; line-height: 34px; padding: 0 8px; background-color: #fff; cursor: pointer; min-width: 90px; text-align: center; margin-right: 8px; margin-bottom: 8px; position: relative; overflow: hidden; float: left; }
.pay_method .li .item_li.scan_code { background: url(https://img.bagevent.com/resources/img/icon_scancodepay.png) no-repeat right top #fff; background-size: auto 34px; padding-right: 22px; }
.pay_method .li .item_li img { height: 26px; margin-top: -2px; }
.pay_method .li .item_li.active { border-color: #00a0e8; }
.pay_method .li .bg_line { display: none; }
.pay_method .li.active .bg_line { display: block; }
.a_c_s .pay_method .li.active .bg_line { display: none !important; }
.pay_method .li.active .error_meg { font-size: 12px; vertical-align: middle; display: inline-block; }
.pay_method .li .item_li .icon { display: none; }
.pay_method .li .item_li.active .icon { display: inline-block; position: absolute; left: 0; top: -1px; line-height: 1; width: 16px; height: 16px; color: #00a0e8; }
.pay_method .li.disable .item { cursor: not-allowed; text-decoration: line-through; color: #979CA3; }
.bank .bank_li { display: block; padding: 12px 16px 8px 98px; margin-bottom: 8px; border: 1px solid rgba(0,0,0,0.12) !important; margin-right: 24px; background: url(https://img.bagevent.com/resources/img/icon_bank_transfer.png) no-repeat 16px 12px #fff; background-size: 66px auto; min-height: 52px; }
.bank .bank_li .form_li { opacity: 0.8; }
.bank_list .item_li { background: url(https://img.bagevent.com/resources/img/icon_bank.png) no-repeat #fff; width: 110px; }
.bank_list .bank001 { background-position: 0px 0; }
.bank_list .bank002 { background-position: 0px -36px; }
.bank_list .bank003 { background-position: 0px -72px; }
.bank_list .bank004 { background-position: 0px -108px; }
.bank_list .bank005 { background-position: 0px -144px; }
.bank_list .bank006 { background-position: 0px -180px; }
.bank_list .bank007 { background-position: 0px -216px; }
.bank_list .bank008 { background-position: 0px -252px; }
.bank_list .bank009 { background-position: 0px -288px; }
.bank_list .bank010 { background-position: 0px -324px; }
.bank_list .bank011 { background-position: 0px -360px; }
.bank_list .bank012 { background-position: 0px -396px; }
.bank_list .bank013 { background-position: 0px -432px; }
.bank_list .bank014 { background-position: 0px -468px; }
.bank_list .bank015 { background-position: 0px -504px; }
.bank_list .bank016 { background-position: 0px -540px; }
.bank_list .bank017 { background-position: 0px -576px; }
.bank_list .bank018 { background-position: 0px -612px; }
.bank_list .bank019 { background-position: 0px -648px; }
.bank_list .bank020 { background-position: 0px -684px; }
.bank_list .bank021 { background-position: 0px -720px; }
.bank_list .bank022 { background-position: 0px -756px; }
.bank_list .bank023 { background-position: 0px -792px; }
.bank_list .bank024 { background-position: 0px -828px; }
.bank_list .bank025 { background-position: 0px -864px; }
.bank_list .bank026 { background-position: 0px -900px; }
.pay_box .text_center .button.save { padding: 10px 40px; margin-top: 16px; font-size: 14px; }
.weichat_payment { background: #fff; border-top-width: 2px; border-top-style: solid; border-top-color: #ff5303; }
.weichat_pay { width: 650px; margin: 0 auto; padding: 32px 0; margin-bottom: 24px; }
.weichat_pay .w_p_h { font-size: 20px; margin-bottom: 16px; font-weight: 600; }
.weichat_pay .w_p_info { margin-bottom: 16px; }
.weichat_pay .w_p_code { float: left; width: 235px; margin: 30px 16px 0 0; }
.weichat_pay .w_p_code .code { margin-bottom: 24px; border: 1px solid rgba(0,0,0,0.12); text-align: center; }
.weichat_pay .w_p_code .code img { margin: 16px; width: 201px; }
.weichat_pay .w_p_text { color: #fff; font-size: 16px; padding: 8px 16px; }
.weichat_pay .w_p_text .icon { font-size: 48px; float: left; display: inline-block; line-height: 1; }
.weichat_pay .w_p_text .text { padding-left: 60px; }
.weichat_pay .w_p_phone { float: right; background: url(https://img.bagevent.com/resources/img/weichat_pay_phone.png) no-repeat; width: 329px; height: 421px; }
.attend_order { text-align: center; padding: 16px; margin-bottom: 16px; }
.attend_order .ti { margin-bottom: 8px; }
/*系统以及我上传的图库*/
.system_image .category_nav_list { margin: 16px 32px; margin-bottom: 0; }
.system_image .list { margin: 16px 30px; }
.system_image .list .li { float: left; display: inline-block; width: 25%; }
.system_image .list .li > span { display: block; margin: 0 2px; margin-bottom: 4px; cursor: pointer; height: 80px; overflow: hidden; }
.system_image .list .li > span:hover { box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.147); }
.system_image .my_list { margin: 14px 30px; }
.system_image .my_list .li { width: 20%; height: 120px; float: left; margin-bottom: 4px; cursor: pointer; position: relative; display: table; }
.system_image .my_list .li:before { content: ""; display: inline-block; position: absolute; left: 2px; top: 0; right: 2px; bottom: 0; background: url(https://img.bagevent.com/resources/img/checker_bg.png) repeat; border: 2px solid rgba(0,0,0,0.12); z-index: 1; }
.system_image .my_list .li:hover:before { border: 2px solid #00a0e8; }
.system_image .my_list .img_center { width: 100%; height: 116px; position: relative; z-index: 2; padding: 2px 4px; }
.system_image .my_list .img_info { display: block; width: 112px; position: absolute; left: 2px; bottom: 0; color: #fff; padding: 8px; background: rgba(0,0,0,0.8); z-index: 2; }
.system_image .my_list .del { display: inline-block; position: absolute; right: 6px; top: 4px; background: rgba(0,0,0,0.8); width: 24px; height: 24px; border-radius: 24px; text-align: center; line-height: 24px; z-index: 2; }
.system_image .my_list .btn_addPic { margin: 2px 4px; background: #fff; display: block; width: auto; height: 116px; }
.system_image .my_list .btn_addPic .text .icon { display: block; margin: 0; margin-top: 16px; font-size: 48px; color: #a3aaad; }
/*公共浮窗、对话窗口更新后删除*/
.float_window { position: fixed; right: 16px; bottom: 32px; z-index: 1000; width: 48px; }
.float_window .span { display: inline-block; width: 32px; height: 32px; padding: 8px; background: rgba(0,0,0,0.1); margin-bottom: 8px; text-align: center; color: #fff; cursor: pointer; line-height: 32px; position: relative; box-sizing: content-box; float: left; }
.float_window .span .icon { font-size: 30px; margin: 0; display: inline-block; color: #787878; }
.float_window .span .text { display: none; }
.float_window .span:hover { background: #ff5303; font-size: 13px; line-height: 18px; }
.float_window .span:hover .icon { display: none; }
.float_window .span:hover .text { display: block; }
.float_window .span:hover a.text { display: block; background: none; line-height: 18px; margin: 0; padding: 0; float: none; width: auto; height: auto; color: #fff; font-size: 13px; }
.float_window .wei_kf { position: absolute; right: 48px; padding-right: 4px; top: -282px; width: 248px; height: 341px; text-align: center; display: none; }
.float_window .wei_kf a { position: absolute; bottom: 22px; left: 0; right: 32px; }
.float_window .span:hover .wei_kf { display: block; }
/*成功或者失败图标动效*/
.sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; }
.sa-icon.sa-error { border-color: #F27474; }
.sa-icon.sa-error .sa-x-mark { position: relative; display: block; }
.sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; }
.sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }
.sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }
.sa-icon.sa-warning { border-color: #F8BB86; }
.sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; }
.sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; }
.sa-icon.sa-success { border-color: #A5DC86; }
.sa-icon.sa-success::before, .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
.sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; }
.sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
.sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; }
.sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
/*copy活动 选择活动或者门票*/
.copyevent_it { padding: 24px 32px; }
.copyevent_it .input_box { width: 100%; border-bottom: 1px dashed rgba(0,0,0,0.12); padding-bottom: 24px; margin-bottom: 24px; }
.copyevent_it .input_box .input { width: 606px; }
.copyevent_it .li { float: left; display: inline-block; width: 176px; border: 1px dashed rgba(0,0,0,0.12); padding: 12px; border-radius: 4px; margin-right: 8px; margin-bottom: 8px; color: #979CA3; cursor: pointer; }
.copyevent_it .li:nth-child(3n) { margin-right: 0; }
.copyevent_it .li.block { display: block; width: auto; float: none; margin-right: 0; }
.copyevent_it .li.active { color: #00a0e8; border: 1px solid #00a0e8; }
/*修改参会信息 单页*/
.form.invoice.shadow { background: #fff; margin: 24px auto; max-width: 640px; padding: 24px; border-radius: 2px; }
@media screen and (max-width: 768px) {
    .form.invoice.shadow { min-height: 100vh; margin: 0; padding: 16px; border: 0; }
}
/*公共样式定义*/
.inline_block { display: inline-block; }
.img_circle { border-radius: 50% }
.alm { vertical-align: middle; display: inline-block;}
.dotted_line { border-bottom: 1px dotted rgba(0,0,0,0.12); }
.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(50px); /* Chrome, Opera */ -moz-filter: blur(50px); -ms-filter: blur(50px); filter: blur(50px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=50, MakeShadow=false); /* IE6~IE9 */
}
.scroll { overflow-x: hidden; overflow-y: auto; }
.scroll_x { overflow-y: hidden; overflow-x: auto; }
.shadow { box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.137); }
.bg_8 { background: rgba(0,0,0,0.8); color: #fff; }
.relative { position: relative; }
.professional { width: 41px; height: 41px; position: absolute; right: 0; top: 0; }
/*参会信息详情*/
.order_layer { position: fixed; top: 64px; right: 0; bottom: 0; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.137); width: 480px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; z-index: 100; }
.order_layer.closed { width: 0; box-shadow: none; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; }
.order_layer .ticket_order { width: 480px; height: 100%; overflow-x: hidden; overflow-y: auto; }
.t_o_con { padding: 24px; }
.t_o_con .title { font-size: 20px; margin-bottom: 16px; }
.t_o_con .title .del { font-size: 24px; color: #979CA3; }
.t_o_con .title .back { font-size: 13px; }
.t_o_con .nav.fixed { position: absolute; right: 100%; top: 24px; }
.t_o_con .nav.fixed .li { background: #fff; float: right; border-radius: 5px 0 0 5px; margin-bottom: 4px; box-shadow: -2px 0px 4px rgba(0,0,0,0.147); overflow: hidden; border-left: 2px solid #00a0e8; }
.t_o_con .nav.fixed .li a { display: inline-block; color: inherit; padding: 12px 16px; width: 60px; }
.t_o_con .nav.fixed .li.active { background: #00a0e8; }
.t_o_con .nav.fixed .li.active a { color: #fff; width: 80px; }
.t_o_con .info { position: relative; }
.t_o_con .info > .li { margin-bottom: 8px; }
.t_o_con .info .op { padding-top: 8px; padding-bottom: 4px; }
.t_o_con .info .op .button { padding: 4px 12px; margin: 0 4px 4px 0; vertical-align: middle; }
.t_o_con .info .zf_zt { position: absolute; top: 0; right: 0; }
.t_o_con .info .zf_zt img { width: 108px; transform: rotate(12deg); -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); }
.t_o_con .bz_text { padding-right: 16px; margin-bottom: 4px; }
.t_o_con .bz_text textarea { width: 100%; }
.t_o_con .it_ti { background: #ecf1f4; padding: 6px 8px; margin-top: 16px; margin-bottom: 8px; }
.t_o_con .fp_list .it_ti { margin-bottom: 16px; }
.t_o_con .fp_list .form { padding: 0 8px; }
.t_o_con .fp_list .form .form_li { margin-bottom: 8px; }
.t_o_con .fp_info .li { margin-bottom: 8px; padding: 0 8px; }
.t_o_con .attend_info .avator { float: left; width: 76px; height: 76px; line-height: 76px; font-size: 28px; }
.t_o_con .attend_info .avator .img_center { width: 76px; height: 76px; }
.t_o_con .attend_info .at_info { margin-left: 76px; padding-left: 24px; }
.t_o_con .attend_info .name { font-size: 20px; margin: 4px 0; }
.t_o_con .attend_info .info_li { color: #545454; }
.t_o_con .layer_add_box { left: 0 !important; top: auto !important; width: 430px; bottom: 120%; }
.t_o_con .layer_add_box .arrow { left: 16px; }
.t_o_con .li_op_a { display: table; width: 100%; padding: 8px 0; }
.t_o_con .li_op_a .a { display: table-cell; width: 20%; text-align: center; color: #979CA3; }
.t_o_con .li_op_a .a .icon { font-size: 20px; margin-bottom: 4px; }
.t_o_con .li_op_a .a:hover { color: #3a404a; }
.t_o_con .li_op_a .del:hover { color: #ff1d00; }
/*head*/
.header { position: fixed; left: 0; top: 0; right: 0; z-index: 1000; font-size: 16px; height: 72px; padding: 12px 0; line-height: 48px; color: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; padding-top: 48px; font-size: 16px; box-sizing: border-box; }
.header .con_box { max-width: 1312px; margin: 0 auto; }
.header .logo { float: left; }
.header .logo img { display: inline-block; width: 136px; height: 38px; float: left; margin-top: 5px; }
.header .logo .b { display: none; }
.header .left_nav { float: left; margin-left: 26px; }
.header .left_nav .li { margin-left: 30px; float: left; cursor: pointer; }
.header .left_nav .li a { display: block; color: #fff; }
.header.navfix .left_nav .li a{
    color: #3a404a
}
.header .left_nav .li .drop_down { font-size: 12px; display: inline-block; margin-right: 0 !important; margin-left: 4px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.header .left_nav .li:hover .drop_down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.header .nav_right { float: right; }
.header .nav_right .button { padding: 0; height: 48px; line-height: 48px; width: 120px; font-size: 16px; float: left; background: #ff7323; color: #fff; }
.header .nav_right .button.line { background: #fff !important; color: #ff7323; border: 1px solid #ff7323; line-height: 46px; margin-left: 8px; }
.header .nav_right .h_l { float: left; margin-left: 32px; }
.header .nav_right .profile { cursor: pointer; color: #3A404A; }
.header .nav_right .profile .avatar { margin-top: 9px; margin-right: 8px; }
.header .nav_right .profile .user_name { float: left; }
.header .nav_right .profile .user_name .name { word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60px; }
.header .nav_right .profile .drop_down { font-size: 12px; display: inline-block; margin-right: 0 !important; margin-left: 4px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.header .nav_right .profile:hover .drop_down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.header .nav_right .lan { padding-left: 16px; border-left: 1px solid rgba(0, 0, 0, 0.12); color: #3A404A; cursor: pointer; }
.header .nav_right .lan .icon { font-size: 18px; }
/*head 固定*/
.header.navfix { background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); color: inherit; padding-top: 12px; }
.header.navfix .logo .a { display: none; }
.header.navfix .logo .b { display: inline-block; fill: #fff; }
.header.fixed { background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); color: inherit; padding-top: 12px; }
.header.fixed .logo .a { display: none; }
.header.fixed .logo .b { display: inline-block; fill: #fff; }
/*head 菜单*/
.header .left_nav .hover_block { display: block; width: 340px; margin-left: -170px; left: 50%; margin-top: 12px; }
.header .left_nav .hover_block .arrow { display: none; }
.header .left_nav .li:hover .hover_block .arrow { display: inline-block; }
.sub_menu { width: 100%; padding: 0; margin: 0; list-style: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background: #fff; border-radius: 6px; overflow: hidden; max-height: 0; -webkit-transition: max-height .4s linear; -moz-transition: max-height .4s linear; transition: max-height .4s linear; line-height: 1.5; }
.header .left_nav .li:hover .sub_menu { max-height: 558px; }
.sub_menu .sub_li { padding: 0 40px 26px 40px; overflow: hidden; min-width: 340px; }
.sub_menu .sub_li a { color: inherit; display: block; }
.sub_menu .sub_li:first-child { padding-top: 40px; }
.sub_menu .sub_li .menu_pic { float: left; width: 30px; margin-top: 8px; text-align: center; }
.sub_menu .cm_big_ti { display: block; margin-left: 30px; padding-left: 20px; font-size: 16px; }
.sub_menu .cm { display: block; margin-left: 30px; padding-left: 20px; font-size: 14px; color: #6b7176; }
.sub_menu .sub_box { background: #f4f5f9; border-radius: 6px; padding-top: 30px; margin-top: 8px; padding-bottom: 4px; }
.sub_menu .sub_box .sub_li { padding-top: 0; }
.sub_menu .sub_box .menu_pic { margin-top: 0; }
.sub_menu .sub_box .menu_pic img { width: 18px; }
.sub_menu .sub_box .cm { display: none; }
/*head 个人中心入口*/
.profile_menu { left: auto !important; right: 0; }
.profile_menu .hover_box { padding: 8px 0; box-sizing: content-box; }
.profile_menu .hover_box .li { min-width: 148px; }
.profile_menu .hover_box .line { border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin: 8px 0; }
/*----------------------------------loading-----------------------------------*/
.g-circles { -webkit-transform: scale(0.9) translate(7px, 7px); -ms-transform: scale(0.9) translate(7px, 7px); transform: scale(0.9) translate(7px, 7px); }
.g-circles circle { fill: dodgerblue; fill-opacity: 0; -webkit-animation: opacity 1.2s linear infinite; animation: opacity 1.2s linear infinite; }
.g-circles circle:nth-child(12n + 1) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.g-circles circle:nth-child(12n + 2) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.g-circles circle:nth-child(12n + 3) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.g-circles circle:nth-child(12n + 4) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.g-circles circle:nth-child(12n + 5) { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.g-circles circle:nth-child(12n + 6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.g-circles circle:nth-child(12n + 7) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.g-circles circle:nth-child(12n + 8) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.g-circles circle:nth-child(12n + 9) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.g-circles circle:nth-child(12n + 10) { -webkit-animation-delay: -1s; animation-delay: -1s; }
.g-circles circle:nth-child(12n + 11) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.g-circles circle:nth-child(12n + 12) { -webkit-animation-delay: -1.2s; animation-delay: -1.2s; }
.g-circles--v2 circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; -webkit-animation-name: opacity-stroke, colors, colors-stroke, transform-2; animation-name: opacity-stroke, colors, colors-stroke, transform-2; }
.g-circles--v3 circle { fill-opacity: 1; -webkit-animation-name: opacity, colors; animation-name: opacity, colors; }
.g-circles--v4 circle { fill-opacity: 1; fill: orange; -webkit-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px; -webkit-animation-name: opacity, colors-3, transform; animation-name: opacity, colors-3, transform; }
@-webkit-keyframes opacity { 3% {
    fill-opacity:1;
}
    75% {
        fill-opacity:0;
    }
}
@keyframes opacity { 3% {
    fill-opacity:1;
}
    75% {
        fill-opacity:0;
    }
}
@-webkit-keyframes opacity-stroke { 10% {
    stroke-opacity:1;
}
    85% {
        stroke-opacity:0;
    }
}
@keyframes opacity-stroke { 10% {
    stroke-opacity:1;
}
    85% {
        stroke-opacity:0;
    }
}
@-webkit-keyframes colors { 0% {
    fill:yellowgreen;
}
    10% {
        fill:gold;
    }
    75% {
        fill:crimson;
    }
}
@keyframes colors { 0% {
    fill:yellowgreen;
}
    10% {
        fill:gold;
    }
    75% {
        fill:crimson;
    }
}
@-webkit-keyframes colors-stroke { 0% {
    stroke:yellowgreen;
}
    10% {
        stroke:gold;
    }
    75% {
        stroke:crimson;
    }
}
@keyframes colors-stroke { 0% {
    stroke:yellowgreen;
}
    10% {
        stroke:gold;
    }
    75% {
        stroke:crimson;
    }
}
@-webkit-keyframes colors-2 { 0% {
    fill:yellow;
}
    50% {
        fill:red;
    }
    65% {
        fill:orangered;
    }
    95% {
        fill:gold;
    }
}
@keyframes colors-2 { 0% {
    fill:yellow;
}
    50% {
        fill:red;
    }
    65% {
        fill:orangered;
    }
    95% {
        fill:gold;
    }
}
@-webkit-keyframes colors-3 { 0% {
    fill:yellowgreen;
}
    50% {
        fill:turquoise;
    }
    65% {
        fill:yellow;
    }
    95% {
        fill:orange;
    }
}
@keyframes colors-3 { 0% {
    fill:yellowgreen;
}
    50% {
        fill:turquoise;
    }
    65% {
        fill:yellow;
    }
    95% {
        fill:orange;
    }
}
@-webkit-keyframes transform { 10% {
    -webkit-transform:scale(0.75);
    transform:scale(0.75);
}
}
@keyframes transform { 10% {
    -webkit-transform:scale(0.75);
    transform:scale(0.75);
}
}
@-webkit-keyframes transform-2 { 40% {
    -webkit-transform:scale(0.85);
    transform:scale(0.85);
}
    60% {
        stroke-width:20;
    }
}
@keyframes transform-2 { 40% {
    -webkit-transform:scale(0.85);
    transform:scale(0.85);
}
    60% {
        stroke-width:20;
    }
}
.loading { position: fixed; background: rgba(255,255,255,0.8); top: 0; left: 0; bottom: 0; right: 0; z-index: 2001; }
.loading svg { height: 60px; width: 60px; position: absolute; left: 50%; margin-top: -30px; margin-left: -30px; top: 45%; }
.loading.absolute { position: absolute; left: 0 !important; }
.loading.absolute .text { position: absolute; width: 100%; left: 0; top: 50%; text-align: center; margin-top: 8px; }
.loading.absolute svg { margin-top: -60px; }
.progress-box { position: fixed; left: 50%; width: 200px; margin-left: -100px; top: 50%; margin-top: 8px; }
.progress { height: 8px; overflow: hidden; background-color: #f7f9fb; border-radius: 4px; -webkit-box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.1); margin-bottom: 8px; }
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #f0ad4e; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background-size: 40px 40px; }
.progress-width { font-weight: bold; text-align: center; color: #f0ad4e; }
.loading.absolute .progress-box { position: absolute; top: 48%; margin-left: -100px !important; }
/*------------------------------------插件样式-------------------------------------*/
/*百度编辑器*/
#edui_fixedlayer { z-index: 1100 !important; }
#cellPhoneBindBox { z-index: 2000; position: relative; }
#cellPhoneBindBox .layer_con { height: 302px; }
/*百度UMeditor以及可视化编辑
.contenteditable { position: relative; cursor: pointer; opacity: 1 !important; }
.contenteditable:hover:before { content: ""; border: 1px dashed rgba(0,0,0,0.12); position: absolute; left: -6px; top: -6px; right: -6px; bottom: -6px; z-index: 1; border-radius: 3px; }
.contenteditable:focus:before { content: ""; border: 1px solid rgba(0,0,0,0.12); position: absolute; left: -6px; top: -6px; right: -6px; bottom: -6px; z-index: 1; border-radius: 3px; }
.contenteditable.none .edui-body-container p:before { content: "请输入内容"; color: inherit; }
.contenteditable .edui-container { box-shadow: none; border: 0; background: none; z-index: 1; }
.contenteditable .edui-container .edui-toolbar { display: none; position: absolute; left: -6px; top: -32px; border: 0; background: #27282d; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.50); border-radius: 3px; max-width: none; height: 26px; width: 387px; }
.contenteditable .edui-container:hover .edui-toolbar { display: inline-block; }
.contenteditable .edui-toolbar .edui-btn-toolbar { padding: 0px 8px; }
.contenteditable .edui-btn-toolbar .edui-btn { float: left; padding: 0; margin: 3px 0; }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon { background-position: center; }
.contenteditable .edui-btn-toolbar .edui-btn.edui-hover, .contenteditable .edui-btn-toolbar .edui-btn.edui-active { background-color: #000; border: 0; }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-source { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_source.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-bold { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_bold.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-italic { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_italic.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-underline { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_underline.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-strikethrough { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_strikethrough.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-insertorderedlist { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_insertorderedlist.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-insertunorderedlist { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_insertunorderedlist.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-justifyleft { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_justifyleft.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-justifycenter { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_justifycenter.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-justifyright { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_justifyright.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-link { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_link.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-unlink { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_unlink.png); }
.contenteditable .edui-btn-toolbar .edui-btn .edui-icon-unlink { background-image: url(https://www.bagevent.com/cn/resources/img/edui_icon_unlink.png); }
.contenteditable .edui-separator { display: inline-block; float: left; border-left: 1px solid rgba(255,255,255,0.2); margin: 0 6px; height: 20px; width: 0; padding: 0; background: none; }
.contenteditable .edui-toolbar .edui-separator { float: left; margin: 3px 4px; width: 1px; padding: 0; background: #fff; opacity: 0.2; }
.contenteditable .edui-btn-toolbar .edui-combobox { float: left; border: 1px solid rgba(255,255,255,0.6); height: 18px; }
.contenteditable .edui-combobox .edui-button-label { padding: 0; height: 18px; line-height: 18px; width: 32px; color: #fff; }
.contenteditable .edui-combobox .edui-caret { background: url(https://www.bagevent.com/cn/resources/img/website_set/add_element_arrow.png) no-repeat center; }
.contenteditable .edui-btn-toolbar .edui-splitbutton { float: left; margin-right: 4px; }
.contenteditable .edui-splitbutton .edui-caret { background: url(https://www.bagevent.com/cn/resources/img/website_set/add_element_arrow.png) no-repeat center; }
.contenteditable .edui-splitbutton .edui-btn .edui-icon { border-radius: 50%; margin-right: 4px; width: 16px; height: 16px; border: 1px solid #fff; margin-top: 2px; box-sizing: border-box; }
.contenteditable .edui-container .edui-editor-body { background: none; }
.contenteditable .edui-editor-body .edui-body-container { padding: 0; font-size: inherit; font-family: inherit; }
.contenteditable .edui-editor-body .edui-body-container:focus:before { content: ""; border: 1px solid rgba(0,0,0,0.6); position: absolute; left: -6px; top: -6px; right: -6px; bottom: -6px; z-index: 1; border-radius: 3px; }
.contenteditable .edui-editor-body .edui-body-container p { padding: 0; margin: 0; }*/
/*.contenteditable .edui-container .edui-toolbar宽度可能会根据最后使用的取色插件不同而更改*/
/*百度地图*/
#dituContent * { max-width: none !important; }
/*复制链接按钮*/
.copy_click_promote_btn { display: inline-block; width: auto; line-height: 24px; height: 24px; padding: 6px 16px; border: 0; outline: none; cursor: pointer; text-decoration: none; white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; user-select: none; text-align: center; box-sizing: content-box; }
.copy_click_promote_btn.w_line { height: 22px; line-height: 22px; background: #fff; color: #3a404a; border: 1px solid rgba(0,0,0,0.12); border-radius: 2px; }
/*拖动框*/
.portlet-placeholder { border: 2px dashed rgba(0,0,0,0.12); height: 80px; margin-bottom: 24px; }
/*工具提示*/
.tipsy { margin: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 3px 8px 2px 8px; background: #000; color: #fff; max-width: 200px; text-align: center; border-radius: 3px; }
/*登录验证*/
.geetest_holder.geetest_wind { min-width: inherit !important; }
.website .geetest_holder.geetest_wind { margin-top: 8px; }
/*美洽*/
.duqGkC { bottom: 40px !important; right: 40px !important; }
/*----------------------------未整理，有无用的需要删除或者整合--------------------------------*/
.form_li .it .icon.radio { color: #e6ecf1; margin-right: 0; }
.form_li .it.active .icon.radio { color: #ff5303; }
.form_li .input_box .link { position: absolute; right: 1px; top: 1px; width: 30%; text-align: center; background: #fff; height: 34px; line-height: 34px; border-left: 1px solid rgba(0,0,0,0.12); color: #3a404a; }
.form_li .select_box .select { width: 70%; float: left; }
.form_li .select_box .button { padding: 0; float: right; width: 30%; height: 36px; line-height: 36px; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.12); border-left: 0; color: #3a404a; }
.form_li .slecetclear { padding-top: 8px; }
.form_li .it.half { width: 49%; margin-right: 0; }
.form_li .it.half .it_span { display: block; }
.form_li .input_set_box { margin-top: 8px; }
.form_li .input_set_box.p_l { margin-left: 20px; }
.form_li .input_set_box .form_li { margin-bottom: 8px; }
.form_li .input_set_box .form_li:last-child { margin-bottom: 0; }
.form_li .nun_input input { width: 60px; display: inline-block; margin-right: 8px; background: url(https://img.bagevent.com/resources/img/number_input_bg.png) no-repeat right; background-size: 18px; }
.form_li .error_block { margin-top: 4px; color: #de0e00; display: block; }
.form_li .help_block { margin-top: 4px; color: #979CA3; }
.cutover .select { width: 160px; padding: 0 8px; height: 34px; line-height: 34px; border: 1px solid rgba(0,0,0,0.12); background: url(https://img.bagevent.com/resources/img/select_bg.png) no-repeat right #fff; background-size: 24px; cursor: pointer; }
.cutover .hover_block { right: 0; }
.form_li .locked { position: absolute; right: 0; top: 0; color: #ff5303; }
.form_li .add_v_input { border: 1px solid rgba(0,0,0,0.12); height: 36px; line-height: 36px; padding: 0; display: inline-block; }
.form_li .add_v_input input { border: 0; height: 34px; line-height: 34px; padding: 0 8px; width: 100px; }
.form_li .add_v_input .add_button { padding: 0 8px; }
.form_up_img .img .img_center { width: 100px; height: 100px; }
.form_up_img .img .op { background: rgba(0,0,0,0.8); position: absolute; left: 0; right: 0; bottom: 0; color: #fff; line-height: 28px; }
.form_up_img .img .bg { line-height: 100px; font-size: 52px; display: inline-block; width: 100%; color: #fff; font-weight: 600; text-transform: capitalize; }
.form_up_button .up_button .button { display: block; height: 34px; line-height: 34px; background: #fff !important; border: 1px dashed rgba(0,0,0,0.2) !important; color: #3a404a; padding: 0; }
.form_li .up .bg_img { width: 208px; height: 130px; display: inline-block; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; }
.form_li .up .img { max-height: 120px; max-width: 240px; }
.form_li .up td select { height: 32px; line-height: 30px; width: 340px; float: right; background-color: #fff; }
.add_item_input { display: table; cursor: text; width: 100%; background: #fff; position: relative; }
.add_item_input .left { display: table-cell; padding: 4px 8px 0px 8px; border: 1px solid rgba(0,0,0,0.12); border-right: 0; line-height: 26px; }
.add_item_input .item { display: inline-block; float: left; background: #85d7ff; color: #fff; margin-right: 8px; height: 26px; line-height: 26px; padding: 0 8px; margin-bottom: 4px; }
.add_item_input .item .del { font-size: 12px; color: #fff; margin-left: 4px; }
.add_item_input input { display: inline-block; border: 0; height: 26px; line-height: 26px; float: left; margin-bottom: 4px; }
.add_item_input .button { display: table-cell; padding: 0; width: 86px; }
.add_label .label_span { display: inline-block; height: 34px; line-height: 34px; border: 1px solid rgba(0,0,0,0.06); padding: 0 8px; background: #f7f9fb; margin-bottom: 4px; margin-right: 4px; }
.add_label .label_span .del { width: 24px; height: 24px; margin-left: 4px; display: inline-block; background: #ecf1f4; text-align: center; line-height: 24px; font-size: 14px; }
.add_label .text_label .input_mail_tc li >span { width: 80%; float: left; }
.add_label .text_label .input_mail_tc li .icon { display: none; }
.add_label .text_label .input_mail_tc li:hover .icon { float: right; position: relative; display: inline-block; }
.add_label .text_label .save { position: absolute; right: 8px; top: 10px; }
.add_label .text_label .save .c { color: #979CA3; margin-left: 8px; }
.add_label .add { border: 1px dashed rgba(0,0,0,0.12); height: 34px; line-height: 34px; display: inline-block; padding: 0 8px; color: #3a404a; }
.items_li_box .it_li { padding: 12px 8px; border-bottom: 1px dotted rgba(0,0,0,0.12); position: relative; }
.items_li_box.choose .it_li { cursor: pointer; }
.items_li_box .it_li .it { padding-right: 40px; }
.items_li_box .it_li .op { position: absolute; right: 8px; top: 12px; }
.items_li_box .it_li .op .icon { line-height: 1; margin-left: 8px; }
.items_li_box .it_li .op .icon_choose { color: #a3aaad; }
.items_li_box .it_li:hover .op .icon_choose { color: #979CA3; }
.items_li_box .it_li.active .op .icon_choose { color: #4eb900; }
.div.close .ti { cursor: pointer; }
.div.close .ti .icon { display: inline-block; line-height: 1; margin-right: 0; margin-left: 8px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.div.close .ti a.close { display: none; }
.div.close .open_box { display: none; }
.div.open .open_box { display: block; }
.icon.date { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_date.png) no-repeat center; background-size: contain; }
.icon.map { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_map.png) no-repeat center; background-size: contain; }
.icon.tel { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_tel.png) no-repeat center; background-size: contain; }
.icon.email { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_email.png) no-repeat center; background-size: contain; }
.icon.recharge { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_recharge.png) no-repeat center; background-size: contain; }
.icon.records { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_records.png) no-repeat center; background-size: contain; }
.icon.tag { display: inline-block; width: 16px; height: 16px; background: url(https://img.bagevent.com/resources/img/icon_tag.png) no-repeat center; background-size: contain; }
.icon_li { font-size: 12px !important; display: inline-block !important; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.icon_active { display: none; position: absolute; top: -2px; left: -1px; font-size: 16px; line-height: 1; color: #00a0e8; float: left; }
.active .icon_active { display: inline-block; }
.button.s_line { height: 22px; line-height: 22px; color: #00a0e8; border: 1px solid #00a0e8; border-radius: 2px; }
.button.error { background: #de0e00; color: #fff; }
.button.success { background: #4eb900; color: #fff; }
.button.line.fabu { font-size: 14px; padding: 8px 40px; border-radius: 2px; color: #ff5303; border: 1px solid #ff5303; background: #fff; }
.tip_text { color: #979CA3; line-height: 1.6; }
.form_list .form_li { margin-bottom: 4px; }
.input_item_li { position: relative; border: 1px solid rgba(0,0,0,0.12); background: #fff; padding-right: 100px !important; padding-top: 5px; }
.input_item_li .item { height: 26px; margin-left: 8px; display: inline-block; background: #ecf1f4; line-height: 26px; padding: 0 4px; margin-bottom: 5px; }
.input_item_li .item .icon { line-height: 1; font-size: 12px; margin-left: 4px; color: #979CA3; }
.input_item_li input { border: 0; height: 24px; line-height: 24px; margin-left: 8px; margin-bottom: 5px; }
.input_item_li .button { position: absolute; right: -1px; top: -1px; bottom: -1px; height: auto; }
.layer_con .form_li.absolute { position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; }
.layer_con .form_li.absolute .save { display: block; padding: 0; height: 44px; line-height: 44px; width: 100%; }
.layer_save .button { width: 100%; padding: 0; height: 44px; line-height: 44px; }
.empty .center { width: 560px; margin: 0 auto; text-align: left; }
.empty .center .icon_box { float: left; width: 100px; }
.empty .center .intro { padding-left: 116px; }
.black_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(https://img.bagevent.com/resources/img/black_bg.png) repeat-x; z-index: 2; }
/*进度条*/
.progress_speed { border-top: 2px solid rgba(0,0,0,0.12) !important; margin-top: 10px; }
.progress_speed .step { float: left; width: 120px; font-size: 12px; text-align: center; color: #979CA3; position: relative; }
.progress_speed .step.active { border-top: 2px solid #ff5303; margin-top: -2px; }
.progress_speed .nun { display: inline-block; width: 20px; height: 20px; line-height: 20px; color: #fff; background: #d2d7da; font-weight: 700; position: absolute; top: -10px; left: 50%; margin-left: -10px; border-radius: 50%; }
.progress_speed .step.active .nun { background: #ff5303; }
/**/
.progress_bar { background: #ecf1f4; width: 100%; height: 8px; display: block; border-radius: 8px; overflow: hidden; }
.progress_bar .bar { display: inline-block; height: 100%; float: left; border-radius: 8px; }
/**/
.message { display: table; position: relative; width: 100%; background-color: #0ec6dc; color: #fff; margin-bottom: 24px; }
.message_icon { display: table-cell; vertical-align: middle; width: 60px; padding: 16px; text-align: center; background: rgba(0, 0, 0, 0.1); }
.message_icon .icon { font-size: 48px; line-height: 1; margin: 0; }
.message_body { display: table-cell; vertical-align: middle; padding: 24px 16px 24px 16px; font-size: 14px; color: #fff; }
.message_body:hover { color: #fff; }
.message_close { position: absolute; right: 16px; top: 24px; color: #fff; }
.message_close:hover { color: #e20e00; }
.message_close .icon { font-size: 24px; line-height: 1; margin: 0; }
/*头部提示条 操作成功之类*/
.top_prompt { text-align: center; position: fixed; left: 0; top: 0; right: 0; font-size: 14px; z-index: 10000; animation: fadeInDown 1s ease 0s both; animation-play-state: initial; }
.top_prompt .success { color: #fff; background: #46c487; padding: 8px; padding-bottom: 12px; }
.top_prompt .icon { font-size: 18px; }
/**/
.choose .c_li { margin: 8px 0; border: 1px solid rgba(0,0,0,0.12); background: #fff; position: relative; overflow-y: hidden; overflow-x: auto; }
.choose .c_li .item { float: left; width: 124px; height: 200px; overflow: hidden; border: 1px solid rgba(0,0,0,0.12); padding: 4px; margin-left: 12px; position: relative; cursor: pointer; }
.choose .c_li .item .icon { display: none; }
.choose .c_li .block_slider { position: relative; overflow: hidden; padding: 16px 32px; height: 242px; padding-right: 40px; width: 100%; box-sizing: border-box; }
.choose .c_li .block_slider ul { overflow: hidden; height: 210px; padding: 0; margin: 0; margin-right: 32px; }
.choose .c_li .box_left { position: absolute; left: 0; font-size: 24px; color: #979CA3; background: #fff; display: inline-block; height: 242px; top: 0; line-height: 242px; width: 32px; text-align: right; padding-right: 12px; }
.choose .c_li .box_left i, .box_right i { font-size: 24px; margin: 0; }
.choose .c_li .box_right { position: absolute; right: 0; font-size: 24px; color: #979CA3; background: #fff; display: inline-block; height: 242px; top: 0; line-height: 242px; width: 32px; text-align: left; padding-left: 12px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.choose .c_li .item.active { border: 1px solid #00a0e8; }
.choose .c_li .item.active .icon { display: inline-block; position: absolute; left: 0; top: -1px; line-height: 1; color: #00a0e8; font-size: 24px; width: 24px; height: 24px; }
/*图库*/
.system_gallery { padding: 20px; }
.system_gallery .li { display: inline-block; float: left; margin: 4px; overflow: hidden; background: #d6dadc; width: 154px; border: 1px solid #fff; cursor: pointer; }
.system_gallery .li:hover { border: 1px solid #00a0e8; }
.system_gallery .li.active { border: 1px solid #00a0e8; }
.system_gallery .li img { width: 100%; }