.none {display: none;}
/* color */
.fc_com{color: #09aaff;}
.fc_com:hover{color: #09aaff;}
.fc_red{color: #ed2314 !important;}
.fc_00{color:#000;}
.fc_33{color:#666;}
.fc_66{color:#666;}
.fc_99{color:#999;}
.fc_cc{color:#ccc;}
.fc_dd{color:#ddd;}
.fc_ee{color:#eee;}
.fc_wh{color:white;}
.fc_price_red{color: #ff3e11;}
.fc_price_green{color: #12c4b8;}

.layui_ipt_text{display: inline-block; margin: 0 2px; padding: 0; text-align: center;}
.layui-time-text{ float: left; line-height: 44px; color: #666; padding-right: 15px; }
.layui-time-text .layui-icon{ padding: 0 10px; color: #666; font-size: 18px; vertical-align: middle; display: inline-block; margin-top: -2px; }
.w50{width: 50px;}
.w120{width: 120px;}
.com_shade_content{background-color: #fff; /*border: 1px solid #e9edf4;*/ border-radius: 4px; margin: 15px; box-shadow: 0 0 8px rgba(130, 176, 239, .2); -webkit-box-shadow: 0 0 8px rgba(130, 176, 239, .2); -moz-box-shadow: 0 0 8px rgba(130, 176, 239, .2);}
.shade_content_top { border-bottom: 1px solid #ebeff8; padding-bottom: 15px; }
.shade_content_top .shade_content_title { display: inline-block; height: 32px; line-height: 32px; font-size: 20px; color: #333; font-weight: 700; }
.shade_content_btn { float: right; }
.icon_hwo{background-color: red; color: #fff; font-size: 14px; font-weight: bold; padding: 0 8px; border-radius: 12px; margin-right: 2px;}
/* 新增，编辑通用框 */
.com-frame { margin-top: 8px; }
.com-frame-title { color: #333; padding: 15px 0; }
.com-frame-title span::before { content: ''; display: inline-block; width: 8px; height: 8px; background-color: #09aaff; border-radius: 50%; margin-right: 8px; }
.com-frame-content { border: 1px solid #ebeff8; padding: 20px 0; }
.layui-must-label{color: #FF5722; font-size: 14px; font-style: inherit; padding-right: 5px;}

/* 禁用状态 */
.disabled{color:#979ead!important; border:1px solid #e6e6e6!important; background-color: #fdfdfd; text-shadow:1px 1px #fff!important; outline:0!important; cursor:default!important; pointer-events:none;}
.disabled:hover{text-decoration:none!important;}
.common-loading { border: 1px solid #dae3ea !important; background-color: #fff !important; color: #999 !important; cursor: not-allowed !important; pointer-events: none !important; }
.common-loading:before { content: ''; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; margin-right: 5px; background-image: url(/backend/img/icon_mask.gif); background-repeat: no-repeat; background-position: center; background-size: 100%; }
/**
 * 后台模板css
 */
@charset "utf-8";
.layui-header { background: none; }
.my-header-btn button { color: #424e67; background-color: #fff; }
.my-header-btn button:hover { color: #424e67;}
.layui-layout-admin .my-header { /*position: fixed;*/ top: 0; /*left: 0;*/ /*width: calc(100% - 200px);*/ height: 50px; background: #fff; z-index: 2; }
/* .layui-layout-admin .my-header .my-header-alink { display: inline-block; text-align: center; width: 200px; vertical-align: top; background-image: linear-gradient(to right, #09aaff, #5891fa); } */
.layui-layout-admin .my-header .my-header-logo { display: inline-block; width: auto; height: 28px; color: white; font-size: 20px; line-height: 28px; padding: 15px; vertical-align: top; }
.layui-layout-admin .my-header img.my-header-logo { width: 150px; height: 40px; text-align: center; line-height: 40px; padding: 10px; border: none; }
.layui-btn .layui-shrink { background-image: url(/backend/img/shrink.png); background-repeat: no-repeat; background-position: center; background-size: 100%; display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
/* index */
.my-header-btn { display: inline-block; width: auto; height: 100%; line-height: 50px; }
.my-header-btn .layui-btn .layui-icon { margin-right: 0; }
.my-header-btn .order-search-btn { display: inline-block; width: 260px; position: relative; }
.my-header-btn .order-search-btn .order-search-i { position: absolute; right: 0; top: -8px; cursor: pointer; }
.my-header-btn .order-search-btn .order-search-i::before { font-size: 20px; }
.my-header-user-nav { float: right; }
.my-header-user-nav img { width: 40px; height: 40px; text-align: center; line-height: 40px; border: none; border-radius: 5px; }
.my-header-user-nav .layui-nav-item a.name { padding-left: 5px !important; }
.my-header-user-nav .my-header-about { background-image: url(/backend/img/about.png); width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; vertical-align: middle; }
.my-header-user-nav .my-header-preview { background-image: url(/backend/img/preview.png); width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; vertical-align: middle; }
.my-header-user-nav .my-header-admin { background-image: url(/backend/img/icon_admin.png); width: 16px; height: 16px; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; vertical-align: middle; }
.my-header-user-nav .my-header-tip { background-image: url(/backend/img/tip.png); width: 12px; height: 20px; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; vertical-align: middle; }
.my-header-user-nav span.my-header-tipnum { font-size: 12px;color: #fff;background-color: #ed2314;border-radius: 6px; padding: 0 4px; position: relative; left: -10px; top: -8px; }
.my-header-user-nav .layui-nav-child { border: 1px solid #dae3ea; box-shadow: 0 6px 10px rgba(220, 239, 255, 1); }
.layui-nav .layui-nav-item a.j-showtip { padding-right: 0; }
.my-header ul.layui-nav { display: inline-block; vertical-align: top; border-radius: 0; }
.my-header ul.layui-nav li a { max-height: 60px; color: #424e67;}
.my-header ul.layui-nav li a:hover { color: #09aaff; }
.my-header .layui-nav .layui-nav-more { border: 1px solid #424e67; width: 6px; height: 6px; transform: rotate(45deg); border-top: none 0; border-left: none 0; }
.my-header .layui-nav .layui-nav-mored { border-color: #09aaff; margin-top: -3px; transform: rotate(225deg); }
.my-side { position: fixed; top: 60px; bottom: 0; width: 200px; z-index: 2; overflow-x: hidden; }
.my-side .layui-nav { border-radius: 0; min-height: 100%; }
.my-side .my-header-alink { display: inline-block; text-align: center; font-size: 20px; width: 200px; height: 58px; vertical-align: top; background-image: linear-gradient(to right, #09aaff, #5891fa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#09aaff, endColorstr=#5891fa); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#09aaff, endColorstr=#5891fa)";}
.my-side .my-header-logo { display: inline-block; width: auto; height: 28px; color: white; font-size: 18px; line-height: 28px; padding: 15px; vertical-align: top; }
.my-side img.my-header-logo { width: 32px; height: 35px; text-align: center; line-height: 40px; padding: 10px 0; border: none; }
.my-side .my-header-alink { position: fixed; z-index: 999; }
.my-side::-webkit-scrollbar { display:none; }
.small-side { display: none; }
.small-side-i { border-radius: 50%; background-color: #444958; padding: 8px; }
.small-side .layui-nav-itemed a { color: #0098ea !important; }
.small-side .layui-nav-tree .layui-this>a { background-image: linear-gradient(to right, #222631, #222631); }
.small-side .layui-nav-tree .layui-nav-item a:hover { background-color: transparent; }
.small-side .layui-nav-tree .layui-nav-item a:hover i { background-image: linear-gradient(to right, #09aaff, #5891fa); }
.small-side .layui-nav-tree .layui-this i { background-image: linear-gradient(to right, #09aaff, #5891fa); }
.my-side ul.layui-nav li a i,
.layui-nav .layui-nav-child a i,
.layui-nav .layui-nav-item a i,
.layui-tab-card > .layui-tab-title li span i { margin-right: 6px; }
.my-side ul.layui-nav li dl dd a i { margin-left: 17px; }
.my-body { position: fixed; top: 60px; bottom: 0 !important; left: 200px; right: 0; z-index: 1; overflow: hidden; }
.body { padding: 10px; }
.my-body .layui-tab,
.my-body .layui-tab .layui-tab-content { margin: 0; padding: 0; }
.my-body .layui-tab .layui-tab-title li:first-child > i { display: none; }
.my-body .layui-tab,
.my-body .layui-tab .layui-tab-content { height: calc(100vh - 82px) !important; }
.my-body .layui-tab-card { border-color: #ebeff8; }
.my-tab .layui-tab-title { border-color: #ebeff8; }
.my-tab .layui-tab-title li { font-size: 14px; }
.my-tab .layui-tab-title li:hover:before { animation: myslide .5s; position: absolute; left: 0; top: -1px; content: ''; width: 100%; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none; border: none; border-radius: 0; border-bottom: 2px solid #09aaff; }
.my-tab .layui-tab-title li.layui-this:before { animation: myslide .5s; position: absolute; left: 0; top: -1px; content: ''; width: 100%; border-width: 1px; border-style: solid; border-bottom-color: #fff; border-radius: 2px 2px 0 0; box-sizing: border-box; pointer-events: none; border: none; border-radius: 0; border-bottom: 2px solid #09aaff; }
.my-body .layui-tab-title { height: 31px; width: 100%; }
.my-body .layui-tab-title li { line-height: 31px; }
.my-body .layui-tab-title .layui-this:after { height: 31px; }
.my-body .layui-tab .layui-tab-item { height: 100%; box-sizing: border-box; }
.my-body iframe { width: 100%; height: 100%; border: none; outline: none; }
.layui-layout-admin .my-footer { height: 40px; padding: 2px 0; }
.layui-layout-admin .my-footer p { height: 20px; line-height: 20px; font-size: 12px; text-align: center; }
.my-btn-box { height: 38px; margin-bottom: 10px; }
.my-pay-box > div p { text-align: center; margin-bottom: 10px; }

/* 通用自定义弹窗 */
.layui-combox { display: none; }
.layui-combox .lc_wrap { display: table; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, .3);}
.layui-combox .lc_ell { display: table-cell; vertical-align: middle; }
.layui-combox .lc_mdoule { position: relative; margin: auto; background-color: #fff; min-width: 260px;}
.layui-combox .lc_mdoule .lcm_title { cursor: move; padding: 0 80px 0 20px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #666; overflow: hidden; background-color: #F8F8F8; border-radius: 2px 2px 0 0; cursor: move;}
.layui-combox .lc_mdoule .layui-layer-setwin a {background-position: 1px -40px; cursor: pointer;}
.layui-combox .lc_mdoule .lcm_content {position: relative; padding: 20px; line-height: 24px; word-break: break-all; overflow: hidden; font-size: 14px; overflow-x: hidden; overflow-y: auto;}

/* 修改管理员密码弹窗 */
.layui-edit-manpass-box .layui-form-label{width: 65px; padding: 9px 15px 9px 0;}
.layui-edit-manpass-box .layui-input-block{margin-left: 80px; min-height: 36px; line-height: 36px;}

/* 图标按钮样式 */
.layui-icon-box{display: inline-block; width: 15px; height: 15px; vertical-align: middle; font-size: 15px; line-height: 15px;}
.layui-icon-box + .layui-icon-box{margin-left: 5px;}
.layui-icon-box-col_1 {color: #09aaff;}
.layui-icon-box-col_1:hover { color: #0098ea; }
.layui-icon-box-col_2, .layui-icon-box-col_2:hover{color: #FF5722;}
.layui-icon-box-col_3, .layui-icon-box-col_3:hover{color: #009688;}
.layui-icon-box-col_4, .layui-icon-box-col_4:hover{color: #d7d7d7;}

/* check */
input[type='checkbox'] { vertical-align: middle; }
.my-checkbox { -webkit-appearance: none; position: relative; width: 20px; height: 20px; background-color: #FFFFFF; border: solid 2px #28B779; border-radius: 2px; background-clip: padding-box; display: inline-block; cursor: pointer; }
.my-checkbox:checked { background-color: #28B779; border: solid 0 #28B779; }
.my-checkbox:checked:before { position: absolute; display: inline-block; right: 50%; bottom: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); font-family: "Microsoft Yahei"; content: "√"; color: #FFFFFF; font-size: 16px; font-weight: 600; }

/* dblclick css */
.dblclick-tab tr td { height: 30px; line-height: 30px; padding: 0 6px; border-radius: 2px; cursor: pointer; }
.dblclick-tab tr td:hover { color: black; background: white; }
.dblclick-tab tr td i { position: relative; top: 2px; display: inline-block; margin-right: 5px; }

/* 表格内的按钮样式 */
.layui-table-cell .layui-btn{height: 28px; line-height: 28px;}

/* tree table */
.my-tree-table-box .tree-table-tree-box { width: 20%; min-height: 200px; display: inline-block; vertical-align: top; overflow-y: auto; overflow-x: auto; }
.my-tree-table-box .tree-table-table-box { display: inline-block; vertical-align: top; width: 79%; margin-left: 1%; }

/* 通用加载层 */
.com_loading{position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background-color: #eff3f6; padding-top: 250px; text-align: center; font-size: 16px; color: #999; letter-spacing: 2px; background-image: url(/backend/img/icon_loading_1.gif); background-repeat: no-repeat; background-position: center 120px;}

/* 通用表格底部数据显示 */
.com-layui-table-footer{ color: #666; background-color: #f4f7fa; line-height: 38px; height: 38px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.com-layui-table-footer > li { width: 1%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; padding-left: 10px;}
.com-layui-table-footer > li > span { color: red; }

/* 超级会员奖励规则样式 */
.invite_list{margin: 10px 0; line-height: 35px;}
.invite_list .il_info{ width: 720px; line-height: 38px; padding: 5px 0; }
.invite_list .il_info .content{ width: 680px; }
.invite_list .il_info .option{ float: right; }
.invite_list .il_info .add_btn{display: inline-block; border-radius: 50%; width: 28px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd; font-size: 18px; color: #999; cursor: pointer; }
.invite_list .il_info .remove_btn{color: #0099CC;}

/* layui上传图片弹窗 */
.layui_upload_box{ width: 78px; height: 78px; padding: 3px; border: 1px solid #dae3ea; border-radius: 4px; }
.layui_upload_box .file_btn{ width: 78px; height: 70px; text-align: center; line-height: 22px; padding-top: 10px; cursor: pointer; background-image: url(/backend/img/upload.png); background-repeat: no-repeat; background-position: center; }
.layui_upload_box .file_btn .layui-icon{font-size: 24px;}
.layui_upload_box .image_box{width: 78px; height: 78px; position: relative;}
.layui_upload_box .image_box .layui-icon-close{display: none; position: absolute; width: 16px; height: 16px; background-color: #009688; z-index: 1; border-radius: 50%; color: #fff; text-align: center; line-height: 16px; font-size: 12px; right: -10px; top: -10px;}
.layui_upload_box .image_box:hover .layui-icon-close{display: block;}
.layui_upload_box .image_box .content{width: 78px;height: 78px;}
.layui_upload_box .image_box .content > img{display: block;max-width: 78px;max-height: 78px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

/* layui multiple上传图片弹窗 */
.layui_multiple_upload .layui_upload_box{ width: 78px; height: 78px; padding: 3px; border: 1px solid #dae3ea; border-radius: 4px; }
.layui_multiple_upload .layui_upload_box .file_btn{ width: 78px; height: 70px; text-align: center; line-height: 22px; padding-top: 10px; cursor: pointer; background-image: url(/backend/img/upload.png); background-repeat: no-repeat; background-position: center; }
.layui_multiple_upload .layui_upload_box .file_btn .layui-icon{font-size: 24px;}
.layui_multiple_upload .layui_upload_box .image_box{width: 78px; height: 78px; position: relative;}
.layui_multiple_upload .layui_upload_box .image_box .layui-icon-close{display: none; position: absolute; width: 16px; height: 16px; background-color: #009688; z-index: 1; border-radius: 50%; color: #fff; text-align: center; line-height: 16px; font-size: 12px; right: -10px; top: -10px;}
.layui_multiple_upload .layui_upload_box .image_box:hover .layui-icon-close{display: block;}
.layui_multiple_upload .layui_upload_box .image_box .content{width: 78px;height: 78px;}
.layui_multiple_upload .layui_upload_box .image_box .content > img{display: block;max-width: 78px;max-height: 78px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.layui-layer-tips .layui-layer-content{box-shadow: none !important; background-color: #fff !important; color: #666 !important; border: 1px solid #e6e6e6;}
.layui-layer-tips .layui-layer-content .layui-layer-TipsG{border-right-color: transparent; border-right-style: dashed; border-bottom-color: #e6e6e6; border-bottom-style: solid; top: -16px; left: 14px;}

/* 运费模板->选择地区弹窗 */
.address_wrap{padding: 15px 15px 20px 10px;}
.address_wrap .layui-form-checkbox[lay-skin=primary] span{padding-right: 5px;}
.address_wrap .aw_content{}
.address_wrap .aw_item{}
.address_wrap .aw_item .aw_i_area{width: 140px; float: left;}
.address_wrap .aw_item .aw_i_list{margin-left: 140px; font-size: 0;}
.address_wrap .aw_info{position: relative;display: inline-block;width: 176px;line-height: 28px;padding: 0 0 0 10px;border: 1px solid #fff;border-bottom-color: #fff;}
.address_wrap .aw_info.type_hover:hover{background-color: #fffec6; border: 1px solid #f7e4a5;}
.address_wrap .aw_info_check{display: inline-block;position: relative;}
.address_wrap .aw_num{display: inline-block;color: #ed2314;position: relative;left: -7px;height: 28px;min-width: 1px;vertical-align: middle;}
.address_wrap .aw_num:after{content: "";border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #09aaff;position: absolute;top: 11px;right: -15px;}
.address_wrap .aw_arealist{display: none;position: absolute;width: 220px;max-height: 190px;overflow-y:auto;background-color: #fffec6;border: 1px solid #f7e4a5;left: -1px;z-index: 1;}
.address_wrap .aw_info:nth-child(3n) .aw_arealist{left: initial; right: -1px;}
.address_wrap .aw_arealist .aw_al_info{display: inline-block;min-width: 90px;line-height: 30px;padding: 0 5px 0 10px;}
.address_wrap .aw_line{position: absolute;display: none;width: 186px;height: 2px;top: 29px;left: 0;z-index: 1000;background-color: #fffec6;}
.address_wrap .aw_info.type_hover:hover .aw_arealist{display: block;}
.address_wrap .aw_info.type_hover:hover .aw_line{display: block;}
.address_wrap .aw_info.type_hover:hover .aw_num:after{top: 10px; border-bottom: 6px solid #09aaff; border-top: none;}
.address_wrap .aw_info.type_last .aw_arealist{bottom: 28px;}
.address_wrap .aw_info.type_last .aw_line{top: 0;}
.address_wrap .aw_handel{text-align: right; padding-top: 20px;}
.address_wrap.type_small .aw_content{height: 300px; overflow-y: auto;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.address_wrap ::-webkit-scrollbar{
	width: 3px;
	height: 3px;
}

/*定义滑块 内阴影+圆角*/
.address_wrap ::-webkit-scrollbar-thumb{
	border-radius: 8px;
	box-shadow: inset 0 0 6px #C1C1C1;
	-webkit-box-shadow: inset 0 0 6px #C1C1C1;
	background-color: #C1C1C1;
}

/* skin0 */
html .skin-0 .dblclick-tips-box .layui-layer-content { background-color: #06c1af; }
html .skin-0 .dblclick-tips-box i.layui-layer-TipsB { border-right-color: #06c1af; }

/* skin0-2 */
html .skin-2 .layui-nav .layui-nav-more,
html .skin-1 .layui-nav-tree .layui-nav-more,
html .skin-2 .layui-nav-tree .layui-nav-more { border-color: white transparent transparent; }
html .skin-2 .layui-nav .layui-nav-mored,
html .skin-1 .layui-nav-itemed .layui-nav-more,
html .skin-2 .layui-nav-itemed .layui-nav-more { border-color: transparent transparent white; }

/* tools */
.fl { float: left; }
.fr { float: right; }
/*.none { display: none; }
.block { display: block; }*/
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.max-auto { max-height: 450px; overflow-y: auto; }

/* layui css cover */
html body .layui-nav .layui-nav-bar { opacity: 0 !important; overflow: hidden !important; }
.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after { background-color: transparent; }
.my-body .layui-tab-card > .layui-tab-title li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.layui-layer-tips .layui-layer-content { padding: 5px; }

/* media */
@media screen and (max-width:1023px) {
    .my-header ul.layui-nav,
    .my-header-btn,
    .my-side,
    .layui-field-title,
    .my-btn-box .fr { display: none; }
    .layui-side-scroll { width: 170px; }
    body div.my-mobile { background: #393D49; }
    body div.my-mobile .layui-layer-content { overflow-x: hidden; }
    .my-header ul.my-header-user-nav { display: inline-block; padding-left: 0; padding-right: 10px; }
    .my-header ul.my-header-user-nav a { padding: 0 10px; }
    .my-header ul.my-header-user-nav:last-child a:first-child { padding-right: 20px; }
    .my-side,
    .layui-nav-tree,
    .my-btn-box input[type='text'] { width: 150px; }
    .my-body { left: 0; width: 100%; overflow-x: auto; }
    .my-body iframe { width: 100%; }
    select { background: white; }
    .layui-layout-admin .layui-footer { left: 0; }
}
@media screen and (max-width:450px) {
    .my-header ul.my-header-user-nav li a.pay { display: none; }
}

/*定义iconfont字体*/
/* @font-face { font-family: IconFont; src: url('/app/font/iconfont.woff?v=2'); src: url('/app/font/iconfont.otf?v=2'); src: url('/app/font/iconfont.ttf?v=2'); }
.iconfont { font-family: IconFont; display: inline-block; text-align: center; } */
/* 列表页公用间距 */
.com-list-spacing {
    padding: 15px 25px 15px 25px;
}
/* 详情页公用间距 */
.com-detail-spacing {
    padding: 0px 25px 0 25px;
}
/* 使滚动条显示 */
.none-bar::-webkit-scrollbar { opacity: 0; }

/* S:侧边栏菜单 */
.smallbar {
    position: absolute;
    left: 57px;
}
.smallbar .layui-nav-child {
    min-width: 200px;
    display: block;
    background-color: #222631;
    border-radius: 4px;;
    color: #fff;
}
.smallbar .layui-nav-child dd {
    color: rgba(255, 255, 255, .7);
}
.smallbar .layui-nav-child dd:hover {
    color: #fff;
}
.smallbar .layui-nav-child dd:hover a {
    color: #fff;
}
/* E:侧边栏菜单 */
/* S:自定义公用的√和× */
.pass-true {
	width: 22px;
	height: 22px;
	line-height: 24px;
	font-weight: 900;
	background-color: #009688;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.pass-true::after {
    content: '√';
}
.fail-false {
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	font-weight: 900;
	background-color: rgb(57, 61, 73);
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.fail-false::after {
    content: '×';
}
/* E:自定义公用的√和× */
/* S:图片公用的√和×和！ */
.state-true {
    display: inline-block;
    width: 21px;
    height: 30px;
    line-height: 30px;
    background: url(/backend/img/state_true.png) no-repeat center 100%;
}
.state-false {
    display: inline-block;
    width: 21px;
    height: 30px;
    line-height: 30px;
    background: url(/backend/img/state_false.png) no-repeat center 100%;
}
.state-warning {
    display: inline-block;
    width: 21px;
    height: 30px;
    line-height: 30px;
    background: url(/backend/img/state_warning.png) no-repeat center 100%;
}
.state-ddtb {
    display: inline-block;
    width: 21px;
    height: 30px;
    line-height: 30px;
    background: url(/backend/img/state_ddtb.png) no-repeat center 100%;
}
/* E:图片公用的√和×和！ */
/* S:右上角弹窗的动画效果 */
@keyframes shansuo {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.live {
    position: relative;
    /* width: 100px;
    height: 100px; */
    animation: shansuo 1s infinite ease-in-out;
    -webkit-animation: shansuo 1s infinite ease-in-out;
}
/* E:右上角弹窗的动画效果 */

/* S: 设置列的样式 */
.layui-expend-row {
    position: absolute;
    right: 18px;
    cursor: pointer;
}
.layui-expend-row:hover {
    color: #09aaff;
}
.com-expend-nav {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 36px;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #dae3ea;
    border-radius: 2px;
    box-shadow: 0px 6px 10px rgba(220, 239, 255, 1);
    z-index: 9999;
}
.com-expend-nav li:first-child {
    color: #bbb;
}
.com-expend-nav li {
    padding: 0 20px;
}
/* E: 设置列的样式 */

/* S: 联动 */
.same-frame-main {
    position: relative;
}
.same-frame-input {
    cursor: pointer;
    padding-right: 30px;
}
.same-frame-edge {
    position: absolute;
    width: 6px;
    height: 6px;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border: 1px solid #cad2da;
    border-left: none 0;
    border-top: none 0;
    transform: rotate(45deg);
    transition: all .3s;
    -webkit-transition: all .3s;
}
.same-frame-cross {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 10px;
    line-height: 11px;
    font-size: 12px;
    top: 50%;
    margin-top: -4px;
	background-color: #c0c4cc;
	border-radius: 50%;
    color: #fff;
    cursor: pointer;
    text-align: center;
}
.same-frame-cross::after {
    content: '×';
}
.frame-input-selected+.same-frame-edge {
    margin-top: 0px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.link-pane {
    /* position: relative; */
    position: absolute;
    display: none;
    z-index: 20000;
    top: 46px;
    white-space: nowrap;
}
.link-ul {
    vertical-align: top;
    display: inline-block;
    overflow-y: auto;
    line-height: 36px;
    height: 284px;
    min-width: 160px;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #dae3ea;
    border-radius: 4px;
    box-shadow: 0px 6px 10px rgba(220, 239, 255, 1);
}
.link-ul li {
    position: relative;
    padding: 0 20px;
    line-height: 32px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.link-ul .same-right-arrow::after {
    content: '';
    position: absolute;
    border: 1px solid #bfcbd9;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    top: 12px;
    right: 10px;
}
.link-ul li:not(.same-frame-checked):hover {
    background-color: #eff3f6;
    -webkit-transition: .5s all;
    transition: .5s all;
}
.same-frame-checked {
    background-color: #09aaff;
    color: #fff;
}
.link-ul .same-right-arrow.same-frame-checked::after {
    border: 1px solid #fff;
    border-left: none;
    border-bottom: none;
}
/* E: 联动 */