/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face { font-family: 'hui-icon'; /* Project id 3228716 */ src: url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.eot?t=1691663976759'); /* IE9 */ src: url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.eot?t=1691663976759#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.woff2?t=1691663976759') format('woff2'), url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.woff?t=1691663976759') format('woff'), url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.ttf?t=1691663976759') format('truetype'), url('//at.alicdn.com/t/c/font_3228716_q9bjkbvz6d.svg?t=1691663976759#hui-icon') format('svg'); }
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, option, select, th, td, img, background, xmp { border: none; border: 0; margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); color: #cccccc; font: 14px "\5fae\8f6f\96c5\9ed1",Helvetica,PingFang SC,Tahoma,Arial,sans-serif; outline: none; resize: none; word-break: break-all; }
body { left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000000; }
textarea { overflow: hidden; }
input[type=file], input[type=button], input[type=submit] { outline: 0; }
input[type=button] { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-style: normal; font-weight: normal; }
em { font-style: normal; }
/** 重置列表元素 **/
ul, ol, li { list-style: none; margin: 0px; padding: 0px; }
/** 重置超链接元素 **/
a { text-decoration: none; color: #0099CC; cursor: pointer; outline: none; }
    a:hover, a.active { color: #f08a5d; text-decoration: none; }
/** 重置图片元素 **/
img { border: 0px; }
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
i { font-style: normal; }
xmp { white-space: break-spaces; }
button { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
/*图片悬浮透明*/
.hover_pic:hover { background: #fff; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

/*内容过长隐藏*/
.long_hide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/***********************默认颜色****************************/
.bor_red { border: 1px #f67280 solid; }
.bor_red_gou { border: 1px #f67280 solid; }
.bor_gray { border: 1px #eee solid; }

/*背景*/
.bg_w { background: white; }
.bg_ye { background: #ffbb33; color: white; }
.bg_red { background: #f67280; color: white; }
.bg_red_gou { background: #f67280; color: white; }
.bg_blue { background: #0099CC; color: white; }
.bg_gray { background: #d2d2d2; color: white; }
.bg_green { background: #4fb330; color: white; }
.bg_yellow { background: #F0AD4E; color: white; }
.bg_red_light { background: #fdf1f3; }

/*字体颜色*/
.font_red { color: #f67280 !important; }
.font_red_gou { color: #f67280 !important; }
.font_del { color: #cc0033 !important; }
.font_gray { color: #999999 !important; }
.font_blue { color: #0099CC; }
.font_green { color: #4fb330 !important; }
.font_purple { color: #c56bc3 !important; }
.font_white { color: white !important; }
.font_yellow { color: #ff6633 !important; }
.font_black { color: #555555 !important; }

/*字体大小*/
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f24 { font-size: 24px !important; }

/*内边距*/
.p0_2 { padding: 0px 2px !important; }
.p2 { padding: 2px 6px !important; }
.p4 { padding: 4px 14px !important; }
.p6 { padding: 6px 16px !important; }
.p8 { padding: 8px 22px !important; }
.p10 { padding: 10px 30px !important; }
.p16 { padding: 16px 80px !important; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f32 { font-size: 32px; }

.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }

/*内下边距*/
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }

/*内右边距*/
.pr20 { padding-right: 20px; }
.pr40 { padding-right: 40px; }
.pr60 { padding-right: 60px; }
.pr80 { padding-right: 80px; }


/*浮动*/
.fl { float: left; }
.fr { float: right; }

/*宽度*/
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w300 { width: 300px; }
.w-100 { width: 100%; }

/*总边距*/
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m40 { margin: 40px !important; }

/*左边距*/
.ml-20 { margin-left: -20px !important; }
.ml-10 { margin-left: -10px !important; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml100 { margin-left: 100px !important; }

/*上边距*/
.mt-20 { margin-top: -20px !important; }
.mt-10 { margin-top: -10px !important; }
.mt0 { margin-top: 0px !important; }
.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt46 { margin-top: 46px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }

/*下边距*/
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

/*右边距*/
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; }

/*高度*/
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h60 { height: 60px; }

.line30 { line-height: 30px !important; }
.line28 { line-height: 28px !important; }

.weight { font-weight: bold; }
.txt_dec, .txt_dec:hover { text-decoration: underline; }
.t_3s { transition: all .3s; -webkit-transition: all .3s; }
.tleft { text-align: left !important; justify-content: left; }
.tcen { text-align: center !important; justify-content: center; }
.flexcen { display: flex; justify-content: center; }
.flno { float: none !important; }
.fixed { position: fixed; top: 0px; left: 0px; z-index: 10; }

.dib { display: inline-block; }
.db { display: block !important; }

/*动画*/
@-webkit-keyframes xh-bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes xh-bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-webkit-keyframes xh-bounceOpacity {
    0% { background: rgba(0,0,0,0); }
    100% { background: rgba(0,0,0,0.8); }
}

@keyframes xh-bounceOpacity {
    0% { background: rgba(0,0,0,0); }
    100% { background: rgba(0,0,0,0.8); }
}

@-webkit-keyframes xh-bounceOut {
    100% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7) }
    30% { -webkit-transform: scale(1.05); transform: scale(1.05) }
    0% { -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes xh-bounceOut {
    100% { opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7) }
    30% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-webkit-keyframes xh_rotate {
    from { -webkit-transform: rotate(0) }
    to { -webkit-transform: rotate(360deg) }
}

@keyframes xh_rotate {
    from { transform: rotate(0) }
    to { transform: rotate(360deg) }
}

@-webkit-keyframes xh_fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes xh_fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes xh_fadeOut {
    100% { opacity: 0; }
    0% { opacity: 1; }
}

@keyframes xh_fadeOut {
    100% { opacity: 0; }
    0% { opacity: 1; }
}

/*渐变成红色*/
@keyframes fontred {
    0% { color: #555555; }
    100% { color: #f67280; }
}

@-webkit-keyframes fontred {
    0% { color: #555555; }
    100% { color: #f67280; }
}

@keyframes fontwhite {
    0% { color: #f67280; }
    100% { color: #555555; }
}

@-webkit-keyframes fontwhite {
    0% { color: #f67280; }
    100% { color: #555555; }
}

.anim_tool { -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.bounceIn { -webkit-animation-name: xh-bounceIn; animation-name: xh-bounceIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.bounceOut { -webkit-animation-name: xh-bounceOut; animation-name: xh-bounceOut; -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.bounceOpacity { -webkit-animation-name: xh-bounceOpacity; animation-name: xh-bounceOpacity; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/*旋转*/
.anim_rotate { -webkit-animation: xh_rotate 1s linear infinite; animation: xh_rotate 1s linear infinite; }
/*渐进式出现隐藏*/
.anim_fadein { -webkit-animation-name: xh_fadeIn; animation-name: xh_fadeIn; -webkit-animation-duration: .3s; animation-duration: .3s; }
.anim_fadeout { -webkit-animation-name: xh_fadeOut; animation-name: xh_fadeOut; -webkit-animation-duration: .3s; animation-duration: .3s; }
/* 淡入淡出-从上 */
@-webkit-keyframes xh-fadeinT {
    0% { opacity: 0; -webkit-transform: translateY(-10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes xh-fadeinT {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes xh-fadeinT {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes xh-fadeoutT {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-10px); }
}

@-moz-keyframes xh-fadeoutT {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-10px); }
}

@keyframes xh-fadeoutT {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-10px); }
}

.fadeinT { -webkit-animation-name: xh-fadeinT; -moz-animation-name: xh-fadeinT; animation-name: xh-fadeinT; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; }
.fadeoutT { -webkit-animation-name: xh-fadeoutT; -moz-animation-name: xh-fadeoutT; animation-name: xh-fadeoutT; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; }
/* 淡入淡出-从下 */
@-webkit-keyframes xh-fadeinB {
    0% { opacity: 0; -webkit-transform: translateY(10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes xh-fadeinB {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes xh-fadeinB {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes xh-fadeoutB {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}

@-moz-keyframes xh-fadeoutB {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}

@keyframes xh-fadeoutB {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}

.fadeinB { -webkit-animation-name: xh-fadeinB; -moz-animation-name: xh-fadeinB; animation-name: xh-fadeinB; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; }
.fadeoutB { -webkit-animation-name: xh-fadeoutB; -moz-animation-name: xh-fadeoutB; animation-name: xh-fadeoutB; -webkit-animation-duration: .2s; -moz-animation-duration: .2s; animation-duration: .2s; }
/*无内容*/
.nodata { width: 40%; margin: 40px 30%; }
    .nodata img { width: 100%; }
/*灰色全页面背景*/
.fixed_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; background-color: rgba(0, 0, 0,0.3); }
/*按钮*/
.btn_red, .btn_gou, .btn_null, .btn_blue, .btn_green, .btn_yellow, .btn_orange, .btn_gray, .btn_disabled, .btn_del, .btn_red_null, .btn_null_red, .btn_null_blue, .btn_red, .btn_purple { display: inline-block; height: 30px; line-height: 30px; padding: 0 16px; background-color: #f67280; color: #fff; white-space: nowrap; text-align: center; border: none; border-radius: 2px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; }
    .btn_red:hover, .btn_gou:hover, .btn_blue:hover, .btn_green:hover, .btn_yellow:hover, .btn_orange:hover, .btn_gray:hover, .btn_del:hover, .btn_red:hover { opacity: .8; color: white; }
    .btn_red_null:hover, .btn_null_red:hover, .btn_null_blue:hover { opacity: .8; }
.btn_red { background-color: #f67280; }
.btn_red_null, .btn_null_red { background-color: white; color: #f67280 !important; border: 1px #f67280 solid; }
.btn_null { border: 1px solid #C9C9C9; background-color: #fff; color: #555; }
    .btn_null:hover { background: #eeeeee; color: #333; }
.btn_null_blue { background-color: white; color: #0099CC !important; border: 1px #0099CC solid; }
.btn_red_null:hover, .btn_null_red:hover { color: #0099CC; }
.btn_null_blue:hover { color: #f67280; }
.btn_blue { background-color: #0099CC; }
.btn_green { background-color: #4fb330; }
.btn_yellow { background-color: #F0AD4E; }
.btn_orange { background-color: #FF5722; }
.btn_purple { background-color: #c56bc3; }
.btn_gray { background-color: #ccc; color: #666 !important; }
.btn_del { background-color: #cc0033; }
.btn_disabled { border: 1px solid #e6e6e6; background-color: #FBFBFB !important; color: #999999 !important; cursor: not-allowed; opacity: 1; }
.btn_null_red_gou { border: 1px #f46 solid; background: white; color: #f46; }
    .btn_null_red_gou:hover { background: #f8f8f8; color: #f46; }
.btn_s { height: 22px !important; line-height: 22px !important; padding: 0 5px !important; font-size: 12px !important; }
.btn_m { height: 26px; line-height: 26px; padding: 0 10px; font-size: 12px; }
.btn_l { height: 36px; line-height: 36px; padding: 0 20px; font-size: 14px; }
.btn_l2 { height: 38px; line-height: 38px; padding: 0 20px; font-size: 14px; }
.btn_xl { height: 44px; line-height: 44px; padding: 0 36px; font-size: 16px; }
.icon { margin-right: 3px; font-size: 18px; vertical-align: bottom; vertical-align: middle\9; }
/*阴影*/
.shadow { box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); }
.shadow_hover:hover { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); }
.shadow_text { -moz-text-shadow: 0 0 5px #999; -webkit-text-shadow: 0 0 5px #000; text-shadow: 0 0 5px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=2); }
/*徽章*/
.badge_red, .badge_red2, .badge_gou, .badge_blue, .badge_yellow, .badge_orange, .badge_gray, .badge_del, .badge_green, .badge_purple { position: relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #f67280; color: #fff; border-radius: 2px; line-height: 24px; }
.badge_red2 { background: #ffb1cb !important; }
.badge_gou { background-color: #f67280 !important; }
.badge_del { background-color: #cc0033 !important; }
.badge_blue { background-color: #0099CC !important; }
.badge_yellow { background-color: #F0AD4E !important; }
.badge_orange { background-color: #FF5722 !important; }
.badge_green { background-color: #4fb330 !important; }
.badge_gray { background-color: #eee; color: #666; }
.badge_purple { background-color: #c56bc3 !important; }
a.badge_red:hover { opacity: 0.8; color: white; }

.badge_red_null, .badge_red2_null, .badge_gou_null, .badge_blue_null, .badge_yellow_null, .badge_orange_null, .badge_gray_null, .badge_del_null, .badge_green_null, .badge_purple_null { position: relative; display: inline-block; padding: 0 5px; color: white; font-size: 12px; text-align: center; border: 1px #f67280 solid; color: #f67280; border-radius: 2px; line-height: 23px; }
.badge_red2_null { border-color: #ffb1cb !important; color: #ffb1cb; }
.badge_gou_null { border-color: #f67280 !important; color: #f67280; }
.badge_del_null { border-color: #cc0033 !important; color: #cc0033; }
.badge_blue_null { border-color: #0099CC !important; color: #0099CC; }
.badge_yellow_null { border-color: #F0AD4E !important; color: #F0AD4E; }
.badge_orange_null { border-color: #FF5722 !important; color: #FF5722; }
.badge_green_null { border-color: #4fb330 !important; color: #4fb330; }
.badge_gray_null { border-color: #eee; color: #666; color: #eee; }
.badge_purple_null { border-color: #c56bc3 !important; color: #c56bc3; }

/*复选框*/
.checkboxitem { font-family: hui-icon; margin-right: 2px; }
    .checkboxitem:before { content: '\e6f0'; }
    .checkboxitem.yes:before { content: '\e616'; color: #f67280; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

    input[type="number"].showadd::-webkit-inner-spin-button,
    input[type="number"].showadd::-webkit-outer-spin-button { display: block; margin: 0; }
    input[type="number"].showadd { -moz-appearance: textfield; }
/*input[type=radio] { display: none; }
input[type=radio] + label { font-family: hui-icon; display: flex; align-items: center; margin-right: 10px; }
input[type=radio] + label:before { content: '\e64b'; font-size: 18px; margin-right: 2px; }
input[type=radio].red + label:before { color: #f67280; }
input[type=radio]:checked + label:before { content: '\e6e7'; color: #0075ff; }
input[type=radio]:checked.red + label:before { content: '\e616'; color: #f67280; }
input[type=radio]:disabled + label:before { color: #999999; }

input[type=checkbox] { display: none; }
input[type=checkbox] + label { font-family: hui-icon; display: flex; align-items: center; margin-right: 10px; }
input[type=checkbox] + label:before { content: '\e6f0'; font-size: 18px; margin-right: 2px; }
input[type=checkbox].red + label:before { color: #f67280; }
input[type=checkbox]:checked + label:before { content: '\e616'; color: #0075ff; }
input[type=checkbox]:checked.red + label:before { content: '\e616'; color: #f67280; }
input[type=checkbox]:disabled + label:before { color: #999999; }*/
/*店铺图标*/
.shopicon, .usericon { font-family: hui-icon; font-size: 14px; margin-right: 8px; color: #f67280; }
    .shopicon:before { content: '\e6a5'; }
    /*用户图标*/
    .usericon:before { content: '\e6bd'; }
/*徽章，浅色版*/
.badge2_red, .badge2_gou, .badge2_blue, .badge2_yellow, .badge2_orange, .badge2_gray, .badge2_del, .badge2_green, .badge2_purple { position: relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: rgba(255,102,153,0.3); color: #f67280; border-radius: 2px; line-height: 24px; }
.badge2_gou { color: #f67280 !important; background-color: rgba(255,68,102,0.3); }
.badge2_del { color: #cc0033 !important; background-color: rgba(204,0,51,0.3); }
.badge2_blue { color: #0099CC !important; background-color: rgba(28,150,241,0.3); }
.badge2_yellow { color: #F0AD4E !important; background-color: rgba(240,173,78,0.3); }
.badge2_orange { color: #FF5722 !important; background-color: rgba(255,87,34,0.3); }
.badge2_green { color: #4fb330 !important; background-color: rgba(79,179,48,0.3); }
.badge2_purple { color: #c56bc3 !important; background-color: rgba(197,107,195,0.3); }
/*按钮*/
.menu_fixed { margin-left: 115px; }
    .menu_fixed button { margin-right: 20px; height: 36px; width: auto; padding: 0 20px; }
/*图标*/
.icon_del, .icon_tip { display: inline-block; font-size: 18px; font-family: hui-icon !important; color: #999999; }
    .icon_del:before { content: "\e65e"; }
    .icon_tip:before { content: "\e65d"; }
/*从下面往上面刷进来*/
.animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
/*气泡对话弹框*/
.bobble_box { background: white; position: absolute; left: 110px; top: 110px; z-index: 1000; border: 1px #eeeeee solid; border-radius: 4px; }
    .bobble_box:before, .bobble_box:after { content: ''; width: 0px; height: 0px; border: transparent solid; position: absolute; }
    .bobble_box:before { left: 10px; border-bottom-color: #eeeeee; top: -20px; border-width: 10px; }
    .bobble_box:after { left: 11px; border-bottom-color: white; top: -17px; border-width: 9px; }
    .bobble_box.down:before { border-bottom-color: transparent; border-top-color: #eeeeee; bottom: -20px; top: auto; }
    .bobble_box.down:after { border-bottom-color: transparent; border-top-color: white; top: auto; bottom: -17px; }
    .bobble_box.right:before { left: auto; right: 10px; }
    .bobble_box.right:after { left: auto; right: 11px; }
    .bobble_box a { padding: 10px 20px !important; margin: 0 !important; display: block; font-size: 12px; }
/*警告*/
.warning { font-family: hui-icon; }
    .warning:after { font-size: 16px; color: #FAAD14; margin-left: 2px; content: '\e604'; font-weight: normal; }
/*圆形单选框组*/
.myradio { display: inline-block; margin-right: 8px; display: flex; justify-content: left; }
    .myradio.column { flex-direction: column; }
    .myradio .one { margin-right: 10px; display: flex; align-items: center; cursor: default; }
    .myradio.column .one { margin-bottom: 5px; }
    .myradio .one:before { font-family: hui-icon; content: '\e64b'; font-size: 20px; margin-right: 4px; color: #999999; }
    .myradio .one.active:before { content: '\e6e7'; color: #f67280; }
    .myradio .radio { width: 14px; background-size: 14px; vertical-align: middle; margin-top: 4px; }
    .myradio span { padding-left: 4px; }
/*复选框*/
.mycheckbox { margin-right: 10px; display: flex; align-items: center; cursor: default; }
    .mycheckbox:before { font-family: hui-icon; content: '\e6f0'; font-size: 18px; margin-right: 4px; }
    .mycheckbox.active:before { content: '\e616'; color: #f67280; }
    .mycheckbox.ban:before { color: #999999; }
    .mycheckbox.center { justify-content: center; }
/*查询为空*/
.data_null { width: 100%; text-align: center; padding: 10px 0; color: #f67280; font-size: 24px !important; font-weight: 100; }

/*圆形*/
.bor_radius { border-radius: 50%; }
.bor_raduis_2 { border-radius: 2px; }

/*loading*/
.xh_loading_info { width: 74px; height: 74px; background: white; border-radius: 10px; position: fixed; top: 50%; left: 50%; margin: -37px 0 0 -37px; z-index: 10001; display: flex; align-items: center; justify-content: center; color: #f67280; }
    .xh_loading_info i { font-size: 38px; font-family: hui-icon; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; display: inline-block; }
        .xh_loading_info i:before { content: "\e6e2" }
.fuckie { background: #fffcc5; color: red; padding: 30px; font-size: 18px; text-align: center; z-index: 100000; position: fixed; bottom: 0px; left: 0px; width: calc(100% - 60px); }
    .fuckie a { color: blue; }
/*脚部*/
.login_foot { text-align: center; width: 100%; margin-bottom: 40px; margin: 40px auto; }
    .login_foot .line { display: inline-block; width: 100%; height: 3px; border-top: 1px #aaa solid; border-bottom: 1px #aaa dashed; margin-bottom: 20px; }
    .login_foot p { margin-bottom: 10px; }
        .login_foot p i { margin: 0 10px; }
        .login_foot p a { margin: 2px 8px; display: inline-block; color: #555555; }
            .login_foot p a:hover { color: #f67280; }
    .login_foot a.ebs { content: ''; background: url(/Image/ebs_icon.png) no-repeat; display: inline-block; height: 36px; width: 27px; display: inline-block; position: relative; left: -17px; top: -2px; vertical-align: middle; }

/*分页*/
.page_box2 { height: 30px; line-height: 32px; display: inline-block; width: 100%; text-align: center; margin-top: 40px; }
    .page_box2 a, .page_box2 span { background-color: #F9F9F9; border: 1px solid #f67280; display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; color: #f67280; margin-left: 5px; border-radius: 2px; user-select: none; }
        .page_box2 a:hover { background-color: #fbe6ed; }
    .page_box2 span { background-color: #f67280 !important; border-color: #f67280; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0,0) }

/*分页*/
.page_box { /*height: 28px;*/ line-height: 32px; display: inline-block; width: 100%; }
    .page_box > a { line-height: 28px; }
.page { display: inline-block; }
    .page a, .page span { background-color: #F9F9F9; border: 1px solid #f67280; float: left; height: 26px; line-height: 26px; padding: 0 10px; color: #f67280; margin-left: 5px; border-radius: 2px; user-select: none; }
        .page a:hover { background-color: #fbe6ed; }
    .page span { background-color: #f67280 !important; border-color: #f67280; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0,0) }
.page_rowcount { float: right; margin-right: 20px; height: 28px; line-height: 28px; }


/*表单*/
.form.flex { display: flex; flex-flow: wrap; }
.form_info .item { margin-bottom: 14px; position: relative; display: flex; }
.form_info .item_group { display: flex; }
    .form_info .item_group .item_s { width: 50%; display: flex; flex-direction: row; }
        .form_info .item_group .item_s .key { }
.form.flex .form_info .item { width: 33.33%; }
    .form.flex .form_info .item.row1 { width: 100%; }
.form_info .item:after { content: '\20'; display: block; height: 0; }
.form_info .item .key { width: 100px; text-align: right; /*display: flex; align-items: center; justify-content: right;*/ line-height: 34px; margin-right: 10px; }
.form_info .item .value { min-height: 38px; /* max-width: 660px; */ /*display: flex; align-items: center;*/ flex: 1; }
    .form_info .item .value.cell { flex: 1; flex-flow: wrap; display: flex; }
    .form_info .item .value.max { max-width: initial; }
    .form_info .item .value .line { line-height: 36px; }
    .form_info .item .value .myradio .one:before { font-size: 18px; }
    .form_info .item .value .radiobox, .form_info .item .value .checkbox { display: flex; margin-top: 12px; align-items: center; }
    .form_info .item .value input[type=radio], .form_info .item .value input[type=checkbox] { margin-right: 4px; margin-top: 2px; }
        .form_info .item .value input[type=radio] + label, .form_info .item .value input[type=checkbox] + label { margin-right: 10px; }
    .form_info .item .value.radiorow { display: flex; align-items: center; }
    .form_info .item .value input[type=text].mini, .form_info .item .value input[type=number].mini { margin: 4px 0; }
.form_input { display: block; overflow: hidden; }
    .form_input button { height: 32px; }
.form_tool { min-height: 20px; line-height: 16px; display: flex; align-items: center; justify-content: space-between; height: 100%; }
.form_info .item .value.text { line-height: 40px; max-width: 800px; }
    .form_info .item .value.text p { color: #555555; padding-bottom: 10px; }
        .form_info .item .value.text p:first-child { margin-top: 12px; }
.form_info .item .value .img_load { margin-left: 5px; font-size: 12px; }
.form_tip { width: 100%; display: block; padding-top: 6px; color: #999999; font-size: 12px; }
    .form_tip:before { content: ' · '; font-weight: bold; margin: 0 4px; }
.form_line * { float: left; margin-right: 10px; }
.form_p { width: 100%; display: inline-block; }
.form_hide { display: none; background: #eeeeee; padding: 10px 0; margin-bottom: 10px; }
.form_item_one p { margin: 0 0 10px 0; overflow: hidden; }
    .form_item_one p:last-child { margin-top: -10px !important; }
    .form_item_one p .key { height: 40px; line-height: 40px; }
    .form_item_one p i, .form_item_one p a { line-height: 40px; cursor: pointer; }
    .form_item_one p * { margin-right: 10px; float: left; }
.form_info .item .map_pic { width: 400px; height: 240px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 100; }
    .form_info .item .map_pic iframe { border: none; width: 100%; height: 100%; overflow: hidden; }
.allwidth { width: auto; }
    .allwidth .form_info .item .value { max-width: 90%; }

/*一行放两个*/
.form_double { width: 340px; display: inline-block; }
    .form_double .item { width: 170px; float: left; margin-top: 16px; }
        .form_double .item .key { width: 70px; float: left; }
        .form_double .item .value { float: left; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

input[type=text], input[type=password], input[type=number], input[type=date], input[type=search] { width: 260px; }
input[type=text], input[type=password], input[type=number], input[type=date], textarea, select, input[type=search] { height: 20px; padding: 9px; line-height: 20px; border-width: 1px; border-style: solid; border-radius: 2px; border: 1px #555555 solid; -webkit-transition: all .3s; background: #111111; }
    input[type=text].short, input[type=number].short, input[type=date].short, input[type=search].short { width: 113px !important; }
    input[type=text].mini, input[type=number].mini, input[type=date].mini { width: 40px !important; padding: 5px; }
    textarea.mini { height: 100px; width: 400px; }
    input[type=text].long, textarea.long, input[type=number].long, input[type=date].long, input[type=search].long { width: 500px; max-width: 80%; }
    input[type=text][readonly=readonly], input[type=number][readonly=readonly] input[type=search][readonly=readonly] { background: #efefef; }

select { height: 38px; padding: 0; }
    select.small { padding: 0px; height: 30px; }
textarea { height: 140px; width: 500px; display: inline-block; overflow-y: auto; }
.formimg { position: relative; width: 100%; display: inline-block; }
    .formimg img { cursor: pointer; height: 120px; float: left; margin-right: 10px; }
    .formimg .img_load { color: #4fb330; float: left; font-size: 12px; }
.formimgs { max-width: 800px; float: left; }
    .formimgs img { width: 180px; float: left; margin: 10px 10px 0 0; }

input:hover, textarea:hover { border-color: #d2d2d2; }
input:focus, textarea:focus { border-color: #aaaaaa; }
.btn_text { width: 280px; height: 40px !important; }
.btn_text_50 { width: 133px; height: 40px !important; padding: 0; float: left; }
    .btn_text_50:last-child { margin-left: 14px; }

/*单选框*/
.meradio { margin-right: 10px; display: flex; align-items: center; }
    .meradio:before { font-family: hui-icon; font-size: 18px; margin-right: 6px; content: '\e6e7'; color: #f67280; }
.radio.no { content: '\e64b'; color: #999999; }
.form_text .checkbox input[type=checkbox], .form_text .radio input[type=radio] { margin-top: 4px !important; }
.form_text .checkbox label, .form_text .radio label { margin-top: 0px !important; }
.switch { position: relative; height: 20px; min-width: 35px; border: 1px solid #F0AD4E; cursor: pointer; background-color: #F0AD4E; -webkit-transition: .1s linear; transition: .1s linear; display: inline-block; vertical-align: middle; border-radius: 20px; }
    .switch em { position: relative; top: 0; width: 25px; margin-left: 21px; margin-right: 5px; padding: 0 !important; text-align: center !important; color: white; font-size: 12px; line-height: 18px; }
    .switch i { position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; background-color: white; -webkit-transition: .1s linear; transition: .1s linear; border-radius: 50%; }
    .switch.on { background: #4fb330; border-color: #4fb330; }
        .switch.on em { margin-left: 5px; margin-right: 21px; }
        .switch.on i { left: 100%; margin-left: -18px; background-color: #fff; }
    .switch.red { background: #4fb330; border-color: #4fb330; }
    .switch.on.red { background: #cc0033; border-color: #cc0033; }
    .switch.off.red { background: #cc0033; border-color: #cc0033; }
.address_group select, .address_group span { float: left; }
.address_group span { height: 40px; line-height: 40px; margin: 0 10px; }


/*弹出层*/ .dialog_box { position: fixed; _position: absolute; pointer-events: auto; -webkit-overflow-scrolling: touch; top: 50%; left: 50%; margin: 0; padding: 0; background-color: #fff; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0,0,0,.3); z-index: 10001; max-height: 90%; max-width: 80%; min-width: 230px; background: #222222; }
.dialog_top { padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #F8F8F8; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.dialog_close { position: absolute; right: 14px; top: 14px; line-height: initial; font-family: hui-icon !important; font-size: 18px; display: inline-block; cursor: pointer; font-weight: bold; }
    .dialog_close:hover { color: #555555; }
    .dialog_close:before { content: "\e6cb"; }
#div_bg { z-index: 1000; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); opacity: 0; }
.dialog_info { position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh * 0.8); }
    .dialog_info img { max-height: 100%; }
.dialog_btn { text-align: center; margin-bottom: 20px; }
    .dialog_btn button:nth-child(2) { margin-left: 18px; }
.dialog_2 { min-width: 0px; background: rgba(0,0,0,0.6); }
    .dialog_2 .dialog_info { padding: 20px 40px; text-align: center; color: white; }
/*滚动列表load*/
.scroll_load { width: 100%; }
    /*.scroll_load i { background: url(/Image/loading_pull.gif?v=2) no-repeat; width: 14%; margin: 0 43%; margin-top: .1rem; background-size: 100% auto; height: .4rem; display: inline-block; }*/
    .scroll_load i { background: url(/image/loading-1.png) no-repeat; width: 18%; margin: 0 40%; margin-top: .1rem; background-size: 100% auto; height: 40px; display: inline-block; -webkit-animation: loadingAction1 1.5s linear infinite; animation: loadingAction1 1.5s linear infinite; }

/*滚动gif*/
.load_icon { background: url(/Image/loading.gif) no-repeat; background-size: cover; height: 12px; width: 12px; display: inline-block; }
    .load_icon.m { height: 24px; width: 24px; }

/*回顶部*/
#reg_top { position: fixed; z-index: 1000; right: 10px; cursor: pointer; bottom: 100px; width: 50px; height: 50px; font-family: hui-icon !important; font-size: 50px; display: none; }
    #reg_top:before { content: "\e68b"; }

/*用户头像*/
.userhead { width: 46px; height: 46px; position: relative; z-index: 9; }
    .userhead img { width: 100%; border-radius: 50%; }
    .userhead i { background: url(/image/icon_auth.png?v=1) no-repeat; position: absolute; bottom: -2px; right: -2px; width: 20px; height: 20px; z-index: 10; }
        .userhead i.shop { background-position: 0 0; }
        .userhead i.org { background-position: -20px 0; }
        .userhead i.photoer { background-position: -40px 0; }
        .userhead i.admin { background-position: -60px 0; }

/*社交平台图标*/
.icon_qq, .icon_weibo, .icon_weixin, .icon_phone, .icon_apple, .icon_admin { font-family: hui-icon !important; font-family: hui-icon !important; display: flex; align-items: center; }
    .icon_qq:before, .icon_weibo:before, .icon_weixin:before, .icon_phone:before, .icon_apple:before, .icon_admin { font-size: 24px; color: #f67280; margin-right: 5px; }
    .icon_qq:before { content: "\e6d6"; color: #11b9f7; }
    .icon_weibo:before { content: "\e6aa"; color: #c33736; }
    .icon_weixin:before { content: "\e6d9"; color: #2ca33b; }
    .icon_phone:before { content: "\e65b"; color: #5f5f5f; }
    .icon_apple:before { content: "\e633"; color: #000000; }
    .icon_admin:before { content: "\e907"; color: #f67280; }

/*用户列表格子式*/
.userlistbox .item { width: 240px; height: 50px; padding: 10px; display: flex; }
    .userlistbox .item img { border-radius: 50%; height: 50px; }
    .userlistbox .item .text { flex: 1; margin-left: 10px; }
        .userlistbox .item .text p { text-align: left; }

/*发布商品-图片添加*/
.edit_pro_addpic_menu { height: 40px; width: 100%; margin-left: 1px; }
    .edit_pro_addpic_menu a { width: 120px; height: 40px; float: left; line-height: 40px; text-align: center; border: 1px #eee solid; border-bottom: none; margin-left: -1px; color: #555555; }
        .edit_pro_addpic_menu a.active { border-top: 3px #f67280 solid; color: #f67280; background: white; margin-top: -2px; }
.edit_pro_addpic_info { border: 1px #eee solid; padding: 20px 0; width: 760px; }
    .edit_pro_addpic_info .model { display: none; }
        .edit_pro_addpic_info .model.active { display: block; }
    .edit_pro_addpic_info .upload { text-align: center; margin: 60px 0; }
    .edit_pro_addpic_info .webpic { padding: 100px 0px; text-align: center; }
        .edit_pro_addpic_info .webpic input[type=text] { width: 340px; display: inline-block; padding: 6px; margin: 0 10px; }
        .edit_pro_addpic_info .webpic button { height: 34px; }
.editpic_list { width: 760px; }

.open_picdata { padding: 0 20px; background: white; overflow: hidden; }
    .open_picdata .pic_list { display: inline-block; margin: -6px 0 16px -6px; width: 726px; height: 305px; }
        .open_picdata .pic_list img { float: left; width: 95px; height: 95px; margin: 6px 0 0 6px; display: block; border: 1px #f3f3f3 solid; }
            .open_picdata .pic_list img:hover { opacity: 0.8; }

/*批量上传图片*/
.uploadifyQueue { margin-top: 20px; margin-left: -4px; overflow: hidden; position: relative; }
    .uploadifyQueue li { float: left; margin: 0 0 4px 4px; font-size: 11px; position: relative; cursor: pointer; }
        .uploadifyQueue li .item { position: relative; width: 120px; height: 120px; background: #cccccc; position: relative; }
            .uploadifyQueue li .item img { width: 100%; }
            .uploadifyQueue li .item .delete { font-size: 14px; font-family: hui-icon; color: white; position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,0.6); padding-top: 2px; display: none; }
                .uploadifyQueue li .item .delete:before { content: "\e65e"; }
        .uploadifyQueue li:hover .delete { display: block; }
        .uploadifyQueue li .loading { width: 0px; height: 20px; line-height: 20px; background: rgba(255,102,153,0.8); text-align: center; color: white; font-size: 12px; position: absolute; bottom: 0px; left: 0px; }
        .uploadifyQueue li .tools { text-align: center; font-size: 12px; margin: 4px 0 10px 0; }
.placeHolder div { background-color: white !important; border: dashed 1px gray !important; height: 120px; width: 120px; }
.uploadifyQueue li .piclist_face { width: 100%; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 0px; background: #22b4f6; opacity: 0.8; filter: alpha(opacity=80); color: white; text-align: center; line-height: 40px; }

/*Sku编辑*/
.sku_info { width: 260px; float: left; margin-top: 12px; }
.sku_edit_model { display: inline-block; width: 100%; }
.sku_edit_item { margin: 6px 0; }
    .sku_edit_item input[type=text] { padding: 6px; width: 180px; }
    .sku_edit_item button { height: 34px; padding: 0 20px; }
.sku_table thead tr td { background: #f3f3f3; height: 22px; }
.sku_table tr td { text-align: center; font-size: 12px; padding: 4px 8px; border: 1px #dcdcdc solid; }
    .sku_table tr td .red { color: #B94A48; }
    .sku_table tr td input[type=text] { height: 24px !important; padding: 0 6px; border-radius: 0px !important; width: 60px; font-size: 12px; }
        .sku_table tr td input[type=text].w360 { width: 360px !important; }
        .sku_table tr td input[type=text].w240 { width: 240px !important; }
        .sku_table tr td input[type=text].w180 { width: 180px !important; }
        .sku_table tr td input[type=text].w120 { width: 120px !important; }
.oldsku { width: 500px; float: left; margin-top: 40px; font-size: 12px; }
    .oldsku .tit { float: left; width: 40px; }
    .oldsku .list { margin-left: 40px; }
        .oldsku .list a { display: inline-block; font-size: 12px; color: #999; margin: 0 0 10px 10px; border: 1px #dcdcdc solid; padding: 2px 4px; }
            .oldsku .list a:hover { color: #f46; border-color: #f46; }
.sku_noall { font-size: 12px; color: #f46; display: none; }

.rad_buystock { overflow: hidden; }
/*商品编辑开卖时间*/
.rad_buydate .radio { width: 100%; padding-bottom: 10px; display: inline-block; float: none; }
.rad_buydate .begindate { margin-left: 20px; display: flex; align-items: center; }
    .rad_buydate .begindate label, .rad_buydate .begindate select { float: left; margin-right: 8px; }

/*运费模板*/
.edit_postage_box { border: 1px #f3f3f3 solid; padding: 12px; width: 700px; }
    .edit_postage_box .def input { display: inline-block; }
    .edit_postage_box a { color: #00a2ff; }
        .edit_postage_box a:hover { color: #f67280; }
    .edit_postage_box .mini, .edit_postage_box .addlist tr td .mini { height: 22px !important; border-radius: 1px !important; width: 50px !important; padding: 0 1px !important; display: inline-block; }
    .edit_postage_box .addlist { margin-top: 14px; width: 100%; display: none; }
        .edit_postage_box .addlist tr td { border: 1px #f3f3f3 solid; text-align: center; padding: 6px 0; }
            .edit_postage_box .addlist tr td .addname { width: 280px; float: left; text-align: center; }
        .edit_postage_box .addlist thead { background: #f3f3f3; }
            .edit_postage_box .addlist thead tr td { padding: 8px 0; }
.postage_addlist { position: absolute; border: 1px #f3f3f3 solid; background: white; width: 600px; display: none; }
    .postage_addlist .title { padding: 4px 10px; border-bottom: 1px #fafafa solid; background: #fafafa; }
    .postage_addlist .info { padding: 4px 10px; }
    .postage_addlist .info_item { padding: 4px; display: inline-block; }
        .postage_addlist .info_item input[type=checkbox] { float: left; margin: 3px 2px 0 0; }
        .postage_addlist .info_item label { float: left; font-size: 12px; }
        .postage_addlist .info_item .tit { float: left; margin-right: 30px; width: 60px; }
            .postage_addlist .info_item .tit label { font-weight: bold; }
        .postage_addlist .info_item .body { float: left; width: 480px; }
            .postage_addlist .info_item .body .one { float: left; width: 80px; margin-bottom: 12px; }
    .postage_addlist .footbtn { text-align: center; padding: 10px 0; border-top: 1px #f3f3f3 solid; }
/*支付图标*/
.payiconbox { display: flex; align-items: center; flex-direction: column; }
.icon_pay_wx:before, .icon_pay_alipay:before, .icon_pay_qq:before { font-family: hui-icon !important; font-size: 20px; }
.icon_pay_wx:before { content: "\e62a"; color: #2ca33b; }
.icon_pay_alipay:before { content: "\e6ac"; color: #00aaef; }
.icon_pay_qq:before { content: "\e6d6"; color: #13b9f7; }

/*商家统计*/
.statistics_main, .statistics_other ul.info { box-shadow: #ccc 0px 0px 4px; -webkit-box-shadow: #ccc 0px 0px 4px; -moz-box-shadow: #ccc 0px 0px 4px; }
.statistics_other ul.title { box-shadow: #ccc 0px -1px 1px; -webkit-box-shadow: #ccc 0px -1px 1px; -moz-box-shadow: #ccc 0px -1px 1px; }
.statistics_main ul.title { overflow: hidden; }
    .statistics_main ul.title li { width: calc(100% / 7 - 1px); float: left; text-align: center; border: 1px #dcdcdc solid; margin-right: -1px; padding: 16px 0; cursor: pointer; }
        .statistics_main ul.title li.active { border-top: 3px #f46 solid; border-bottom: none; padding: 15px 0; }
        .statistics_main ul.title li span { display: block; }
.statistics_main ul.info { padding-top: 20px; border: 1px #dcdcdc solid; border-top: none; }
    .statistics_main ul.info li { display: none; }
        .statistics_main ul.info li.active { display: block; }
        .statistics_main ul.info li .tb { width: 100%; }
.statistics_other ul.title { overflow: hidden; width: 605px; margin: 0px auto; background: white; position: relative; z-index: 11; }
    .statistics_other ul.title li { float: left; width: 150px; text-align: center; border: 1px #dcdcdc solid; padding: 16px 0; cursor: pointer; margin-right: -1px; }
        .statistics_other ul.title li.active { border-top: 3px #f46 solid; border-bottom: none; padding: 15px 0; color: #f46; }
.statistics_other ul.info { border: 1px #dcdcdc solid; margin-top: -1px; }
    .statistics_other ul.info li { display: none; }
        .statistics_other ul.info li.active { display: block; }
    .statistics_other ul.info table { width: 100%; }
        .statistics_other ul.info table tr td { padding: 8px; border: 1px #f3f3f3 solid; }
            .statistics_other ul.info table tr td img { width: 50px; height: 50px; }
        .statistics_other ul.info table tr:first-child td { border-top: none; }

/*视频播放器*/
.video_face { width: 100%; }
    .video_face .video-js { word-break: normal; font-size: 12px; color: #333; width: 100%; }
        .video_face .video-js button, .video_face .video-js button:focus { outline: 0; box-shadow: none }
        .video_face .video-js .video-js:hover .vjs-big-play-button, .video_face .video-js .vjs-big-play-button:focus { background-color: rgba(255,111,162,.8) }
        .video_face .video-js .vjs-play-progress, .video_face .video-js .vjs-volume-level { background-color: #f67280; }
            .video_face .video-js .vjs-icon-circle:before, .video_face .video-js .vjs-mouse-display:before, .video_face .video-js .vjs-play-progress:before, .video_face .video-js .vjs-volume-level:before { color: #f67280; margin-top: 0; margin-left: -0.06em; }
        .video_face .video-js .vjs-big-play-button .vjs-icon-placeholder, .video_face .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video_face .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .video_face .video-js .vjs-icon-play, .video_face .video-js .vjs-icon-play:before, .video_face .video-js .vjs-mute-control .vjs-icon-placeholder, .video_face .video-js .vjs-play-control .vjs-icon-placeholder, .video_face .video-js .vjs-play-control .vjs-icon-placeholder:before, .video_face .video-js .vjs-play-control.vjs-ended { /*font-family: bcyfont !important*/ }
        .video_face .video-js .vjs-button > .vjs-icon-placeholder { font-size: 12px; line-height: 36px; }
        .video_face .video-js .vjs-progress-control { min-width: 3.8em }
        .video_face .video-js .vjs-big-play-button { background-color: rgba(255,111,162,.5); font-size: 2em; line-height: 2.6em; height: 3em; width: 3em; border-radius: 50%; margin-top: -1.5em; margin-left: -1.5em; border-width: .23em; color: #fff }
            .video_face .video-js .vjs-big-play-button:hover, .video_face .video-js:hover .vjs-big-play-button { background-color: rgba(255,111,162,.8) }
        .video_face .video-js .vjs-control-bar { background: rgba(0,0,0,.4); font-size: 12px; height: 36px; }
        .video_face .video-js .vjs-volume-vertical { background: rgba(0,0,0,.4); }
        .video_face .video-js .vjs-remaining-time-display { margin-top: 0.8em; }
        .video_face .video-js .vjs-time-tooltip { word-break: normal; }
        .video_face .video-js .vjs-icon-placeholder, .video_face .video-js .vjs-icon-placeholder, .video_face .video-js .vjs-time-control { color: white; }
        .video_face .video-js .vjs-progress-holder .vjs-load-progress div, .video_face .video-js .vjs-volume-bar { background-color: white; }
        .video_face .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 26px; line-height: 2em; }
/*分享到*/
.share_key { float: left; line-height: 26px; }
.share_icon a { font-size: 26px; margin-left: 20px; font-family: hui-icon !important; color: #f67280; }
    .share_icon a:first-child { margin-left: 0px; }
    .share_icon a.weibo:before { content: '\e6aa'; }
    .share_icon a.weixin:before { content: '\e6d9'; }
    .share_icon a.qq:before { content: '\e6d6'; }
    .share_icon a.qzone:before { content: '\e6e9'; }
/*404*/
.error_bg { background: white; width: 100%; height: 100%; position: absolute; }
.error_info { width: 800px; margin: 240px auto; }
    .error_info img { float: left; }
    .error_info .word { margin-top: 80px; float: right; }
        .error_info .word p { margin-bottom: 10px; }
        .error_info .word .big { font-size: 50px; }

.c_mess_dom { background: #ffe9ed; }
.c_mess { position: absolute; left: 0px; padding: 2px 4px; border: 1px #f67280 solid; background: #ffe9ed !important; color: #f67280 !important; }
    .c_mess.tb { position: initial; background: none; }
        .c_mess.tb td { padding: 0px 0 10px 0 !important; }
            .c_mess.tb td span { border: 1px #f67280 solid !important; background: #ffe9ed; color: #f67280; }

/*ajax分页*/
.list_page { text-align: center; }
    .list_page a, .list_page span { padding: 0 6px; }
    .list_page span { color: #f67280; }

/*固定宽度页面*/
.main_info_box { width: 1100px; margin: 69px auto 0; }
/*动态列表*/
.main_content { width: calc(100% - 30px); margin: 0 auto; }
.trend_list_box { min-height: 400px; margin-bottom: 100px; min-width: 900px; }
.trend_list li { width: calc(25% - 20px); min-width: 280px; }

/*@media only screen and (min-width: 1600px) {
    .trend_list li { width: calc(25% - 20px); }
}*/

.trend_list li { margin: 20px 20px 0 0; display: inline-block; }
    .trend_list li a { color: #555555; }
        .trend_list li a:hover, .trend_list li a.active { color: #f67280; }
.trend_box { background: white; padding: 20px 20px 16px 20px; border-radius: 4px; position: relative; }
    .trend_box .report { position: absolute; right: 85px; top: 20px; z-index: 2; }
    .trend_box:hover > a.report { display: block !important; }
    .trend_box .atte, .trend_box .del { position: absolute; top: 20px; right: 20px; z-index: 2; }
    .trend_box .del { display: none; }
        .trend_box .del:hover { color: #f67280 !important; }
        .trend_box:hover .del, .trend_box .del.admin { display: block; }
.trend_head { width: 100%; display: inline-block; position: relative; }
    .trend_head .user { float: left; margin-top: 2px; }
    .trend_head .delete { font-family: hui-icon; position: absolute; top: 6px; right: 0px; font-size: 24px; }
        .trend_head .delete:before { content: "\e65e"; }
    .trend_head .userhead { float: left; }
    .trend_head .userinfo { margin-left: 56px; width: calc(100% - 126px); }
.trend_topictit { font-weight: bold; font-size: 15px; color: #000000; margin-top: 10px; }
.trend_text { line-height: 24px; overflow: hidden; }
.trend_albumtit { margin-bottom: 10px; background: #eeeeee; padding: 6px 10px; }

.trend_pic { display: inline-block; width: 100%; overflow: hidden; }
    .trend_pic .pic_grid { width: 100%; position: relative; display: block; }
    .trend_pic .video_box { padding-bottom: 60%; overflow: hidden; }
        .trend_pic .video_box img { top: -30%; position: absolute; width: 100%; }
        .trend_pic .video_box i { font-family: hui-icon; text-align: center; width: 50px; height: 50px; background: url(/image/video_icon.png) no-repeat; background-size: 52px 52px; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; cursor: pointer; color: white; border-radius: 50%; }
        .trend_pic .video_box:hover i { color: #eeeeee; }
        .trend_pic .video_box span { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,0.3); color: white; font-size: 12px; padding: 4px; }

    .trend_pic .fleas_box { background: #f3f3f3; width: 100%; height: 60px; position: relative; }
        .trend_pic .fleas_box img { height: 100%; float: left; }
        .trend_pic .fleas_box .text { margin-left: 60px; padding: 5px; }
        .trend_pic .fleas_box p:last-child { margin-top: 2px; }
    .trend_pic .fleas_box { height: 60px; float: left; }
    .trend_pic .word_box { padding-bottom: 40%; overflow: hidden; }
        .trend_pic .word_box img { position: absolute; width: 100%; margin-top: -25%; }
    .trend_pic .word_tit { border: 1px #eeeeee solid; border-top: none; padding: 14px 20px; font-size: 16px; font-weight: bold; }
    .trend_pic .pic_1 { padding-bottom: 100%; }
        .trend_pic .pic_1 img { width: 100%; position: absolute; }
    .trend_pic .pic_2, .trend_pic .pic_3 { margin: -2px; }
    .trend_pic .pic_2 { padding-bottom: 50%; }
    .trend_pic .pic_3 { padding-bottom: 66.6666%; }
    .trend_pic .pic_2 img { width: 50%; box-sizing: border-box; border: 2px #ffffff solid; float: left; }
    .trend_pic .pic_3 img { width: 33.3333%; box-sizing: border-box; border: 2px #ffffff solid; float: left; }
        .trend_pic .pic_3 img:first-child { width: 66.6667%; }
    .trend_pic .pic_s img { width: 33.3333%; float: left; box-sizing: border-box; border: 2px #ffffff solid; }

.trend_huiba { display: inline-block; width: 100%; }
    .trend_huiba a { background: rgba(255, 102, 153,0.2); color: #f67280 !important; padding: 4px 8px; border-radius: 2px; float: left; margin: 2px 10px 10px 2px; }
        .trend_huiba a:hover { background: rgba(255, 102, 153,0.3); }
    .trend_huiba .copylink { float: right !important; background: none; color: #1a7fca !important; font-size: 12px; }
        .trend_huiba .copylink:hover { background: none; color: #f67280 !important; }
.trend_foot { border-top: 1px #eeeeee solid; margin-top: 10px; padding-top: 10px; text-align: center; display: inline-block; width: 100%; }
    .trend_foot .item { width: 33.333%; float: left; text-align: center; }
        .trend_foot .item a { line-height: 24px; position: relative; }
            .trend_foot .item a i { font-family: hui-icon !important; font-size: 22px; margin-right: 8px; }
                .trend_foot .item a i:before { vertical-align: middle; display: inline-block; }
            .trend_foot .item a.top i:before { content: "\e6ae"; }
            .trend_foot .item a.comment i:before { content: "\e693"; }
            .trend_foot .item a.save i:before { content: "\e6cc"; }
            .trend_foot .item a span { line-height: 24px; }
    .trend_foot .foot_del { height: 20px; }
        .trend_foot .foot_del i { margin-right: 4px !important; }
        .trend_foot .foot_del:hover, .trend_foot .foot_del:hover i { color: #f67280; }


/*商品视频上传*/
.pro_video_up .upload_probox { display: none; margin-top: 30px; width: 120px; }
.pro_video_up .upload_progress { background: #b7e4f9; width: 100%; height: 10px; }
.pro_video_up .upload_progress_in { background: #20a9e7; width: 1px; height: 100%; }
.pro_video_up .upload_probox .word { font-size: 12px; color: #999999; }
.pro_video_up .videoface_box { display: none; width: 120px; }
.pro_video_up .videoFace { width: 100%; margin-top: 20px; position: relative; }
    .pro_video_up .videoFace i { position: absolute; left: 50%; top: 50%; font-size: 26px; width: 24px; height: 24px; margin: -13px 0 0 -13px; }
    .pro_video_up .videoFace img { width: 100%; height: 100%; }
.pro_video_up .videoface_box a { width: 100%; display: inline-block; text-align: center; margin-top: 5px; }

.manage_box { padding-bottom: 10px; }


/*改价、发货等商品列表*/
.shop_editprice { width: 100%; }
    .shop_editprice .tab_box { width: 100%; max-height: 436px; overflow-y: auto; }
    .shop_editprice table { border: 1px #f3f3f3 solid; width: 100%; }
        .shop_editprice table thead { background: #f3f3f3; }
            .shop_editprice table thead tr th { height: 38px; color: #999; font-size: 12px; }
        .shop_editprice table tbody tr td { padding: 10px; border-bottom: 1px #f3f3f3 dashed; }
            .shop_editprice table tbody tr td img { height: 40px; width: 40px; max-width: 100%; }
            .shop_editprice table tbody tr td input[type=text] { width: 60px; height: 26px; padding: 0px; line-height: 26px; font-size: 12px; }
            .shop_editprice table tbody tr td, .shop_editprice table tbody tr td p { font-size: 12px; }
                .shop_editprice table tbody tr td p { width: 370px; }
                .shop_editprice table tbody tr td.bor_left { border-left: 1px #f3f3f3 dashed; }
    .shop_editprice .footer span, .shop_editprice .footer i { float: left; }
        .shop_editprice .footer i.big { line-height: 20px; }
/*选择收货地址*/
.addresslist_box { max-height: 500px; padding-bottom: 10px; }
.addresslist p { margin-bottom: 5px; font-size: 14px; padding: 2px 0; }
    .addresslist p input[type=radio] { margin-right: 10px; }
    .addresslist p a { color: #555555; }
/*编辑按钮图标*/
.shopnote_click { width: 13px; height: 13px; background: url(/image/base_icon.png) no-repeat -218px -297px; display: inline-block; vertical-align: middle; margin: -2px 0 0 6px; }
.shopnote_edit { border: 1px #dcdcdc solid; width: 200px; padding: 2px; color: #999; display: none; }
/*活动报名*/
.datatip { padding: 8px 0; font-size: 14px; font-weight: bold; }
.sel_acpro_box .pagemore { text-align: center; margin-top: 20px; }
    .sel_acpro_box .pagemore a { padding: 10px 20px; width: 50%; display: inline-block; border: 1px #f67280 solid; color: #f67280; border-radius: 4px; }
        .sel_acpro_box .pagemore a:hover { background: #fff5f8; }
.sel_acpro_edit_list_groupbuy table { width: 100%; }
    .sel_acpro_edit_list_groupbuy table thead tr { background: #f3f3f3; }
    .sel_acpro_edit_list_groupbuy table tr th { text-align: left; padding: 10px 5px; }
    .sel_acpro_edit_list_groupbuy table tr td { border: 1px #f3f3f3 solid; padding: 10px; }
        .sel_acpro_edit_list_groupbuy table tr td input[type=text] { border: 1px #cccccc solid; width: 150px; font-size: 13px; padding: 4px 3px; }
        .sel_acpro_edit_list_groupbuy table tr td input[type=checkbox] { vertical-align: middle; margin: -1px 2px 0 0; }

/*商家参与活动*/
.mysh_activity_info { overflow: hidden; border: 1px #f3f3f3 solid; padding: 20px; box-shadow: 0px 0px 12px #cccccc; }
    .mysh_activity_info .face { width: 150px; float: left; }
        .mysh_activity_info .face img { width: 100%; display: block; }
    .mysh_activity_info .desc { margin-left: 170px; }
        .mysh_activity_info .desc .fontgray, .mysh_activity_info .desc .fontgray p { color: #999999; font-size: 12px; }
.mysh_activity_rule { margin-top: 20px; }
    .mysh_activity_rule p { font-size: 12px; margin-bottom: 6px; color: #999999; }
.mysh_activity_join { text-align: center; display: inline-block; margin: 40px 0; width: 100%; }
.sel_acpro_panel { margin: 20px; }
    .sel_acpro_panel.shop { margin: 20px 0; }
.sel_acpro_list { margin: 10px 20px; }
.sel_acpro_panel .sel_acpro_box { overflow: auto; height: calc(100vh - 198px); margin: 10px 0 20px 0; }
.sel_acpro_panel.shop .sel_acpro_box { height: calc(100vh - 300px); }
.sel_acpro_info { display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 60px; }
    .sel_acpro_info .item { float: left; width: 152px; margin: 3px 10px 10px 3px; cursor: pointer; box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-transition: box-shadow .2s linear; -moz-transition: box-shadow .2s linear; -o-transition: box-shadow .2s linear; transition: box-shadow .2s linear; }
        .sel_acpro_info .item:hover { box-shadow: 0 0 0 3px #f998aa !important; }
        .sel_acpro_info .item.active { background: #fafafa; box-shadow: 0 0 0 3px #f67280 !important; }
        .sel_acpro_info .item img { width: 100%; }
        .sel_acpro_info .item .info { padding: 6px; }
            .sel_acpro_info .item .info p { font-size: 12px; }
.sel_acpro_tool_box { margin-top: -40px; }
.sel_acpro_tools { width: 100%; display: inline-block; }
    .sel_acpro_tools a { line-height: 37px; }
.sel_acpro_edit { display: none; margin: -20px 0 0 0; }
.sel_acpro_edit_list { overflow: auto; height: calc(100vh - 145px); margin: 20px 0; }
.sel_acpro_panel.shop .sel_acpro_edit_list { height: calc(100vh - 205px); }
.sel_acpro_edit_list table { width: 100%; }
    .sel_acpro_edit_list table thead tr { background: #f3f3f3; }
    .sel_acpro_edit_list table tr th { text-align: left; }
    .sel_acpro_edit_list table tr td, .sel_acpro_edit table tr th { border: 1px #f3f3f3 solid; padding: 10px; }
        .sel_acpro_edit_list table tr td img { width: 50px; }
        .sel_acpro_edit_list table tr td input[type=text] { border: 1px #cccccc solid; width: 50px; font-size: 12px; padding: 2px; }
        .sel_acpro_edit_list table tr td input[type=checkbox] { vertical-align: middle; margin: -1px 2px 0 0; }
        .sel_acpro_edit_list table tr td .discount { border: 1px #cccccc solid; padding: 0 4px; display: inline-block; color: #999999; }
            .sel_acpro_edit_list table tr td .discount input[type=text] { border: none !important; text-align: center; text-align: center; width: 40px !important; padding: 4px; font-weight: bold; }
                .sel_acpro_edit_list table tr td .discount input[type=text].short { width: 20px !important; }
/*关联订单组操作弹窗*/
.ordersgroup_form { }
    .ordersgroup_form .tit { text-align: center; font-size: 14px; height: 20px; }
    .ordersgroup_form .ordlist { overflow-y: auto; height: calc(100% - 64px); margin-bottom: 20px; }
        .ordersgroup_form .ordlist .item { margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
            .ordersgroup_form .ordlist .item .shop { display: flex; flex-direction: column; justify-content: left; }
            .ordersgroup_form .ordlist .item * { font-size: 12px; }
/*收货地址列表*/
.model_address { width: 100%; z-index: 1000; height: 100%; }
.sel_address { position: relative; }
    .sel_address > .menu_fixed { margin: 20px 0 0 20px; }
.address_list { overflow: auto; display: inline-block; width: 100%; }
    .address_list .item { background: white; position: relative; padding: 10px; border-bottom: 1px #eeeeee solid; cursor: pointer; /*兼容ios*/ display: flex; flex-direction: row; flex-direction: column; }
        .address_list .item:last-child { border-bottom: none; }
        .address_list .item.brpub { margin-top: 10px; }
        .address_list .item.norad { padding-left: 10px; }
        .address_list .item .info { flex: 1; padding-bottom: 10px; display: flex; align-items: center; }
            .address_list .item .info.isedit { padding-left: 0; }
        .address_list .item .addressee { font-weight: bold; }
        .address_list .item .phone { margin-left: 6px; color: #898989; font-size: 10px; }
        .address_list .item .street { margin-top: 8px; font-size: 12px; }
        .address_list .item .radio { width: 48px; text-align: center; display: flex; justify-content: center; margin: 0 6px 0 10px; }
        .address_list .item .tools { overflow: hidden; flex: 1; display: flex; }
            .address_list .item .tools a { font-size: 10px; margin-right: 4px; display: flex; align-items: center; }
                .address_list .item .tools a i { font-family: hui-icon; font-size: 20px; }
                .address_list .item .tools a.del i:before { content: '\e65e'; }
                .address_list .item .tools a.edit i:before { content: '\e6ef'; }
.address_ins, .saveaddress { display: inline-block; width: 90%; height: 38px; line-height: 38px; text-align: center; background: #f67280; color: white; border-radius: 40px; margin: 0 5%; }
    .address_ins i, .saveaddress i { background: url(/Image/address_add.png) no-repeat; width: 18px; height: 18px; background-size: 18px auto; display: inline-block; vertical-align: middle; margin: -4px 6px 0 0; }
    .saveaddress i { background-image: url(/Image/icon_right_white.png); margin: 4px 6px 0 0 }
.if_insadd { width: 100%; height: 100%; }
.d_addlist .menu_fixed { margin-left: 110px; }

/*店铺或者商品弹窗*/
.open_shop_search_box { height: 400px; }
.open_shop_search { margin: 40px auto; width: 100%; text-align: center; }
    .open_shop_search input[type=text] { width: 300px; }
.open_shop_list { width: 1150px; padding-bottom: 10px; display: inline-block; }
    .open_shop_list a { width: 210px; height: 50px; float: left; line-height: 50px; margin: 5px; padding: 5px; }
        .open_shop_list a:hover { background-color: #e3e3e3; }
        .open_shop_list a img { height: 100%; float: left; border-radius: 2px; }
        .open_shop_list a .text { width: 150px; height: 100%; float: left; margin-left: 10px; }
            .open_shop_list a .text .name { font-weight: bold; margin-bottom: 5px; font-size: 13px; color: #000000; }
            .open_shop_list a .text .tag { opacity: 0.5; }
.open_shop_search_box .more { text-align: center; padding-bottom: 40px; }
    .open_shop_search_box .more a { display: inline-block; padding: 10px 20px; width: 50%; display: inline-block; border: 1px #f67280 solid; color: #f67280; border-radius: 4px; }
        .open_shop_search_box .more a:hover { background: #fff5f8; }
.open_shop_search_fixed { position: fixed; z-index: 11; background: white; width: calc(100% - 60px); height: 60px; display: flex; align-items: center; padding: 0 40px 0 20px; bottom: 0; left: 0; justify-content: space-between; }

/*选择图片列表*/
.lv_otherdis_item { display: inline-block; margin-bottom: 10px; padding: 10px 10px 4px 10px; border: 1px #cccccc dashed; position: relative; width: 100%; }
    .lv_otherdis_item .tit { display: flex; align-items: center; }
        .lv_otherdis_item .tit input[type=text] { height: 12px; width: 30px; margin-top: 5px; padding: 4px; }
        .lv_otherdis_item .tit .left { flex: 1; }
.lv_sel_prolist { margin-left: 30px; }
    .lv_sel_prolist .pro { width: 62px; float: left; margin: 0 0 6px 6px; cursor: pointer; position: relative; overflow: hidden; text-align: center; }
        .lv_sel_prolist .pro img { width: 100%; height: 100%; display: block; }
        .lv_sel_prolist .pro input[type=text] { height: 12px; width: 30px; margin-top: 5px; padding: 4px; }
        .lv_sel_prolist .pro .del { background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; left: 0px; top: 62px; font-family: hui-icon; z-index: 10; align-items: center; justify-content: center; display: flex; }
            .lv_sel_prolist .pro .del:before { content: '\e65e'; font-size: 24px; z-index: 11; color: white; }
        .lv_sel_prolist .pro:hover .del { top: 0; }
.lv_otherdis_item .del { position: absolute; right: 20px; top: 20px; }
.agentcheck_box { display: flex; justify-content: space-between; width: 90%; }
    .agentcheck_box .left, .agentcheck_box .right { width: 49%; }
        .agentcheck_box .left .tit, .agentcheck_box .right .tit { font-size: 16px; font-weight: bold; margin: 0 0 20px 110px; }

/*弹窗选择标签*/
.form_taglist { /*max-width: 1160px;*/ }
    .form_taglist a { margin-bottom: 10px; margin-right: 5px; font-size: 12px; }
        .form_taglist a.active { background: #f67280; color: white; }
    .form_taglist .item { /*margin: 10px 0;*/ display: flex; flex-direction: row; align-items: start; }
        .form_taglist .item .parent { width: 60px; text-align: right; }
            .form_taglist .item .parent a { margin: 0; }
        .form_taglist .item .group { display: flex; flex-direction: column; width: 1160px; }
        .form_taglist .item .groupname { color: #f67280; width: 50px; text-align: right; margin: 0 5px 0 10px; line-height: 24px; }
        .form_taglist .item .groupitem { display: flex; flex-direction: row; }
        .form_taglist .item .child { flex: 1; /*margin-left: 10px;*/ }
            .form_taglist .item .child a { /*float: left;*/ }

/*编辑邮费模板*/
.postage_addlist .ck_s, .postage_addlist .ck_big { display: none; }
.postage_addlist .one > label { cursor: pointer; }
.postage_addlist .ck_big + .check_icon, .postage_addlist .ck_s + .check_icon { border: 1px solid #d9d9d9; background: #fff; display: inline-block; position: relative; float: left; width: 16px; height: 16px; border-radius: 2px; margin: 0 3px; cursor: pointer; }
.postage_addlist .ck_big:checked + .check_icon, .postage_addlist .ck_s:checked + .check_icon { background: #1890ff; border-color: #1890ff; }
    .postage_addlist .ck_big:checked + .check_icon:before, .postage_addlist .ck_s:checked + .check_icon:before { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; content: ' '; top: 50%; left: 20%; width: 4px; height: 9px; }
.postage_addlist .ck_big:checked ~ i, .postage_addlist .ck_s:checked ~ i { font-weight: bold; }

.postage_addlist .ck_big:disabled + .check_icon, .postage_addlist .ck_s:disabled + .check_icon { background: #e5e5e5; border-color: #d9d9d9 !important; cursor: not-allowed; }
.postage_addlist .ck_big:disabled ~ i, .postage_addlist .ck_s:disabled ~ i { font-weight: normal; cursor: not-allowed; color: #999 !important; }
/*.ck_s:disabled + .check_icon:before {
        border-color:rgba(0,0,0,0.25);
    }*/
.postage_addlist .ck_big:disabled + .check_icon:before, .postage_addlist .ck_s:disabled + .check_icon:before { position: absolute; display: table; border: 2px solid #a9a9a9; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; content: ' '; top: 50%; left: 20%; width: 4px; height: 9px; }

.sevenreturn { font-family: hui-icon; font-size: 1rem; margin: 0 0.2rem; color: #c56bc3; font-weight: bold; }
    .sevenreturn:before { content: '\e6f5'; }

/*管理员进度*/
.admin_process .edit .tit { margin-bottom: 10px; font-size: 14px; }
.admin_process .logs { margin: 20px; }
    .admin_process .logs .tit { border-bottom: 1px #eeeeee solid; padding-bottom: 10px; }
    .admin_process .logs .log_info { margin-top: 5px; }
        .admin_process .logs .log_info p { padding: 4px 0; }
.ap_wait a { color: white; }
.ap_wait i { border-radius: 14px; background: #f67280; color: white; padding: 2px 6px; }
.ap_prolist { box-shadow: 0px 0px 6px #ccc; width: 300px; height: calc(100% - 85px); position: fixed; background: white; top: 45px; right: -340px; z-index: 100000; padding: 20px; }
    .ap_prolist .tit { padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between; }
        .ap_prolist .tit .icon_close { font-family: hui-icon !important; }
            .ap_prolist .tit .icon_close:before { content: "\e6cb"; }
    .ap_prolist .info_list { height: calc(100% - 20px); }
        .ap_prolist .info_list .item { box-shadow: 0px 0px 6px #ccc; padding: 10px; border-radius: 4px; margin: 10px 4px; }
            .ap_prolist .info_list .item:hover { box-shadow: 0px 0px 6px #f67280; }
            .ap_prolist .info_list .item p { padding: 2px 0; }

.xl_panel { background: #222222; box-shadow: 0 0 2px 2px #555555; border-radius: 4px; display: flex; }
.xl_tools { position: fixed; background: #222222; bottom: 0; left: 0; padding: 10px; display: block; width: calc(100% - 20px); z-index: 1000; }
    .xl_tools a { margin-left: 10px; }

.xl_icon_del, .xl_icon_edit { font-family: hui-icon; display: inline-block; font-size: 20px; }
    .xl_icon_del:before { content: '\e65e'; }
    .xl_icon_edit:before { content: '\e6ef'; }

.lybigpic { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); z-index: 10000; top: 0; left: 0; }
    .lybigpic .lyclose { position: fixed; right: 20px; top: 20px; font-family: hui-icon; font-size: 30px; color: white; opacity: 0.4; z-index: 10006; }
        .lybigpic .lyclose:before { content: '\e903'; }
        .lybigpic .lyclose:hover { opacity: 0.8; }
    .lybigpic .lymaxpic { width: 100%; height: calc(100% - 100px); display: flex; justify-content: center; align-items: center; position: relative; }
        .lybigpic .lymaxpic img { max-width: 100%; max-height: 100%; display: block; z-index: 10002; }
        .lybigpic .lymaxpic .maxpic_load { position: fixed; display: inline-block; background: url(/Images/loading-animate.gif) no-repeat; height: 60px; width: 80px; background-size: contain; background-position: center; z-index: 10001; }
        .lybigpic .lymaxpic .tools { position: absolute; bottom: 10px; z-index: 10003; }
            .lybigpic .lymaxpic .tools a { color: white; background: black; padding: 4px 8px; border-radius: 4px; font-size: 12px; }
    .lybigpic .lypiclist_box { width: 100vw; height: 100px; }
    .lybigpic .lypiclist { height: 100%; min-width: 100%; margin-top: 20px; white-space: nowrap; display: inline-block; text-align: center; }
        .lybigpic .lypiclist a { width: 60px; height: 60px; display: inline-block; margin-left: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; flex-shrink: 0; }
            .lybigpic .lypiclist a.active { border: 3px #f67280 solid; width: 57px; height: 57px; }
    .lybigpic .lymax_up, .lybigpic .lymax_next { position: fixed; top: calc(50% - 40px); font-family: hui-icon; font-size: 40px; color: white; opacity: 0.4; }
        .lybigpic .lymax_up:hover, .lybigpic .lymax_next:hover { opacity: 0.8; }
    .lybigpic .lymax_up { left: 20px; }
    .lybigpic .lymax_next { right: 20px; }
    .lybigpic .lymax_up:before { content: '\e6bb'; }
    .lybigpic .lymax_next:before { content: '\e685'; }

.wb_list { display: flex; flex-wrap: wrap; align-content: space-between; margin: 10px 10px 60px; }
    .wb_list .item { margin: 10px; overflow: hidden; display: flex; flex-direction: column; }
        .wb_list .item .pic { flex-direction: row; cursor: pointer; flex: 1; position: relative; }
            .wb_list .item .pic img { width: 100%; display: block; }
        .wb_list .item .text { background: #222222; position: absolute; top: 100%; left: 0; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 40px); height: calc(100% - 40px); z-index: 11; }
            .wb_list .item .text p { font-size: 14px; display: flex; line-height: 20px; color: #cccccc; }
                .wb_list .item .text p.tit { height: 38px; font-size: 14px; font-weight: bold; overflow: hidden; }
                .wb_list .item .text p .key { width: 50px; text-align: right; }
                .wb_list .item .text p .value { /*width: 120px;*/ flex: 1; display: flex; flex-wrap: wrap; }
                    .wb_list .item .text p .value .valitem { width: calc((100% - 10px) / 2); }
        .wb_list .item .manage_mb { display: flex; justify-content: space-evenly; margin: 6px 0; }
        .wb_list .item .manage { display: flex; flex-direction: row; justify-content: space-between; }
            .wb_list .item .manage a { font-size: 12px; height: 24px; line-height: 24px; padding: 0 10px; }

        .wb_list .item .mark { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; }
            .wb_list .item .mark i { padding: 2px 4px; font-weight: bold; }
        .wb_list .item .sort { float: right; background: #f67280; color: white; border-radius: 4px 0 4px 0; }
        .wb_list .item .left { float: left; border-radius: 0 4px 0 4px; }

.info { margin: 20px; padding: 20px; }
    .info .tit p { padding: 4px 0; display: inline-block; margin-right: 20px; }
        .info .tit p .value { margin-right: 10px; }
    .info .good { display: flex; flex-direction: row; overflow: auto; }
        .info .good a { margin-right: 20px; position: relative; }
            .info .good a:last-child { margin-right: 0; }
            .info .good a .sum { position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.6); color: white; padding: 2px 4px; border-radius: 4px 0 0 0; font-size: 12px; }
        .info .good img { border-radius: 4px; display: block; }
    .info .text { margin-left: 20px; display: flex; flex-direction: column; justify-content: space-between; }
        .info .text p { }
            .info .text p .key { margin-right: 0; }
.piclist { margin: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .piclist a { width: calc(10% - 20px); display: flex; margin: 10px; align-items: center; background: white; border-radius: 4px; justify-content: center; position: relative; overflow: hidden; /* 新增：避免图片溢出 */ min-height: 180px; /* 新增：给懒加载占位高度 */ }
    .piclist img { max-width: 100%; max-height: 100%; border-radius: 4px; }
        /* 懒加载相关样式 */
        .piclist img.lazy-image { background: #f5f5f5; /* 加载中占位背景 */ transition: opacity 0.3s ease; /* 加载完成淡入效果 */ opacity: 0.6; }
            .piclist img.lazy-image.loaded { opacity: 1; background: none; }
    /* 加载中动画（可选） */
    .piclist a:not(:has(img.loaded))::before { content: ''; position: absolute; width: 30px; height: 30px; border: 3px solid #e0e0e0; border-top-color: #ff6699; border-radius: 50%; animation: spin 0.8s linear infinite; z-index: 1; }

@keyframes spin {
    to { transform: rotate(360deg); }
}

.piclist .save, .piclist .save_c, .piclist .del { position: absolute; right: 6px; top: 6px; font-family: hui-icon; font-size: 20px; color: #ff6699; z-index: 2; /* 确保收藏按钮在最上层 */ cursor: pointer; }
.piclist .del { top: 30px; }
.piclist .save:before { content: '\e8b9'; }
.piclist .save_c:before { content: '\e8c6'; }
.piclist .del:before { content: '\e65e'; }
/* 移动端适配 */
@media screen and (max-width: 768px) {
    .piclist a { min-height: 120px; }
}

.videonav { display: flex; margin: 20px 20px 0 20px; }
    .videonav .search, .videonav .order { margin-left: 10px; background: #222222; padding: 4px 8px; display: flex; flex-direction: column; align-items: center; }
    .videonav .search, .videonav .order_item { display: flex; align-items: center; flex: 1; }
        .videonav .search input { height: 14px; width: 180px; }
    .videonav .order label { white-space: nowrap; margin-left: 6px; }
.pathlist { padding: 5px; display: inline-block; width: calc(100% - 40px); background: #222222; }
    .pathlist a { margin: 10px; float: left; /*padding: 6px 12px; background: #f67280; color: white;*/ }
.videolist { margin: 10px; display: flex; flex-wrap: wrap; }
    .videolist .item { width: 198px; height: 160px; background: black; margin: 10px; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; }
        .videolist .item img { max-width: 100%; max-height: 100%; }
        .videolist .item .tit { position: absolute; width: calc(100% - 16px); bottom: 0; left: 0; padding: 6px 8px; display: flex; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); flex-direction: column; }
            .videolist .item .tit i { font-family: hui-icon; color: white; text-shadow: 0 0 4px #000000; }
                .videolist .item .tit i:before { content: '\e690'; font-size: 20px; margin-right: 2px; }
            .videolist .item .tit span { margin-top: 8px; color: white; text-shadow: 0 0 4px #000000; font-size: 13px; }
        .videolist .item .save, .videolist .item .save_c { position: absolute; right: 6px; top: 6px; font-family: hui-icon; font-size: 20px; color: #ff6699; }
            .videolist .item .save:before { content: '\e8b9'; }
            .videolist .item .save_c:before { content: '\e8c6'; }
.videoinfo { position: fixed; top: 0px; left: 0px; z-index: 1001; width: 100%; height: 100%; background: black; display: flex; }
    .videoinfo.hidden { display: none; }
    .videoinfo .smlist { width: 150px; padding: 0 5px; margin-right: 10px; height: 100%; position: relative; background: white; overflow-y: auto; }
        .videoinfo .smlist .item { margin-bottom: 5px; width: calc(100% - 4px); height: 120px; background: black; border: 2px black solid; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; }
            .videoinfo .smlist .item.active { border: 2px #f67280 solid; background: #f67280; }
            .videoinfo .smlist .item img { max-width: 100%; max-height: 100%; }
            .videoinfo .smlist .item .tit { position: absolute; width: calc(100% - 12px); bottom: 0; left: 0; padding: 5px 6px; display: flex; justify-content: left; align-items: center; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); }
                .videoinfo .smlist .item .tit i { font-family: hui-icon; font-size: 16px; color: white; text-shadow: 0 0 4px #000000; }
                    .videoinfo .smlist .item .tit i:before { content: '\e690'; }
                .videoinfo .smlist .item .tit span { margin-left: 6px; color: white; text-shadow: 0 0 4px #000000; font-size: 12px; }
            .videoinfo .smlist .item .save, .videoinfo .smlist .item .save_c { position: absolute; right: 6px; top: 6px; font-family: hui-icon; font-size: 20px; color: #ff6699; }
                .videoinfo .smlist .item .save:before { content: '\e8b9'; }
                .videoinfo .smlist .item .save_c:before { content: '\e8c6'; }
    .videoinfo .play { height: 100%; flex: 1; position: relative; }
        .videoinfo .play video { width: 100%; height: 100%; }
    .videoinfo .tool { z-index: 1002; position: fixed; right: 20px; top: 20px; display: flex; flex-direction: column; }
        .videoinfo .tool a { font-family: hui-icon; font-size: 24px; color: white; margin-bottom: 20px; background: rgba(255,255,255,0.3); border-radius: 50%; width: 40px; height: 40px; justify-content: center; align-items: center; display: none; }
            .videoinfo .tool a:first-child { display: flex; font-size: 18px; }
        .videoinfo .tool a { display: flex; }
    .videoinfo .name { position: absolute; top: 10px; left: 10px; z-index: 1002; color: white; text-shadow: 0 2px 2px black; }
    .videoinfo .close:before { content: '\e903'; }
    .videoinfo .face:before { content: '\e6d7'; font-size: 18px; }
    .videoinfo .edit:before { content: '\e6ef'; }
    .videoinfo .del:before { content: '\e65e'; }

.imagelist { margin: 10px; display: flex; flex-wrap: wrap; }
    .imagelist .item { width: 198px; height: 260px; background: black; margin: 10px; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; position: relative; }
        .imagelist .item img { max-width: 100%; max-height: 100%; }
    .imagelist .save, .imagelist .save_c, .imagelist .del { position: absolute; right: 6px; top: 6px; font-family: hui-icon; font-size: 20px; color: #ff6699; }
    .imagelist .del { top: 30px; }
    .imagelist .save:before { content: '\e8b9'; }
    .imagelist .save_c:before { content: '\e8c6'; }
    .imagelist .del:before { content: '\e65e'; }



/*日记*/
#diary .tools { background: #222222; box-shadow: 0px 0px 6px #ccc; padding: 10px 20px; text-align: center; }
    #diary .tools .item { display: inline-block; }
    #diary .tools input { height: 18px; padding: 6px; width: 100px; }
    #diary .tools select { height: 30px; }
    #diary .tools label { margin: 0 10px 0 40px; }
    #diary .tools button { height: 30px; margin-left: 40px; }
#diary .list { margin: 20px auto; width: 960px; }
    #diary .list .item { background: #222222; width: calc(100% - 80px); padding: 20px; margin: auto 20px; box-shadow: 0px 0px 6px #ccc; border-radius: 4px; margin-bottom: 20px; }
        #diary .list .item .tit { margin-bottom: 16px; }
            #diary .list .item .tit span, #diary .list .item .tit a { margin-right: 30px; font-size: 16px; color: #999; }
        #diary .list .item .edit { margin: 6px 0; text-align: left; }
        #diary .list .item .text { cursor: pointer; }
        #diary .list .item .text, #diary .list .item p { line-height: 26px; }
            #diary .list .item .text, #diary .list .item .text * { font-size: 16px; word-wrap: break-word; }
        #diary .list .item .pics { margin-top: 10px; position: relative; display: inline-block; }
            #diary .list .item .pics .imgbox { width: calc(20% - 5px); aspect-ratio: 1/1; background: #eeeeee; margin-top: 5px; display: block; float: left; margin-left: 5px; display: flex; justify-content: center; align-items: center; position: relative; }
                #diary .list .item .pics .imgbox:nth-child(5n+1) { margin-left: 0; }
                #diary .list .item .pics .imgbox img { max-width: 100%; max-height: 100%; }

#diarydetails { width: 740px; margin: 20px auto; padding: 20px 40px 20px 20px; background: #222222; box-shadow: 0px 0px 6px #ccc; border-radius: 4px; }
    #diarydetails textarea { width: 610px; height: 600px; font-size: 16px; line-height: 26px; }
/*主页菜单*/
#bg-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; }
.dual-bg { display: flex; flex-direction: row; width: 100vw; height: 100vh; }
    .dual-bg.vertical { flex-direction: column; }
    .dual-bg img { flex: 1; object-fit: cover; width: 100%; height: 100%; }
.main_box { position: relative; max-width: 50%; margin: 20px; display: flex; flex-direction: column; gap: 20px; /*opacity: 0.6;*/ }
    .main_box .item { /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);*/ padding: 20px; border-radius: 4px; /* background: #222222;*/ }
        .main_box .item .tit { margin-bottom: 20px; }
        .main_box .item .menu { display: flex; width: 100%; flex-wrap: wrap; gap: 30px; }
            .main_box .item .menu a { padding: 14px 0; text-align: center; color: white; border-radius: 4px; flex: calc(20% - (.20px * 4 / 5)); }
                .main_box .item .menu a:hover { opacity: 0.8; }
            .main_box .item .menu.color1 a { background: rgb(246 114 128 / 20%); }
            .main_box .item .menu.color2 a { background: rgb(240 138 93 / 20%); }
            .main_box .item .menu.color3 a { background: rgb(97 192 191 / 20%); }
            .main_box .item .menu.color4 a { background: rgb(204 102 153 / 20%); }
            .main_box .item .menu.color5 a { background: rgb(0 153 204 / 20%); }
            .main_box .item .menu.color6 a { background: rgb(136 136 136 / 20%); }

/*日历面板*/
.diarysignin_tit { background: #fff; padding: 10px 20px; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; gap: 16px; /* 元素间距 */ border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); position: relative; }
    .diarysignin_tit .left::before { content: '\25C0'; }
    /* ◀ */
    .diarysignin_tit .right::before { content: '\25B6'; }
    /* ▶ */
    /* 左右箭头 */
    .diarysignin_tit .left,
    .diarysignin_tit .right { width: 28px; height: 28px; font-family: hui-icon !important; font-size: 20px; color: #888; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
        .diarysignin_tit .left:hover,
        .diarysignin_tit .right:hover { color: #f08a5d; }

    /* 年份 */
    .diarysignin_tit .cen { font-weight: bold; font-size: 20px; color: #CC6699; cursor: pointer; transition: all 0.2s ease; }
        .diarysignin_tit .cen:hover { color: #f08a5d; }

    /* 导出按钮 */
    .diarysignin_tit .export-btn { background: #f67280; color: #fff; padding: 6px 14px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.2s ease; }
        .diarysignin_tit .export-btn:hover { background: #ff7f8f; transform: translateY(-2px); }

.signin_record { width: 100%; height: 50px; border-top: 1px #f3f3f3 solid; }
    .signin_record a { width: 100%; height: 100%; display: inline-block; text-align: center; font-size: 16px; line-height: 50px; }

.signin_record_ul { background: white; overflow: hidden; padding: 12px; }
    .signin_record_ul li { height: 50px; border-bottom: 1px #f3f3f3 solid; }
        .signin_record_ul li span { height: 100%; line-height: 50px; }
        .signin_record_ul li .bu { font-size: 11px; background: #f67280; padding: 2px 4px; color: white; border-radius: 2px; margin-left: 6px; vertical-align: middle; }
.dialog_tip { position: fixed; top: 0; left: 0; width: 100%; text-align: center; padding: 14px 0; background: #2a352a; color: green; }


/* 日历卡片外层 */
.diarysignin_box { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 20px auto; max-width: 1400px; }
.signin_list { width: calc(25% - 15px); background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.2s ease, box-shadow 0.2s ease; }
    .signin_list:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }

/* 月份标题 */
.signin_date { text-align: center; padding: 12px 0; border-bottom: 1px solid #eee; }
    .signin_date .date { font-weight: bold; color: #CC6699; font-size: 16px; cursor: pointer; transition: color 0.2s ease; }
        .signin_date .date:hover { color: #f08a5d; }

/* 日历表格 */
.signin_box { padding: 12px; background: #fafafa; border-radius: 0 0 8px 8px; }
.signin_info { width: 100%; border-collapse: collapse; }
    .signin_info tr { height: 50px; line-height: 50px; }
        .signin_info tr td { text-align: center; position: relative; transition: transform 0.2s ease, background 0.2s ease; }
            .signin_info tr td a { display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; transition: all 0.2s ease; }
                .signin_info tr td a.ok { color: #fff; background: #f67280; border: none; }
                .signin_info tr td a.no { color: #aaa; }
                .signin_info tr td a:hover { transform: scale(1.1); box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
        .signin_info tr.week td i { color: #999; font-weight: bold; }

        /* 当前日期高亮 */
        .signin_info tr td a.today { border: 2px solid #f08a5d; background: #fff1f0; color: #f08a5d; }