/*baitao 202005*/
.bg-white{background-color:#fff}
.page-iframe{padding: 10px 10px 0px 10px;}
.layui-elem-field legend{font-size:18px}
.font-20{font-size:20px}
/*字体颜色*/
.f-red {    color: #fa5151 !important; }
.f-green {    color: #07c160 !important; }
.f-blue {    color: #10aeff !important; }
.f-black {    color: #333 !important; }
.f-white {    color: #FFF !important; }
.f-zi {    color: #FF33CC !important; }
.f-gray {    color: #CCCCCC !important; }
.f-yellow {    color: #FFFF66 !important; }
.f-orange {    color: #FF6600 !important; }
.tc{text-align:center}
.p20{padding:20px}
/*字体颜色*/
.layui-form-info{padding:9px 0}
.layuiadmin-card-list p.layuiadmin-big-font{font-size: 36px;color: #666;line-height: 36px;padding: 5px 0 10px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.layuiadmin-card-list p.layuiadmin-big-font .layui-icon{font-size: 28px;}
/*表单必填红心提示*/
.form-required{width: 10px; height: 10px; background: url(../images/required.png) no-repeat; display: inline-block; margin-right: 4px;}
/*重新easyui样式：解决padding样式同layui冲突问题*/
*{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
/*表单无数据显示提示*/
.no-data{height: 80px; line-height: 80px; color: #808080; margin-top: 50px}
.no-data i{display: inline-block; width: 80px; height: 80px; background: url(../images/no-data.png) no-repeat; vertical-align: middle;}
/* 列表查询条件窗口变小自动换行时，控制控件间的间隔 */
.div-search .div-search-item{margin-top: 2px; margin-bottom: 2px; display: inline-block}
/* layui框架的iframe页顶部的面包屑导航 begin*/
.layadmin-header{height: 40px; line-height: 40px; border-radius: 0; margin: -10px -10px 5px -10px;}
.layui-breadcrumb{border-top: 1px solid #f6f6f6; padding: 0 15px;}
/* layui框架的iframe页顶部的面包屑导航 end*/
/* 徐杰自定义样式 begin */
/* 列表查询条件layui控件换行, 上下控件间隔 */
.xj-newline-top{padding: 5px 15px 0 0}
/* 面包屑导航下方分隔符 */
.xj-nav-separator{background-color: #eeeeee; height: 10px; margin-left: -10px;/*-10px与body的样式有关*/ margin-right: -10px;}
/* 徐杰自定义样式  end */

/*字体颜色*/
.f-red {    color: #fa5151 !important; }
.f-green {    color: #07c160 !important; }
.f-blue {    color: #10aeff !important; }
.f-black {    color: #333 !important; }
.f-white {    color: #FFF !important; }
.f-zi {    color: #FF33CC !important; }
.f-gray {    color: #CCCCCC !important; }
.f-yellow {    color: #FFFF66 !important; }
.f-orange {    color: #FF6600 !important; }
/*字体颜色*/
/* 文本输入框提示文字颜色 */
/* WebKit browsers */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #BEBEBE; /*#BEBEBE*/
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #BEBEBE;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #BEBEBE;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #BEBEBE;
}
/*图片列表*/
.imglist{width:100%;overflow:hidden;padding-top:15px}
.imglist ul{margin:0 0 0 -15px;padding:0;*padding-bottom:15px;*display:inline-block}
.imglist ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.imglist ul li{float:left;margin:0 0 25px 15px;min-width:220px;}
.imglist ul li .details{position:relative;border:1px solid #eee;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1);background:#fff;}
.imglist ul li .details .check{position:absolute;top:0px;right:0px;padding:5px;border-left:1px solid #eee;border-bottom:1px solid #eee;background:#fff;color:#ff0000;cursor:pointer;z-index:1}
.imglist ul li .details .absbg{position:absolute;left:0px;bottom:0;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.3);color:#fff;text-align:center;display:none}
.imglist ul li:hover .absbg{display:block}
.imglist ul li .details .pic{width:100%;height:150px;overflow:hidden;position:relative}
.imglist ul li .details .pic img{width:240px;max-width:100%;height:150px;max-height:100%;cursor:pointer;}
.imglist ul li .details .absbg a{color:#fff;text-decoration:none;display:block}
.imglist ul li .details .remark{display:block;margin:10px 15px;padding:0;height:60px;color:#666;font-size:12px;line-height:20px;text-overflow:ellipsis;overflow:hidden;}
.imglist ul li .details .foot{clear:both;display:block;padding:10px 15px;height:20px;}
.imglist ul li .details .foot .time{float:left;color:#838383;font-size:10px;line-height:20px;}
.imglist ul li .details .foot a{display:block;float:right;margin:0 0 0 3px;padding:0;width:20px;height:20px;line-height:20px;text-align:center;overflow:hidden;}
.imglist ul li .details .foot a:hover{text-decoration:none;}
.imglist ul li .details .foot a i{color:#535353;font-size:14px;}
.imglist ul li .details .foot a:hover i{color:#2a72c5;}
.imglist ul li .details .tools{display:block;position:relative;padding:0 15px;}
.imglist ul li .details .tools:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.imglist ul li .details .tools a{display:block;float:left;margin:0;padding:0;width:28px;height:28px;line-height:28px;text-align:center;border:1px solid #e8e8e8;border-left:none;background:#fff;overflow:hidden;}
.imglist ul li .details .tools a:first-child{border-left:1px solid #e8e8e8;}
.imglist ul li .details .tools a:hover{text-decoration:none;}
.imglist ul li .details .tools a i{color:#ccc;font-size:14px;}
.imglist ul li .details .tools a:hover i,.imglist ul li .details .tools a.selected i{color:#535353;}
.imglist ul li .details .tools .sort{float:right;margin:0;margin-left:-1px;padding:0 2px;border:1px solid #e8e8e8;width:39px;height:28px;line-height:28px;text-align:center;color:#666;font-size:12px;}
.imglist ul li .details.nopic h1{display:block;position:static;top:0px;padding:17px 20px;}
.imglist ul li .details.nopic h1 span a{color:#2a72c5}
.imglist ul li .details.nopic .remark{display:block;margin:10px 15px;padding:0;height:140px;color:#666;font-size:12px;line-height:20px;text-overflow:ellipsis;overflow:hidden;}
.imglist ul li .details .pic i{display:none;width:38px; height:25px; background:url(../images/ico-fm.png) no-repeat;position:absolute;z-index:1;top:0;left:0}
.imglist ul li .details .picY i.status-fm{display:block}

.my-form{}
.my-form .layui-form-label{width:100px}
.my-form .layui-input-block{    margin-left: 120px; min-height:initial}
.js-max-input {
	border: solid 1px #ffd2b2;
	background: #fffae5;
	padding: 5px 10px;
	font-size:26px;
	color: #ff4400
}
.parentCls{}
/*核销查询*/
.hx-search-box{position:fixed;top:34%;left:30%;font-size:20px; }
.hx-search-box h4{text-align:center;font-size:60px; color:#ddd}
.hx-search-result{margin-top:60px}
#time-order{position: absolute;top:0;width: 100%;z-index: 1;left: 0;height: 40px;text-indent: -999em;}
.info-title{font-size:18px; margin-bottom:20px}
.info-content{color:#666; line-height:1.8}
#divimg,.delimg{position:relative;display:inline-block}
#divimg .up-del,.delimg .up-del{position:absolute;display:inline-block;width:15px; height:15px;color:#fff;background:#e21323;border-radius:50%;text-align:center;font-size:14px; line-height:13px;z-index:1;right:-5px; top:-5px; cursor:pointer;font-style:normal;border: 2px solid #fff;}
#divimg .up-del:hover,.delimg .up-del:hover{opacity:.8}
@media screen and (min-width: 992px){
    .layui-col-md-5{width:20%}
}
.input-group{position:relative}
.input-group-addon {
            padding: 0 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 36px;
            height: 36px;
            color: #555;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 0 2px 2px 0;
            white-space: nowrap;
            vertical-align: middle;
            display: table-cell;
            position: absolute;
            right: 0;
            top: 0;
   }


.list-div{ width:100%;}
	.list-div table{ width:100%;}
	.table_layout{ table-layout:fixed;}
	.list-div.listMin{ width:100%;}
	.list-div.listMin .flexigrid{ width:100%; overflow:auto; position:relative; height:auto; z-index:2; padding-bottom:7px;}
	.list-div.listMin table{ min-width:1639px;}
	.list-div th{ height:38px; line-height:38px; background:#f2f2f2; font-weight:bold; border-top:2px solid #dbdbdb;border-bottom:1px solid #eaeaea; color:#333;}
	.list-div th a{ color:#333;}
	.list-div td{ line-height:20px; height:38px; border-bottom:1px solid #eaeaea;word-break: keep-all; background:#fff;}
	.list-div .tr_bg_org td{ background:#fffccb;}
	.list-div .tr_bg_blue td{ background:#f5faff;}
	.list-div th .tDiv a{ color:#333;}
	.list-div .tDiv{ padding:0 0 0 20px;}
	.list-div th .tDiv{ min-width:60px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
	.list-div td .tDiv{ padding:10px 0 10px 20px;}
	.list-div .sign .tDiv{ min-width:30px;text-align:center; padding-left:0;}
	.list-div .sign input[type='checkbox']{ display:none;}
	.list-div .sign .checkbox_stars{ width:12px; height:12px; background:url(../images/input_checkbox.png) no-repeat; display:inline-block;}
	.list-div .sign .checkbox:checked+label,.list-div .sign .checked{ background:url(../images/input_checked.png) no-repeat;}
	.list-div .handle{ text-align:center;}
	.list-div .handle .tDiv{ min-height:22px; line-height:22px; font-size:0; padding:5px 14px;}
	.list-div .handle .tDiv.a1,.handle .tDiv.a1{ min-width:70px;}
	.list-div .handle .tDiv.a2{ min-width:138px;}
	.list-div .handle .tDiv.a3{ min-width:192px;}
	.list-div .handle .tDiv.a3_3{ min-width:232px;}
	.list-div .handle .tDiv.a4{ min-width:340px;}
	.list-div .handle .tDiv.a5{ min-width:380px;}
	.list-div .handle .tDiv.a6{ min-width:445px;}
	.list-div .handle .tDiv a,.btn_trash{ padding:2px 4px; border-radius:3px; border:1px solid #e9e9e9; color:#999; margin-right:10px; font-size:12px; height:16px; line-height:16px; display:inline-block;}
	.list-div .handle .tDiv a:last-child{ margin-right:0;}
	.list-div .handle_tr .tDiv a{ margin-left:10px; margin-right:0;}
	.list-div .handle .xn_tdiv{ width:220px; height:auto; text-align:center; padding-left:20px; margin:0 auto;}
	.list-div .handle i,.btn_trash i{ font-size:14px; margin:-2px 4px 0 4px; vertical-align:middle; width:14px;}
	.list-div .handle i.icon-cog{ margin-top:-3px;}
	.list-div .handle i.icon-trash,.list-div .handle i.sc_icon_see,.btn_trash i.icon-trash{ margin-top:-3px;}
	.list-div .handle i.sc_icon_see{ width:14px; height:12px; display:inline-block; background-position:-195px -484px;}
	.list-div .handle i.sc_icon_inst{ width:14px; height:12px; display:inline-block; background-position:-195px -526px;}
	.list-div .handle i.icon-map-marker{ margin-top:-3px;}
	.list-div .handle a.btn_edit:hover { color:#31b4e1; border-color:#31b4e1;}
	.list-div .handle a.btn_trash:hover,a.btn_trash:hover{ color:#ec5151; border-color:#ec5151;}
	.list-div .handle a.btn_region:hover{ color:#fb7e40; border-color:#fb7e40;}
	.list-div .handle a.btn_see:hover{ color:#29c25f; border-color:#29c25f;}
	.list-div .handle a.btn_see:hover i.sc_icon_see{ background-position:-195px -502px;}
	.list-div .handle a.btn_inst:hover,.list-div .handle a.btn_inst.hover{ color:#29c25f; border-color:#29c25f;}
	.list-div .handle a.btn_inst:hover i.sc_icon_inst{ background-position:-195px -546px;}
	.list-div tbody td .tDiv .text{ height:23px; line-height:23px; background-position:128px 5px;}
	.list-div tbody td .tDiv .text:focus{ background-position:128px 5px;}
	.list-div .handle i.icon-screenshot,.list-div .handle i.icon-envelope{ margin-top:-3px;}

	.list-div .batch_handle{ font-size:16px;}
	.list-div .batch_handle_list{ float:left; line-height:25px; margin-right:30px;}
	.list-div .batch_handle_list .batch_handle{float:left;}
	.line-right{ width:1px; height:16px; background:#a9a9a9; float:left; margin:5px 10px 0;}

	.list-div .batch_handle_btn{ display:inline-block;}
	.list-div .batch_handle_btn a{ float:left; margin-right:10px;}
	.list-div .batch_handle_btn .btn:hover{ background:#31b4e1; color:#fff;}
	.list-div tfoot td{ background:#f2f2f2; border-bottom:2px solid #dbdbdb;}
	.list-div .no-records{ text-align:center; height:200px;}

	.list-div td.light_blue{ padding-left:20px;}

	.list-div .tr_thead td{}
	.list-div .tr_thead_first{ border-bottom:0;}
	.list-div .tr_thead_con{ border-left:1px solid #eaeaea; background-color:#f5faff;}
	.list-div .sign_bdl{ border-right:1px solid #eaeaea;}
	.list-div .tr_thead_con .order_sku .item{ padding-left:20px;}

    .list-tb-div a{ color: #013684; }
	.list-tb-div a:hover{ color: #013684; }
	.list-tb-div table{ margin-bottom: 5px; font-size:12.5px;}
	.list-tb-div table:hover {  }
	.list-tb-div thead{  }
	.list-tb-div th{ border-top: 0 none; border-bottom: 0 none; background: #f0f0f0; font-weight: 100; color: #000; }
	.list-tb-div th .tDiv{ padding: 0; text-align: center; }
	.list-tb-div th.sign .tDiv{ text-align: left; padding-left: 10px; }
	.list-tb-div td{ border: 1px solid #ECECEC;}
	.list-tb-div td .tDiv {padding: 10px; text-align: center; word-break: break-all;}
	.list-tb-div .tr_bg_blue td{ background: #fff; }
	.list-tb-div .tr-order-sn td{ background: #f8f8f8; }
	.list-tb-div .tr-order-sn .tDiv{ text-align: left; padding: 0;}
	.list-tb-div .tr-order-sn .sign{ vertical-align: middle; padding-left:10px;}
	.list-tb-div .tr-order-sn .words{ margin-right: 15px; }
	.list-tb-div .tr_bg_org td,
	.list-tb-div .tr_bg_org + tr td{ background: #fffef4; }
	/*.list-tb-div .td-product{ border-right: 0 none; }
	.list-tb-div .td-price{ border-left: 0 none; border-right: 0 none;}
	.list-tb-div .td-number{ border-left: 0 none; }*/
	.list-tb-div .td-product .img{ float: left; width: 80px; height: 80px; }
	.list-tb-div .td-product .product-info{ padding-left: 90px; text-align: left; margin-top:20px;}
	.list-tb-div .td-product .product-info .name a{ color: #333; max-height: 36px; overflow: hidden; display:block;}
	.list-tb-div .td-product .product-info .name a:hover{ }
	.list-tb-div .td-product .product-info .attr{ color: #9e9e9e;}
	.list-tb-div .td-product .product-info .attr span{ margin-right: 5px; }
	.list-tb-div .order-price,
	.list-tb-div .order-price em{font-family: verdana; font-weight: 700; color: #3C3C3C;}
	.list-tb-div .price-shipping{ margin: 2px 0; }
	.list-tb-div .price-tag span{ display: inline-block; box-sizing: border-box; height: 16px; line-height: 14px; font-family: '宋体', sans-serif; font-size: 12px; border: 1px solid #5CB8E7; color: #fff; padding: 0 2px; background: #98D3F0; text-shadow: 0 1px 1px #429ac5; border-radius: 2px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ade0f6+0,5aa3cf+100 */
	background: rgb(173,224,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(173,224,246,1) 0%, rgba(90,163,207,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(173,224,246,1) 0%,rgba(90,163,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(173,224,246,1) 0%,rgba(90,163,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade0f6', endColorstr='#5aa3cf',GradientType=0 ); /* IE6-9 */}
	.list-tb-div .btn-wrap{ display: block; margin-top: 5px; }
	.list-tb-div .btn-tb{ display: inline-block; height: 28px; line-height: 28px; border-radius: 3px; font-weight: 700; text-align: center; padding: 0 12px; font-size: 12px; cursor: pointer; box-sizing:border-box; }
	.list-tb-div .btn-tb-blue{color: #fff; background: #66B6FF; }
	.list-tb-div .btn-tb-blue:hover{ background: #5caef9; }
	.list-tb-div .btn-tb-default{ background-color: #fff; border: 1px solid #dcdcdc; color: #3c3c3c; }
	.list-tb-div .btn-tb-default:hover{ border-color: #ff1d00; color: #ff1d00;}

    .order-container {
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    margin: 0px;
}
.order-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.order-container-left {
    padding-right: 0;
    padding: 30px !important;
    padding-left: 15px !important;
    padding-bottom: 0px !important;
}
.order-container-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.order-container ul {
    margin-bottom: 20px;
}
.order-container ul li {
    line-height: 26px;
}
.layui-col-sm {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    width: 120px;
}
.text-default {
    color: #000 !important;
}
.order-container-static {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px 50px 20px;
}
.order-container .status {
    height: 70px;
    line-height: 22px;
}
.font18 {
    font-size: 20px;
    font-weight: bold;
}
.order-container .ops {
    height: 40px;
    line-height: 20px;
    margin-bottom: 15px;
}
.order-container .ops a {
    margin-right: 20px;
}
.price{float:right}
/*202007添加*/
/*项目属性*/
.attr-left{position:absolute;width:200px;top:0;left:0;bottom:0;border-right:0px solid #E6E6E6;background:#fff}
.attr-left-line{border-right:1px solid #D0D0D0;}
.attr-center{padding-left:260px;width:75px; float:left; padding-top:100px;position:fixed}
.attr-right{padding-left:15px;background:#fff;overflow:hidden;margin-left:330px}
.attr-left .layui-card-header,.attr-right .layui-card-header{background:#F2F2F2;font-weight:bold; margin-bottom:10px}
 .choose-box{width:260px; float:left}
 .choose-data{ }
/*.attr-right .choose-data li{cursor:pointer;margin-bottom:1px;position:relative;height:32px; line-height:32px;padding:0 10px;background:#F2F2F2;border-radius:3px}*/
/*.attr-right .choose-data span{display:block;}*/
 .choose-data li span{cursor:pointer}
 .choose-data li:hover{opacity:.8}
 .choose-data li:hover span{ color:#0790CD}
 .choose-data li.on{background:#0790CD;}
 .choose-data li.on span{ color:#fff}
.attr-right2{ position:absolute;bottom:0;right:0;top:0;left:1px; margin-left:200px}
.attr-right2 .layui-card-header{background:#F2F2F2;font-weight:bold; }
.setp-data li{ padding:10px;background:#f2f2f2; margin-bottom:1px; clear:both;overflow:hidden; cursor:pointer}
.setp-data li i{display:inline-block;padding-right:5px;border-right:1px solid #fff; margin-right:5px;font-style:normal;}
.setp-data li span{}
.setp-data li:hover{opacity:.8}
.setp-data li.on{background:#0790CD;color:#fff}
/*.attr-right .choose-data li .layui-icon{position:absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: 8px;
    top: 6px;right:5px;
    text-align: center;
    font-size: 14px;
    color: #c2c2c2;
    transition: all .2s;
    -webkit-transition: all .2s;}
.attr-right .choose-data li .layui-icon:hover{border-radius:2px;background-color:#FF5722;color:#fff}*/
.choose-detail{margin-left:270px}
/*步骤*/
.steps{padding:20px;position:relative; overflow:hidden}
.steps-item{padding:20px 30px; text-align:center;position:relative;border-radius:10px; color:#fff;margin-bottom:25px;margin-right:120px; cursor:pointer;float:left;min-height:116px;box-sizing:border-box;
            background-image: -webkit-gradient(linear,left top,right top,from(#0072c6),to(#0897ce));
    background-image: -webkit-linear-gradient(left,#0072c6,#0897ce);
    background-image: -moz-oldlinear-gradient(left,#0072c6,#0897ce);
    background-image: linear-gradient(to right,#0072c6,#0897ce);}
.steps-item::after{content:'';background:url(/images/arr-right.png) center no-repeat;position:absolute;right:-120px;top:10px;width:130px; height:94px;background-size:60% 60%}
.steps-item:last-child::after{display:none}
.steps-item.last{background:#F2F2F2}
.steps-item.last h1{color:#ccc}
.steps-item .num{position:absolute;width:30px; height:30px;border-radius:50%; display:block;z-index:1;background:#fff; color:#0793CD;font-size:20px;top:50%;left:-10px;border:2px solid #0072c6;font-style:normal; margin-top:-15px;display:flex;align-items:center;justify-content:center}
.steps-item h1{font-size:20px; color:#fff;font-weight:bold;margin-bottom:5px}
.steps-item .status{background:#C1E3F2;font-size:13px;padding:2px 6px; border-radius:3px;}
.steps-item p{color:#C1E3F2;font-size:14px;margin-top:5px}
.steps-item-admin{min-width:210px; margin-bottom:100px}
.steps-item-admin .step-btns{position:absolute;left:0; width:100%;bottom:-90px}
.step-btn-add{padding:20px 30px; text-align:center;position:relative;border-radius:10px;margin-bottom:25px;margin-right:120px; cursor:pointer;float:left;min-height:136px;box-sizing:border-box;background:#E5E5E5;font-size:28px;padding-top:30px}
.step-btn-add i{font-size:38px}
.step-btn-add:hover{color:#013684}

.shenqing-box{background:#F2F2F2;padding:5px 10px; margin:20px 20px 0 20px}

.no-data{text-align:center;color:#666;}
.no-data img{width:100px}