@charset "utf-8";
/* CSS Document */

body, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, input, tr, td, th, form{ margin: 0; padding: 0; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.5; color: #333333; height: 100%; width:100%;box-sizing: border-box;overflow-x:hidden; overflow-y:hidden}
html{height: 100%; width: 100%}
img { border: none; vertical-align: middle; }
ul,li { list-style: none; }
a { color: inherit; text-decoration: none; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; padding-left:6px;}
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button, input { line-height: normal;}
textarea { resize: none; }
input:focus, textarea:focus { outline: none; }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

.red{ color: red; }
.grey{ color: #999; }
.green{ color: #6fd52b; }

audio:not([controls]) {
    display: none;
    height: 0;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/


    /*很关键：将默认的select选择框样式清除*/
    /*appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;*/

    /*在选择框的最右侧中间显示小箭头图片*/
    background: #fff;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/

    box-sizing: border-box;

    border: 1px solid #bbbbbb;
    max-width: none;
    padding-left: 5px;
    -padding-right: 40px;
    height:31px;

}
select.required{  background: url("../img/common/input_bg.png") no-repeat  right 0,#fff;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*文本溢出显示省略号*/
.ellipse{ text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.noSelect .limit{
    display: none;
}
/* Reset */
.searchNo{ display: none;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ zoom: 1; /* for IE6 IE7 */ }
.clear { clear: both; display: block; overflow: hidden }
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;}
.tc { text-align: center; }
.tr { text-align: right; }
.fr { float: right; }
.rel { position: relative; }
.f12 { font-size: 12px; }
.mb10 { margin-bottom: 10px; }
.mb10 .delete{ cursor: pointer; color: #ff00ff; }
.mb20 { margin-bottom: 20px; }
.m10 { margin: 10px 10px 0; }
.pb10 { padding-bottom: 10px; }
.pl20 { padding-left: 20px; }
.pl10 { padding-left: 10px; }
.f13{ font-size: 13px;}
.gray{ color:#c2c2c2;}
/*.red { color: #ff0000;}*/
label.error { color: #ff0000; }
input.error, textarea.error, select.error{ border: 1px solid red; }
input.valid-tag, textarea.valid-tag, select.valid-tag{border-color:#737373;}
.error-tip {color: red; font-size: 12px; padding-right: 10px; }
.link { text-decoration: underline; }
.f-italic { font-style: italic; }
.over-hidden { overflow: hidden; }
.b { font-weight: bold; }
.text-over{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
a:focus{outline: none;}
.display-mobile{display:none;}
.display-desk{display:block;}
.word-broke{word-break: break-all;}
.pointer{cursor: pointer;}
.code-img{width: 200px;height: 200px;}
/* Base */
.order-select[type=checkbox]:checked+.order-list-item {/*+:表示元素的下一个元素*/
    box-sizing: border-box;
    border-width:3px;
}
.center{    height: 100%;background: #f0f2f5;padding:10px 10px 10px 170px;}
.closeLeft .center{padding-left: 70px;}
.wrap{ padding: 0 10px 80px 10px; box-sizing: border-box; width: 100%; }

.browseTip{ position: fixed; left: 50%;top: 10px;z-index: 99; background: #fff;border-radius: 5px; padding: 0 0 0 10px ;border:1px solid #1d2b55; margin-left: -104px;line-height: 30px;}
.browseTip.hidden{ display: none;}
.browseTip .icon{ box-sizing: border-box; height: 30px; width: 30px; display: inline-block; padding: 5px;float: right;margin-right: 0;}
.browseTip .link{color: #1890ff;margin-left: 5px;}
.new-left{
    color:#fff;
    position: fixed;
    z-index:20;
    top:0;
    left:0;
    width:160px;
    height:100%;
    background:#1d2b55;
    overflow: hidden;
    overflow-y: auto;
}
/*侧边栏点击后缩小的距离*/
.closeLeft .new-left{
    width: 60px;
}
.closeLeft .lastest-header{
    padding-left: 65px;
}
.right-top-img{
    position: absolute;
    top:2;
    right:4px;
    width: 16px;
    height:16px;
    background: url('../../img/problem.png') no-repeat;
    background-size: 100%;
}
.left-header{
    height:50px;
    width:100%;
    box-sizing: border-box;
    padding:0 10px;
    line-height: 50px;
    color:#fff;
    font-size: 18px;
    background:#162355;
    font-weight: bold;
    overflow: hidden;
}
.new-left .manage-icon{
    line-height: 50px;
    color:#fff;
    font-size: 24px;
}
#sidemenu{
    display: none;
}
#sideMenuControl{
    position: relative;
    z-index: -1;
    text-align: center;
    color:#fff;
    cursor: pointer;
}
.sidemenuSwitch{
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;

}
.icon-title{
    margin-right: 10px;
    display: inline-block;
    width:22px;
    height:22px;
    background: url('../../img/pic-table.png') no-repeat center;
    background-size: 22px;
    vertical-align: text-bottom;
}
.icon{
    vertical-align: middle;
    margin-right: 20px;

    font-size: 24px;
    -color:#fff;
}
.icon1{
    font-size: 18px;
}
li a .icon-right{
    margin-right:20px;
}
.sidemenu-list li a{
    border-bottom: 1px solid #1e4955;
    display: block;
    padding: 8px 5px 8px 15px;
}
.treeview-menu{
    display: none;
}
.treeview-menu li a{
    padding: 8px 5px 8px 20px;
}
.header-content{
    width:100%;
    height:50px;
    position: fixed;
    top:0;
    left:0;
}
.lastest-header{
    position: fixed;
    top:0;
    z-index: 23;
    min-width: 1224px;
    box-sizing: border-box;
    padding:0px 25px;
    padding-left: 160px;
    width:100%;
    height: 50px;
    line-height: 50px;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #f2f3fb;
    color: rgba(125, 145, 167, 1);
    font-size: 16px;
    font-family: Microsoft Yahei;
}
.t-margin-right .icon-left1{
    margin-right:10px;
    font-size: 18px;
}
.user-info-header .icon-left1{
    margin-right:15px;
}
.t-margin-right{
    margin-right: 30px;
}
.
.lastest-header .iconfont{
    margin-right:10px;
    font-size: 18px;
}
.right{
    float: right;
}
.t-margin-right{
    margin-left:10px;
}
.user-img{
    height:40px;
    width:40px;
    border-radius: 50%;
    margin-top:4px;
    cursor: pointer;
}
.rightDiv-customer {
    background: url(../../img/user-icon-2x.png) no-repeat 0 center;
    background-size: 30px;
    padding-left: 30px;
}
.rightDiv-customer2 {
    background: url(../../img/delivery/icon-desk-white.png) no-repeat 0 center;
    background-size: 20px;
    padding-left: 30px;
}
.rightDiv-order {
    background: url(../../img/chat-tip-icon-2x.png) no-repeat 5px center;
    background-size: 20px;
    padding-left: 30px;
}
.lastest-header .header-search{
    width: 227px;
    height: 35px;
    line-height: 20px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(187, 187, 187, 1);
    margin-top:-5px;  
}
.feiyong{
    display: none;
    font-size: 14px;
    position: absolute;
    z-index:3;
    top:51px;
    background: #fff;
    line-height: 40px;
    border-radius: 2px;
    text-align: center;
    box-shadow: 0px 2px 10px 0px rgba(242, 247, 255, 1);
}
.t-margin-right:hover{
    color:#1890FF;
}
.feiY{
    cursor: pointer;
}
.bangZ{
    cursor: pointer;
}
.feyPosi1{
    right:90px;
}
.feyPosi2{
    box-sizing: border-box;
    padding:8px;
    display: block;
    position: fixed;
    top: 44px;
    height: calc(100% - 70px);
    right: -360px;
    z-index: 100;
    top: 51px;
    z-index: 41;
    width: 360px;
    background-color: #fff;
    transition: right .6s;
    -moz-transition: right .6s; /* Firefox 4 */
    -webkit-transition: right .6s; /* Safari 和 Chrome */
    -o-transition: right .6s;
    box-shadow:none;
    }
.feiyong li{
    border-radius: 2px;
    padding: 0 15px;
}
.feiyong li:hover{
    background-color: rgba(242, 247, 255, 1);

}
.user-info{
    font-size: 14px;
    display: none;
    position: absolute;
    z-index: 2000;
    margin-top:-8px;
    padding-top:8px;
    top:50px;
    right:0px; 
    width:360px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(125, 145, 167, 1);
    line-height: 30px;

}
#sideMenuControl .icon-zhankai,#sideMenuControl .icon-shousuo{
    font-size: 16px;
}
.user-info-header{

    border-top: 1px solid #efefef;
    width:100%;
    box-sizing: border-box;
    padding:20px 30px 10px 30px;
    line-height: 30px;
    border-bottom: 1px solid #e0e0e0;
}
.charge{
    float: right;
    margin-top:6px;
    margin-right: 20px;
    border:1px solid #bebebe;
    border-radius: 2px;
    line-height: 20px;
    padding:0px 18px;
    font-size: 12px;
}
.use-info-detail{
    width: 100%;
    box-sizing: border-box;
    padding-left: 25px;
}
.use-info-detail li{
    text-align: center;
    width:26%;
    margin:2%;
    float: left;
    cursor: pointer;

}
.use-info-detail li:hover{
    background: #fafafa;
}
.user-info .use-info-detail li i{
    font-size: 30px;
}
.btn-tuichu{
    width:100%;
    height:40px;
    background: #f0f2f5;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 3000;
}
.dropMenu{
    background: #fff;
    position: absolute;
    top:51px;
    left:160px;
    line-height: 20px;
    border-radius: 2px;
    box-sizing: border-box;
    padding:24px;
    z-index: 3;
    display: none;
}
.closeLeft .dropMenu{left:70px;}
.dropMenu .dropMenuSearch{
    width: 340px;
    height: 33px;
    opacity: 0.58;
    padding-left:10px;
    color: rgba(136, 136, 136, 1);
    font-size: 14px;
    text-align: left;
    font-family: Microsoft Yahei;
    border: 1px solid rgba(125, 145, 167, 1);
    vertical-align:middle;

}
.dropMenu .dropMenuSearch:focus{
    outline: normal;
}
.left41{
    left:41px;
}
.options-menu{
    -width:270px;
    font-size: 14px;
    margin-top: 5px;
    height: 175px;
    line-height: 20px;
    border-radius: 2px;
    display: none;
}

.options{
    background: #fff;
    height:250px;
    float:left;
    box-shadow: 0px 0px 10px 0px rgba(231, 233, 241, 1);
    border-right:1px solid rgba(231, 233, 241, 1);
}
.options li{  
    text-align: center;
    height: 36px;
    line-height: 36px;
    padding:0 20px;
}
.options li:hover,.options li.on{
    background:#f0f2f5;
}

.choosed{
    background-color: rgba(240, 242, 245, 1);
}
.city{
    -display:none;
}
.shop-list{
    -display: none;
}
.search-btn{
    margin-left:-1px;
    background: rgba(240, 242, 245, 1);
    border:1px solid rgba(125, 145, 167, 1);
    height:35px;
    padding:0 10px;
    outline: none;
    cursor: pointer;
    vertical-align:middle;
}
.dropMenu .search-btn i{
    margin-right: 0;
}
.pro,.cityMenu,.shopMenu{
    height:100%;
    overflow: auto;
    scrollbar-width: none;
}
.shopMenu li{
    max-width: 210px;
    overflow:hidden;  
    text-overflow:ellipsis; 
    white-space:nowrap;
    box-sizing: border-box;
    padding:0 14px;
    text-align: left;
}
.pro .li{cursor: pointer;}
.pro::-webkit-scrollbar,.cityMenu::-webkit-scrollbar,.shopMenu::-webkit-scrollbar {
    display: none;
 }
.change-shop{
    cursor: pointer;
    color: #162355;
    float: left;
}
.m-left{
    margin-left: 20px;
}
.detail-r-row-b .title {
    float: left;
    margin-left: 10px;
    color: #343434;
}
.detail-r-row-b.detail-r-row-title {
    background: #ccc;
    line-height: 30px;
}

.lefter-nav-item .num{ position: absolute; right: 0; top: 0; padding: 0 8px; height: 24px; background: #999; line-height: 24px; text-align: center; display: block; color: #fff; font-size: 12px;}
.lefter-nav-item .tip{ position: absolute; left: 0; top: -2px; padding: 0 3px; height: 18px; line-height: 18px; text-align: center; display: block; color: #1b779f;  font-size: 11px; font-weight: normal;}
.lefter-nav-item .con{ display: none}
.lefter-nav-item.current .con,.lefter-nav-item.has-current .con{ display: block;}
.lefter-nav-item .num.total-0{display: none}
.lefter-nav-item .con-item{ background: #efefef; font-size:16px; color: #432f02; line-height: 40px; cursor: pointer; border-bottom: 1px solid #898179}
.lefter-search{ position: absolute; left: 0; top: 60px; width: 100%;}
.lefter-page{ position: absolute; left: 0; bottom: 0; width: 100%; background: #bfbfbf;}
.lefter-page-item{ width: 50%; text-align: center; display: block; float: left; font-size: 14px; color: #432f02; line-height: 40px; cursor: pointer;}
.righter-search{ padding-top: 10px;}
.righter-search .search-box{ width: 192px; margin: 0 auto;  position: relative;}
.righter-search .search-form {display:inline-block;position: relative;padding-right: 30px;height: 40px;line-height: 40px;}
.righter-search .search-input{color:#827868;vertical-align: top;padding:0 10px;height:40px;width:100%;border: none;display: inline-block;background-color: #fff;box-sizing: border-box;border: 1px solid #d7d7d7;}
.righter-search .search-submit{width: 40px;height: 40px;position: absolute;right:2px;top: 0px;border: 0;background: url(../img/common/search-icon2.png) no-repeat center,#dadada;border: 1px solid #d7d7d7;background-size: 18px}

.pop-user-left-title .search-box{ width: 140px; margin: 0 auto;  position: relative;}
.pop-user-left-title .search-form {display:inline-block;position: relative;padding-right: 30px;height: 40px;line-height: 40px;}
.pop-user-left-title .search-input{color:#827868;vertical-align: top;padding:0 10px;height:40px;width:100%;border: none;display: inline-block;background-color: #fff;box-sizing: border-box;border: 1px solid #d7d7d7;}
.pop-user-left-title .search-submit{width: 40px;height: 40px;position: absolute;right:2px;top: 0px;border: 0;background: url(../img/common/search-icon2.png) no-repeat center,#dadada;border: 1px solid #d7d7d7;background-size: 18px}
.pop-user-left-title .select{height: 30px; background-size: 25px; padding-right: 20px; font-size: 12px;}

.pop-bottom .search-box{ width: 192px; margin: 0 auto;  position: relative;float: left;}
.pop-bottom .search-form {display:inline-block;position: relative;padding-right: 30px;height: 40px;line-height: 40px;}
.pop-bottom .search-input{color:#827868;vertical-align: top;padding:0 10px;height:40px;width:100%;border: none;display: inline-block;background-color: #fff;box-sizing: border-box;border: 1px solid #d7d7d7;}
.pop-bottom .search-submit{width: 40px;height: 40px;position: absolute;right:2px;top: 0px;border: 0;background: url(../img/common/search-icon2.png) no-repeat center,#efe6d2;border: 1px solid #d7d7d7;background-size: 18px}
.pop-table{overflow-y: auto;}

.search-box-keyboard{ position: absolute; left: 0;top:40px; z-index: 1; width: 100%; background: #fff; display: none;}


.lefter-top .search-box{ width: 170px; margin: 0 auto;  position: relative;}
.lefter-top .search-form ,.tool-nav .search-form{display:inline-block;position: relative;padding-right: 30px;height: 40px;line-height: 40px; margin: 10px;}
.lefter-top .search-input ,.tool-nav .search-input{color:#827868;vertical-align: top;padding:0 10px;height:40px;width:100%;border: none;display: inline-block;background-color: #fff;box-sizing: border-box;border: 1px solid #d7d7d7;}
.lefter-top .search-submit ,.tool-nav .search-submit{width: 40px;height: 40px;position: absolute;right:2px;top: 0px;border: 0;background: url(../img/common/search-icon2.png) no-repeat center,#dadada;border: 1px solid #d7d7d7;background-size: 18px}
.lefter-top2{position: absolute;  top: 60px;  left: 0;  width: 100%; line-height: 60px; text-align: center; font-size: 18px; font-weight: bold;}

.has-left{ padding-left: 180px;}
.has-right{ padding-right: 222px;}
.order-cook-page .has-right{ padding-right: 480px;}
.righter-search .search-row{ width: 100%; text-align: center;  margin-bottom: 10px;}
.righter-search .search-row-title{ line-height: 40px; color: #827868; font-weight: bold; font-size: 20px;}
.righter-search .search-row-select{  box-sizing: border-box; text-align: center; color: #827868; height: 40px;border: 1px solid #d7d7d7;width: 190px;}
.righter-search .search-row-select.hidden{display: none;}
.righter-search .search-row-select option{ padding: 10px 0}
.typing-order .righter-search{display: none}

.center-view{ padding-top: 60px; box-sizing: border-box; height: 100%;box-sizing: border-box; width: 100%;}
.has-tool{ padding-top: 120px;}
.has-tool2{padding-top: 170px;}
/*.has-tool .right-inner{ padding-top: 60px;}*/
.has-search-tool{padding-top: 100px;}
.righter{ position: fixed; right: 0; top: 0;  height: 100%; width: 500px; box-sizing: border-box; padding-top: 50px; background: #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
.right-inner{ padding: 0 3px; position: relative; box-sizing: border-box; height: 100%; width: 100%;}
.order-cook-page .righter{width: 497px;}
.order-cook-page .right-inner{padding: 0;}
.pattern-box{ width: 100%; height: 40px; line-height: 40px; text-align: center; padding-top: 10px;}
.pattern-box.typing-order .pattern-box-icon{text-align: left; padding-left: 10px;}
.pattern-box.choice-order .pattern-box-icon{text-align: right; padding-right: 10px;}
.righter.choice .righter-order{ display: none}
.pattern-box .pattern-box-btn{color: #827868; font-weight: bold;display: inline-block; font-size: 18px;}
.pattern-box .pattern-box-icon{ width: 50%;  border-radius: 40px; background: #9acd32; cursor: pointer; display: inline-block; height: 40px;vertical-align: top; margin: 0 5px; position: relative; color: #fff; font-weight: bold;}
.pattern-box .choice.pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; left: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box.choice .pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; left: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box.typing .pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; right: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box.choice-order.pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; left: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box.choice-order .pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; left: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box.typing-order .pattern-box-icon:before{ width: 38px; height: 38px; display:block; position: absolute; right: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }

.pattern-box2{  float:left; width: 150px; height: 40px; line-height: 40px; text-align: center; }
.pattern-box2 .pattern-box-icon2{width: 100%;  border-radius: 40px; background: #989898; cursor: pointer; display: inline-block; height: 40px;vertical-align: top; position: relative; color: #fff;padding-left:40px; padding-right: 5px; box-sizing: border-box; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.pattern-box2 .pattern-box-icon2:before{ width: 38px; height: 38px; display:block; position: absolute; left: 1px; top: 1px; content: ""; background: #fff; border-radius: 38px; }
.pattern-box2.choice .pattern-box-icon2{background: #9ACD32;padding-right:40px; padding-left: 5px}
.pattern-box2.choice .pattern-box-icon2:before{ right: 1px; left: auto; }

.righter .right-scroll{ overflow-y: auto; overflow-x: hidden; box-sizing: border-box; }
.righter-top{ width: 100%; position: absolute; top: 5px; left: 0; z-index: 1; box-sizing: border-box; padding: 0 14px;}
.righter-top-btn{ width: 100%; text-align: center; font-size: 18px; font-weight: bold; line-height: 50px;color: #fff; background: #8f0000;  cursor: pointer}
.righter-order{ width: 100%; margin-top: 20px; box-sizing: border-box; border: 1px solid #ccc}
.righter-order .title{ line-height: 35px; background: #c9c299; color: #432f02; text-align: center; font-size: 16px;}
.righter-order .input-text{ width: 100%; border: 0; border-bottom: 1px solid #cfcbc5; text-align: center; background: none; font-weight: bold; font-size: 16px; line-height: 40px; margin-bottom: 5px;}
.keyboard-box{ width: 220px;}
.keyboard-box-item{ width: 60px; height: 60px; text-align: center; display: block; float: left; font-size: 20px; color: #432f02; font-weight: bold; line-height: 60px; box-sizing: border-box;  border: 1px solid #ccc69f; border-radius: 60px; margin: 5px; cursor: pointer}
.keyboard-box-item.set-num{ font-size: 12px}
.keyboard-box-item.enter{ font-size: 15px}
.righter-bottom{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing:border-box; padding: 0 10px;background: #fff;}
.righter-bottom-item{display: none; width: 100%; text-align: center; font-size: 16px; font-weight: bold; line-height: 40px;color: #fff; background: #324057; margin-bottom: 10px; cursor: pointer}
.agent-red .righter-bottom-item{background: #8f0000;}
.agent-blue .righter-bottom-item{background: #0075a9;}
.righter-bottom-item.cancel,.pop-bottom .item-btn.cancel,.index-bottom .item-btn.cancel{background: #999;}
.righter-bottom-item.customer-btn{display: block;}
.righter-bottom-item.show{display: block;}
/*刷新按钮*/
.btn-refresh{ display: block; width: 60px; height: 60px; background: url("../img/common/refresh-icon.png") no-repeat; background-size: 60px; cursor: pointer;font-size: 18px; line-height: 60px; text-align: center; font-weight: bold;color: #fff}


/*pop*/
.pop{ position: fixed;  left: 0; top: 0;  background: #fff;display: none; z-index: 22; color: #333; font-size: 15px;line-height: 1.5;}
.pop2{ z-index: 24}
.pop3{z-index: 26}
.pop4{z-index: 28}
.pop5{z-index: 30}
.pop-mask{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 21}
.pop-mask2{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 23}
.pop-mask3{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 25}
.pop-mask4{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 27}
.pop-mask5{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none; z-index: 29}

.open-pop .pop,.open-pop .pop-mask{ display: block}
.pop .pop-inner{ padding: 40px 0 0px; box-sizing: border-box;position: relative; width: 100%;  }
.pop .pop-scroll{ overflow-y: auto;overflow-x: hidden;}
.pop .pop-con{ min-height: 100px;min-width:480px; position: relative; box-sizing: border-box; padding: 10px;}
.pop .pop-title{ background: #1980FF; color: #fff; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; width: 100%; padding-left: 10px; box-sizing: border-box; position: absolute; top: 0; left: 0;z-index: 3;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;}
.pop .pop-title.icon-address{ padding-left: 40px;}
.pop .pop-title.icon-add{ padding-left: 40px;}
.pop .pop-title.icon-print{ padding-left: 40px;}
.pop .pop-title.icon-address:before{  background: url("../img/common/icon-address-white.png") no-repeat center; background-size: 20px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }
.pop .pop-title.icon-add:before{  background: url("../img/common/icon-add-white.png") no-repeat center; background-size: 20px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }
.pop .pop-title.icon-print:before{  background: url("../img/common/icon-print-white.png") no-repeat center; background-size: 25px; width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 5px ;top:5px }
.pop .close-btn,.pop .close-btn1{ width: 30px; height: 30px; display: block; background: url("../../img/common/close (2).png") no-repeat center; cursor: pointer; position: absolute; right: 6px; top: 6px; background-size: 22px;z-index: 2}
.pop .pop-bottom .close-btn{ position: static;width: auto;}
.pop .pop-bottom{width: 100%;height: 60px;background: #efefed;position: absolute;}
.pop .pop-left{ width: 180px; position: absolute; left: 0;top: 0; background: #fff;}
.pop  .pop-left-inner{ padding:40px  0 0 0; box-sizing:  border-box; height: 100%;background: #e9eae2;}
.pop  .pop-top{ position: absolute; left: 0; top: 40px;height: 40px; background: #e9eae2; width: 100%;display: none;z-index: 1;}
.pop .pop-left-scroll{ overflow: hidden; overflow-y: auto;}
.pop-left-top{ height: 32px; line-height: 30px; text-align: center; background: #e9eae2; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; box-sizing: border-box; width: 100%;}
.pl-list-item{ line-height: 40px; height:40px; overflow: hidden;  display: block; width: 100%; box-sizing: border-box; background: #e9eae2; padding: 0 5px; border-bottom: 1px solid #c2bfb5; position: relative;cursor: pointer; border-right: 1px solid #c2c2c2;}
.pl-list-item.current{ background: #fff; border-right: 1px solid #fff;}
.pl-list-item .num{ position: absolute; right: 2px; top: 2px;  border-radius: 10px;  z-index: 2;  padding: 0 8px;  height: 20px;  background: #1b779f;  color: #fff;  font-size: 12px;  text-align: center;  line-height: 20px;}
.pop .pop-item.has-top .pop-top{ display: block;}
.pop .pop-item.has-top .pop-con{ padding-top: 40px;}

.pop-top .tabItem{ min-width: 80px; text-align:center; box-sizing: border-box; float: left; padding: 0 10px; height: 40px; line-height: 40px;display: block;cursor: pointer;}
.pop-top .tabItem.current{ background: #fff;}
.address .pop-bottom{ z-index: 3}
.pop .submit-btn,.pop .known-btn{ width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #1980FF; border-radius:4px;padding:0 15px;display: block; cursor: pointer; font-size: 16px; margin: 10px auto;}
.pop .submit-btn.hidden{display: none;}
.pop .pop-bottom-btn{ padding: 0 10px; line-height: 40px; color: #fff; background: #8f0000; display: inline-block; margin: 0 5px;  font-weight: bold;cursor: pointer; min-width: 60px;}
.pop .pop-bottom-btn.color-gray{ background: #9a9a9a}
.pop .pop-item{ display: none;}
.pop .pop-item.current{ display: block}
.pop.set{ width: 400px;}
.pop-set-row{ width: 100%; position: relative; padding-left: 160px; box-sizing: border-box; margin-bottom: 10px;}
.pop-set-row-l{ position: absolute; left:20px; top: 0; color: #8f0000; font-weight: bold; font-size: 18px; line-height:40px;}
.pop-set-row-r{ width: 100%; display: block;}
.pop-bottom .item-btn{ height: 40px; line-height: 40px; text-align: center; color: #fff; background: #1890ff; cursor: pointer; font-weight: bold; font-size: 16px; float: right; padding: 0 20px; margin: 10px 10px 10px 0;border-radius: 5px;}
.pop-bottom .item-btn.left-btn{background: #324057;float:left;margin-left: 10px; margin-right: 0;}
.pop-bottom .pop-bottom-left{ float: left; margin-top: 10px; margin-left: 10px;}

.pop .pop-set{ padding-top: 10px;}
.open-pop .pop2,.open-pop .pop3,.open-pop .pop4,.open-pop .pop5{ display: none}
.open-pop2 .pop2,.open-pop3 .pop3,.open-pop4 .pop4,.open-pop5 .pop5,.open-pop2 .pop-mask2,.open-pop3 .pop-mask3,.open-pop4 .pop-mask4,.open-pop5 .pop-mask5{ display: block}




/* 编辑器edit */
.edit-wrap{ padding-left: 20px ; padding-right: 20px}
.edit-row{ width: 100%; box-sizing: border-box; padding:10px 20px 0 120px;position: relative; line-height: 40px; border-bottom: none;}
.edit-row:last-child{margin-bottom: 10px}
.edit-row-none{padding-left: 0;}
.edit-row-in{ padding-left:100px;position: relative;margin-bottom: 10px;}
.edit-row-no-title { padding-left:10px;}
.edit-row-alert-title { padding-bottom:10px; text-align: center;}
.edit-row.close{ display: none;}
.edit-row .row-left{ color: #827868; position: absolute; line-height: 40px; left: 10px; font-weight: bold; font-size: 16px;}
.edit-row .row-right{ width: 100%; position: relative;  display: block}
.edit-row .span-alert{color: red; font-weight: bold; margin: 0 10px;}
.edit-row .row-error{ font-size:12px; color: #FF0000;line-height: 25px;}
.edit-row .row-error.row-tip{color: #aaa; }
.edit-row .table-row{ border: 1px solid #c2c2c2; border-collapse: collapse;line-height: 28px;width: 100%;box-sizing: border-box;}
.edit-row .table-row td{text-align: center; border: 1px solid #c2c2c2;}
.edit-row .table-row th{border: 1px solid #c2c2c2;background: #e4e4e4}
.disabled .row-error{color: #f00; }
.disabled .row-error.row-tip{color: #aaa; }
.edit-row .edit-select{ height: 40px; border:1px solid #bbbbbb;vertical-align: middle;max-width:none;padding-left:5px;padding-right: 30px;}
.edit-row .edit-text{ box-sizing: border-box; border: 1px solid #bbbbbb; padding: 0 10px; height: 40px; line-height: 40px; font-size: 100%;vertical-align: middle;}
.edit-row .edit-text.has-unit{padding-right: 40px;}
.edit-row .row-unit{height: 38px;line-height: 35px;border:1px solid #bbbbbb;text-align: center;display: inline-block; margin-left: -1px;padding: 0 10px;background: #f2f2f2;vertical-align: middle;}
.pop-bottom .edit-text{ box-sizing: border-box; border: 1px solid #bbbbbb; padding: 0 10px; height: 40px; line-height: 40px; font-size: 100%;}
.edit-row .edit-select.width60{ width: 60px;}
.edit-row .row-right-top{ margin-bottom: 5px;}
.edit-row .edit-inner-text{border:1px solid #FFF;padding: 0 3px;vertical-align: middle; box-sizing: border-box; height: 25px;margin-bottom: 3px;}
.edit-row .edit-inner-text:disabled{background-color: #efefef;}
.edit-row .edit-inner-select{border:1px solid #FFF;vertical-align: middle;height: 25px;margin: 5px;}
.edit-row .edit-inner-select:disabled{background-color: #efefef;}
.edit-row .readonly{ border-color: #d7d7d7; color: #999999;}
.edit-row .edit-unit1{margin-left: -38px}
.edit-row .edit-unit2{margin-left: -20px}
.edit-row .required{background: #fff url('../../img/common/input_bg.png') no-repeat right 2px;}
.edit-row select{ vertical-align: middle;}
.edit-row select.required{ padding-right:20px;background: url("../../img/common/input_bg.png") no-repeat  98% 2px,#fff;}
.edit-row .edit-area{ width: 100%; box-sizing: border-box; border: 1px solid #bbbbbb; padding:10px; min-height: 50px; font-size: 14px;vertical-align: middle;}
.edit-row .edit-text.error,.edit-row .edit-inner-text.error,.edit-row .edit-select.error,.edit-row .edit-area.error{border: 1px solid #ff0000;}
.edit-row .item-row{ width: 100%;margin-bottom: 5px}
.edit-row .edit-tip{ font-size: 12px; line-height: 16px;}
/*.edit-row .edit-btn{ border: 1px solid #ccc; padding:2px 5px; text-align: center;display: inline-block; background: #efefef; margin-right:5px;cursor: pointer; line-height: 30px;  float: left;height: 30px}*/
.edit-row .edit-btn{  min-width: 80px;  line-height: 30px;  cursor: pointer; padding: 5px 12px; margin-bottom: 10px;  height: 30px;  border-radius: 2px;  border: 1px solid #0088d0; color: #0088d0; font-size: 14px;  text-align: center;  }
.edit-row .edit-btn.disabled{border: 1px solid #aaa; color: #aaa;}
.edit-row .add-name{ padding: 0 10px 4px; cursor: pointer; border:1px solid #bbb; background: #eee; line-height: 34px;margin-left: -5px;display: inline-block;}
.edit-row .checkbox-label{top: 0}
.edit-row .checkbox-label.half{width:45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 28px;}
.edit-row-btn { width: 100%; text-align: center; border-top:1px solid #EEE;padding: 10px 0;}
.edit-row-btn .btn-item{ min-width: 120px; margin: 0 2%;display: inline-block; text-align: center;  height: 26px; border: 1px solid #0088d0; color: #0088d0; background: #fff;cursor: pointer; line-height: 26px; padding: 0 10px;}
.edit-row-btn .btn-item:hover{ background: #0088d0; color: #fff}
.edit-row.has-face{ min-height: 100px;}
.edit-row.has-face img{ width: 80px; height: 80px; display: block;}
.edit-row-hidden{ display: none;}
.edit-row-hidden.open{ display: block;}
.edit-row-list {border:1px solid #ccc; max-height: 280px; overflow-x: auto; padding: 5px 5px 0 5px;margin-top: -1px}
.edit-row-list .edit-row-item {float: left; position: relative; width: 50%;margin-bottom:5px;}

.edit-row-promote-list {border:1px solid #ccc; max-height: 330px; overflow-x: auto; padding: 5px 5px 0 5px;margin-bottom: 10px}
.edit-row-promote-list .edit-row-promote-item {float: left; position: relative; width: 50%;margin-bottom:5px;}
.cloud-row{background: #f8f8f8;padding-bottom: 10px;}
.table-row{overflow-y:auto;margin: 10px 0;}
.table-row th{
    height:36px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #eee;
    position: relative;
    padding: 0 6px;
    box-sizing: border-box;
    background: #F2F7FF;
}
.table-row td{
    height:36px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #eee;
    position: relative;
    padding: 0 6px;
    box-sizing: border-box;
    color: #666;
}
.table-row td.sub-td,.table-row th.sub-td{
    border: none;
    padding: 0;
}
.table-row td.sub-td table,.table-row th.sub-td table{
    width: 100%;
}
.table-row td input{
    height: 22px;
    border: 1px solid #bbb;
    box-sizing: border-box;
}
.table-row td input.required{
    padding: 0 6px;
    background: url(../../img/input_bg.png) no-repeat 0 0;
    background-size: 8px 7px;
}
.table-row td input .red{color: red;}
.table-row td input .green{color: green;}
.table-row .text-unit{position: absolute;right: 5px;border: solid 1px #bbb;height: 26px;line-height:26px;background: #f2f2f2;padding: 0 3px;}

input.error{ border: 1px solid red !important; }
.table-row thead td{
    background: #F2F7FF;
}
.table-row .stockSearch{
    width:100%;
}
.table-row .stockSearch input{
    width:100%;
    border:none;
}
.table-row td .table-input{
    width:100%;
    padding: 0 6px;
    height: 28px;
}
.table-row td .table-input.w100{
    width:90%;
    padding: 0 6px;
}
.table-row td .table-input:disabled{
    background:#f1f1f1;
}
.table-row tr:not(:last-child) td p{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.check-btn{ width: 20px;height: 20px; border: 1px solid #887f70; cursor: pointer; display: inline-block;vertical-align: middle; position: relative}
.choice .check-btn:before,.choice.check-btn:before{ position: absolute; left: -1px; top: -1px; background: url("../../img/common/check-icon-choice.png") no-repeat center center; width: 24px; height: 22px; display: block; content: ""; background-size: 20px;}

.typing-order .index-bottom{ display: none}

.loading{ width: 100%; height: 100%; background: url("../../img/common/loading.gif") center no-repeat,rgba(0,0,0,0.5); position: fixed; z-index: 100;background-size: 32px;  left: 0;top: 0;display: none; }

.pop-con-l{ float: left; box-sizing: border-box;}
.pop-con-r{ float: right;box-sizing: border-box;}

select.edit-select option.hidden{  display: none;}
.pop .chief-item{ box-sizing: border-box; padding: 0 30px 0 5px; border: 1px solid #c2c2c2; margin-right: 5px; height: 40px; line-height: 40px; display: inline-block;vertical-align: middle; cursor: pointer; position: relative;background: #eee;}
.pop .chief-item .delete-btn{width: 30px;  height: 30px;  display: block;  background: url("../../img/delete-icon.png") no-repeat center;  cursor: pointer;  position: absolute;  right: -5px;  top: -5px;  background-size: 18px;  z-index: 1;}

/* checkbox样式暂时放这里 */
.checkbox-label,.radio-label{cursor: pointer;}

.imitate-checkbox{display: none;}
.imitate-checkbox-icon {width: 18px;height:18px;display:inline-block;vertical-align: text-bottom;margin-right: 5px;border-radius: 3px;border: 2px solid #0088d0;}
.imitate-checkbox:checked +  .imitate-checkbox-icon{background: #0088d0 url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}
.imitate-checkbox.blue +  .imitate-checkbox-icon{border-color:#7ecef3;}
.imitate-checkbox.blue:checked +  .imitate-checkbox-icon{background-color:#7ecef3;}
.imitate-checkbox.disabled + .imitate-checkbox-icon{border-color:#c2c2c2;}
.imitate-checkbox.disabled:checked +  .imitate-checkbox-icon{background-color:#c2c2c2;}
.empty .imitate-checkbox-icon{border-color:#ff0000;}
.imitate-checkbox.red +  .imitate-checkbox-icon{border-color:#a60101;}
.imitate-checkbox.red:checked +  .imitate-checkbox-icon{background-color:#a60101;}

.imitate-radio-label{margin-right: 10px;cursor: pointer;}
.imitate-radio{display: none;}
.imitate-radio-icon {width: 19px;height:19px;display:inline-block;vertical-align: text-bottom;margin-right: 5px;border-radius:10px;border: 2px solid #0088d0;position:relative;}
.imitate-radio:checked + .imitate-radio-icon:after{display:block;position:absolute;width:10px;height:10px;top:5px;left:5px;background:#0088d0;border-radius:9px;content:' ';}
.imitate-radio.blue +  .imitate-radio-icon{border-color:#7ecef3;}
.imitate-radio.blue:checked +  .imitate-radio-icon:after{background-color:#7ecef3;}
.imitate-radio.disabled + .imitate-radio-icon{border-color:#c2c2c2;}
.imitate-radio.disabled:checked + .imitate-radio-icon:after{background-color:#c2c2c2;}

.imitate-checkbox.error +  .imitate-checkbox-icon{border-color:#ff0000;}
.imitate-checkbox.error:checked +  .imitate-checkbox-icon{background-color:#ff0000;}
.imitate-radio.error +  .imitate-radio-icon{border-color:#ff0000;}
.imitate-radio.error:checked +  .imitate-radio-icon:after{background-color:#ff0000;}

/* checkbox样式暂时放这里 */
.checkbox-label,.radio-label{cursor: pointer;margin-right: 20px;}

.imitate-checkbox{display: none;}
.imitate-checkbox-icon {width: 18px;height:18px;display:inline-block;vertical-align: text-bottom;margin-right: 5px;border-radius: 3px;border: 2px solid #0088d0;}
.imitate-checkbox:checked +  .imitate-checkbox-icon{background: #0088d0 url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}
.imitate-checkbox.blue +  .imitate-checkbox-icon{border-color:#7ecef3;}
.imitate-checkbox.blue:checked +  .imitate-checkbox-icon{background-color:#7ecef3;}
.imitate-checkbox.disabled + .imitate-checkbox-icon{border-color:#c2c2c2;}
.imitate-checkbox.disabled:checked +  .imitate-checkbox-icon{background-color:#c2c2c2;}
.empty .imitate-checkbox-icon{border-color:#ff0000;}
.imitate-checkbox.red +  .imitate-checkbox-icon{border-color:#a60101;}
.imitate-checkbox.red:checked +  .imitate-checkbox-icon{background-color:#a60101;}

.imitate-radio-label{margin-right: 10px;cursor: pointer;}
.imitate-radio{display: none;}
.imitate-radio-icon {width: 19px;height:19px;display:inline-block;vertical-align: text-bottom;margin-right: 5px;border-radius:10px;border: 2px solid #0088d0;position:relative;}
.imitate-radio:checked + .imitate-radio-icon:after{display:block;position:absolute;width:10px;height:10px;top:5px;left:5px;background:#0088d0;border-radius:9px;content:' ';}
.imitate-radio.blue +  .imitate-radio-icon{border-color:#7ecef3;}
.imitate-radio.blue:checked +  .imitate-radio-icon:after{background-color:#7ecef3;}
.imitate-radio.disabled + .imitate-radio-icon{border-color:#c2c2c2;}
.imitate-radio.disabled:checked + .imitate-radio-icon:after{background-color:#c2c2c2;}

.imitate-checkbox.error +  .imitate-checkbox-icon{border-color:#ff0000;}
.imitate-checkbox.error:checked +  .imitate-checkbox-icon{background-color:#ff0000;}
.imitate-radio.error +  .imitate-radio-icon{border-color:#ff0000;}
.imitate-radio.error:checked +  .imitate-radio-icon:after{background-color:#ff0000;}
.selectNo{
    display: none;
}
.left-text{
    margin-right:24px;
}
.ty-transfer-list-choose{
    padding: 3px 10px;
    word-spacing: -5px;
}

.edit-select-area{
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #bbbbbb;
    max-width: none;
    padding-left: 5px;
   
}
.ty-transfer-list-head .edit-select-area,.ty-transfer-list-head .edit-select-sort{
     height:24px;
    float: right;
    margin-top: 3px;
    margin-right: 3px;
}
.ty-transfer-list-head .edit-select-sort{
    max-width: 85px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*弹出窗口提示*/
.alert-mask{ position: fixed; left: 50%; top: -200px; width: 300px; background: #fff; z-index: 99999; box-sizing: border-box;   margin-left: -150px;transition: top 1s;
    -moz-transition: top 1s;	/* Firefox 4 */
    -webkit-transition: top 1s;	/* Safari 和 Chrome */
    -o-transition: top 1s;	/* Opera */
    border-radius: 3px; border: 1px solid #9ACD32; overflow: hidden;}
.open-alert .alert-mask{ top: 0;}
.alert-mask-wrap{ position: relative;}

.alert-mask-top{ margin: 0 10px; line-height: 50px; color: #9ACD32; font-weight: bold; font-size: 20px; box-sizing: border-box; padding-left: 20px; border-bottom: 1px solid #9ACD32;}
.alert-mask .alert-btn{ box-sizing: border-box; padding: 0 10px; min-width: 60px; text-align: center; line-height: 30px; color: #fff; background: #9ACD32; border-radius: 5px; cursor: pointer;  display: inline-block; position: absolute; right: 5px; bottom:5px;}
/*.alert-mask-top .icon{ width: 27px; height: 27px; display: inline-block; vertical-align: middle; background: url("../img/delivery/icon-yes.png") no-repeat 0 center; background-size: 27px; margin-right: 10px;}*/
.alert-mask-tip{width: 80%; background: #fff; box-sizing: border-box; padding: 20px;}
.alert-mask-bottom{ text-align: right; padding-top: 10px;}

.alert-mask.error{border: 1px solid #C20000;}
.alert-mask.error .alert-mask-top{color: #C20000;border-bottom: 1px solid #C20000;}
/*.alert-mask.error .alert-mask-top .icon{ background: url("../img/delivery/icon-no.png") no-repeat 0 center; background-size: 27px;}*/
.alert-mask.error .alert-btn{background: #C20000;}

.lefter-bottom{ position:fixed;left:-20px;bottom:0px;-width: 100%;padding-bottom: 10px; background: #1d2b55; z-index: 24;}



/* 地图地址选择器 */
.span-edit{cursor: pointer;border: 1px solid #bbb;background: #eee;height: 40px;padding: 5px 10px;}
.edit-text.edit-address{width: 270px;}
.pop-select-list { background: #ffffff none repeat scroll 0 0;  border: 1px solid #ccc;  display: none;  max-height: 200px;  overflow-x: auto;  position: absolute;  top: 39px;  width: 268px;  z-index: 50;  }
.pop-select-list.open {display: block;}
.pop-select-item {cursor: pointer;line-height: 30px;padding-left: 10px; display: block;}

/* 弹出层标签页 */
.tab-row{ width: 100%; box-sizing: border-box; padding:0px;background: #fff; left: 0; top:40px ;z-index: 2;position: absolute;overflow: hidden;}
.has-left-item .tab-row{padding-left: 150px;}
.has-left-item .pop-con{ padding-left: 150px;}
.has-left-item.address  .pop-con{ padding-left: 210px;}
.has-top-item .pop-con{ padding-top: 50px;}
.pop-user-left{ padding-top: 50px;}

.tab-row .tab-item{
    float:left;
    padding:6px 7px;
    margin:0 10px;
    font-size: 16px;
    border-bottom: 3px solid #fff;
    cursor:pointer;
    position: relative;
}
.tab-row .tab-item.active{
    color:#1890ff;
    border-color:#1890ff;
}
.tab-row .tab-item .name{ width: 100%; -height: 50px; display: block; overflow: hidden;}
.tab-row .tab-item .num{ position: absolute; border-radius: 10px; z-index: 2; right: -15px;  top: 2px; padding:0 8px; height: 20px; background: #c20000; color: #fff; font-size: 12px; text-align: center; line-height: 20px;display: none;}
.tab-row .tab-item.choice{ background: #fff;}
.tab-row .tab-item .unsaved{ position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px;display:none;}
.tab-row .tab-item.hasChange .unsaved{ display:block;}
.tab-row .tab-item-add{height:100%;color:#666;font-size: 28px;line-height: 40px;border-right: 1px solid #aaa;cursor: pointer;display: block;float: left;text-align: center;min-width: 40px;}
.tab-row-item{ display: none; position: relative;}
.tab-row-item.current{ display: block;}
.tab-row-delete{ width: 20px;  height:20px;display: block; position: absolute; right:0px; top: 0px;  z-index: 1; background:url("../img/delivery/delete-icon.png") no-repeat center 2px; cursor: pointer; background-size: 15px;}
.tab-row-edit{ width: 20px;  height:20px;display: block; position: absolute; right:0px; top: 20px;  z-index: 1; background:url("../img/product/edit-icon-gray.png") no-repeat center 2px; cursor: pointer; background-size: 15px;}
.tab-item-child{ display: none; width: 120px;  position: absolute; left: 0;  top:40px;}
.tab-row .tab-item.open .tab-item-child{ display: block;}
.tab-item-child .child-item{ display: block; background: #ccc;}
.tab-item-child .child-item.choice{ background: #c2c2c2;}
.print-row{ width: 100%; box-sizing: border-box; padding:0px;background: #ccc;}
.print-row .print-item{ border-right: 1px solid #aaa;min-width: 80px; box-sizing: border-box; padding: 0 23px; text-align: center; line-height: 40px;display: inline-block; float: left; cursor: pointer; background: #ccc; position: relative;}
.print-row .print-item.choice{ background: #fff;}
.print-row  .print-item-add{box-sizing: border-box; padding: 0 10px; text-align: center; line-height: 28px;display: inline-block; float: left; cursor: pointer; background: #fff; border: 1px solid #000; margin-top: 5px; margin-left: 5px;}
.print-row .item-add{height:100%;color:#666;font-size: 28px;line-height: 40px;border-right: 1px solid #aaa;cursor: pointer;display: block;float: left;text-align: center;min-width: 40px;}
.print-row-item{ display: none; position: relative;}
.print-row-item.current{ display: block;}
.print-row-delete{ width: 20px;  height:20px;display: block; position: absolute; right:0px; top: 0px;  z-index: 1; background:url("../img/delivery/delete-icon.png") no-repeat center 2px; cursor: pointer; background-size: 15px;}
.print-test-btn{float: right;  display: inline-block; vertical-align: middle; padding-left: 30px; cursor: pointer; background: url("../img/common/icon-print-white.png") no-repeat 10px center,#727374; background-size: 20px; color: #fff;  padding-right: 10px;}

/* 单列table */
.row-item{width:100%;position:relative;margin:0 10px 5px 0; }
.row-item-add{text-align:center; background-color:#efefef; color: #8f0000; cursor:pointer;position:relative;border: 1px solid #ccc;/*margin:0 10px 10px 0; */padding:0 10px; line-height:30px;box-sizing:border-box;}

.disabled .row-item-add{color:#ccc;cursor: auto;}
.row-item-inner{background: #0088d0; padding:0 40px 0 10px;line-height:30px; color:#fff;cursor:pointer; box-sizing: border-box;}
.row-item-inner .row-item-right{position: absolute; right: 40px;}
.error .row-item-inner{background: #999;}
.row-item-inner2{background: #fff; padding:0 40px 0 10px;line-height:30px;cursor:pointer; box-sizing: border-box;}
.relationList .row-item-inner{ line-height: 40px;}
.row-item-inner.nosave{background: #aaa;}
/*.row-item-name{ width: 100%; display: block; overflow: hidden;}*/
.row-item-inner .row-item-map {background: url("../../img/location-icon-2x.png") no-repeat scroll 0 0 / 15px auto rgba(0, 0, 0, 0);content: "";display: inline-block; height: 20px; position: relative;top:5px;padding-left: 25px;}
.row-item-inner .row-item-delete {background: url("../../img/set-ad-delete-2x.png") no-repeat scroll 0 0 / 30px auto rgba(0, 0, 0, 0);content: "";display: inline-block;height: 35px;position: absolute;right: 0;top: 2px;width: 30px;}
.relationList .row-item-delete{ top: 5px;}
.row-item.noClose .row-item-delete{ display: none;}
#setting-form .row-item:first-child .row-item-delete{display: block;}
#setting-form  .edit-inner-text{ width: 100px;}
#setting-form .edit-position{ width: 50px;}
.row-item-inner .row-item-icon{width: 30px;height: 30px;display: inline-block;background:url(../img/store/row-item-icon.png) no-repeat center center;position: absolute;right: 40px;top: 0;background-size: 20px;cursor: pointer}
.row-input .row-item-inner{line-height:36px;}
.row-input .row-item-inner .row-item-delete{right:3px;top:3px;}
.row-input .edit-select{margin-top: -4px;height: auto;}
.row-input .row-item-td{margin-right:10px; }

.other-name-list .row-item-delete{font-size:18px; box-sizing: border-box;border:1px solid #bbbbbb;background:#eee;width: 40px; height: 40pxd;isplay:inline-block;margin-left: -1px;color: #333;}
.other-name-list .row-item:first-child .row-item-delete{display: inline;}

.pop .pop-con.has-left{ box-sizing: border-box;padding-left: 150px;}

.pop .pop-con.has-top{ box-sizing: border-box;padding-top: 40px;}
.pop-user-left{ top: 0; width: 150px; position: absolute; left: 0; height: 100%; background: #efefed;z-index: 2; box-sizing: border-box; }
.address .pop-user-left{ width: 200px;}
.pop-user-left .pop-user-left-title{height: 40px;line-height: 40px;text-align: center;cursor: pointer; background: #ccc;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa; position: absolute; left: 0;top: 0; width: 150px; box-sizing: border-box;}
.pop-user-left-title.edit-icon{ color: #fff;}
.pop-user-left-title.edit-icon:before{ width: 30px; height: 30px; display:inline-block;background: url("../img/single/edit-icon-white.png") no-repeat center; content: "";vertical-align: middle;}
.pop-user-left-scroll{overflow-y: auto;overflow-x: hidden; box-sizing: border-box; height: 100%;}
.pop-user-left-bottom{ position: absolute; left: 0; bottom: 0; height: 60px; width: 100%;}


.pop-user-right{ width: 100%;}
.pop-user-list2{ width: 100%; }
.pop-user-list2-item{ width: 100%;text-align: center; line-height: 45px; border-bottom: 1px solid #ccc; background: #e9eae2; color: #6b6a6a; font-weight: bold; cursor: pointer; position: relative; overflow: hidden;text-overflow: ellipsis;white-space:nowrap; height: 45px;}
.pop-user-list2-item .title{ width: 100%; display: block; height: 45px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; }
.pop-user-list2-item .num{position: absolute;  right: 0;  top: 0;  padding: 0 8px;  height: 16px;  background: #999;  line-height: 16px;  text-align: center;  display: block;  color: #fff;  font-size: 12px;}
.pop-user-list2-item .total-0{ display: none;}
.pop-user-list2-item.current{ background: #fff;}
.pop-user-list2-item .pop-user-name{ width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100%;}
.pop-user-list{ width: 100%; padding-top: 10px; box-sizing: border-box; padding-left: 10px;}
.pop-user-item{ width: 220px; float: left;  margin-right: 10px;margin-bottom: 10px; cursor: pointer}
.pop-user-item:hover .item-name{ background: #fc7b62; color: #fff;}
.pop-user-item .item-top{ height: 80px; width: 100%; position: relative; box-sizing: border-box; padding-left: 82px;margin-bottom: 2px;}
.pop-user-item .item-face{ position: absolute; left: 0; top: 0; width: 80px; height: 80px; overflow: hidden}
.pop-user-item .item-face img{ width: 100%; display: block; }
.pop-user-item .item-name{ width: 100%; line-height: 40px; font-weight: bold; color: #432f02; font-size: 14px; background: #efefef; display: block; box-sizing: border-box; padding-left: 10px; height: 80px; overflow: hidden; position: relative;}
.pop-user-item .num{ position: absolute; left: 0; top: 0;  padding: 0 8px;  height: 24px;  background: #c20000;  line-height: 24px;  text-align: center;  display: block;  color: #fff;  font-size: 12px;}
.pop-user-item .item-face-title{ width: 80px; position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; background: rgba(0,0,0,0.5); display: block;color: #FFF;font-size: 12px;font-weight: bold;text-align: center;}
.pop-user-item .item-name-sex{ font-size: 14px;}
.pop-user-item .item-bottom{ width: 100%;}
.pop-user-item .item-operate{ width: 33%; display: block; float: left; line-height: 50px; margin-right: 2px; color: #6b6a6a; background: #dbdbdb; text-align: center; cursor: pointer}
.pop .pop-right-div{ position: absolute; top: 0; right: 0; width: 200px; height: 100%;z-index: 1}
.pop .pop-right-scroll{ background: #fff; border-left: 1px solid #ccc; box-sizing: border-box; height: 100%; z-index: 2; width: 100%;overflow-y: auto;overflow-x: hidden;}
.pop .pop-right-wrap{ position: relative}
.pop .pop-right-title{ line-height: 31.5px; border-bottom: 1px solid #cdcdcd; position: absolute; right: 0; top: 40px; z-index:3; background: #918981;color:#FFF;text-align: center; width: 100%; box-sizing: border-box;border-left: 1px solid #cdcdcd}
.pop .pop-right-title .pop-right-title-select{width: 100%;height: 40px;font-weight:bold;}
.pop .pop-right-inner{ position: relative; height: 100%; box-sizing: border-box; padding-top: 80px; padding-bottom: 60px;}
.pop  .pop-right-list{ width: 100%;}
.pop  .pop-right-item{ width: 100%; line-height: 40px; padding-left: 16px; font-size: 14px; cursor: pointer; position: relative; box-sizing: border-box; border-bottom: 1px solid #cdcdcd;}
.pop  .pop-right-item.choice{background: #FC7B62;color: #fff}
.pop  .pop-right-item .item-r{ position: absolute; right: 10px; top: 0;}
.pop  .pop-right-item .item-checkbox{display: none;}
.code-item{width: 49%; text-align: center;display: inline-block;}
.service-area-row{ width: 100%; }
.service-area-row .service-area-title{padding-left: 10px; background: #cfcfcf; line-height: 30px;}
.pop-bottom .index-page-btn-item{ line-height: 40px;height: 40px;}
.pop-bottom .select-page{ height: 40px;}
/*#payList-form .pop-bottom .index-page-btn-item{ line-height: 60px;}*/
.has-left .pop-bottom .index-page-btn,.has-left-item  .pop-bottom .index-page-btn{ margin-left: 150px;margin-top: 10px;}
.address .pop-bottom .index-page-btn{ margin-left: 210px;}
.pop-bottom .index-page-btn{ float: left;}
.hidden{display: none;}

.lefter-top-btn .edit-btn,.lefter-top-btn .add-btn,.lefter-top-btn .history-btn{display: block; color:#fff; font-weight: bold; background: #827868;}
.lefter-top-btn .edit-btn:before{ display: inline-block; background: url("../img/single/edit-icon-white.png") no-repeat center; width: 22px; height: 22px; content: ""; margin-right: 5px;vertical-align: middle;}
.lefter-top-btn .add-btn:before{ display: inline-block; background: url("../img/add-post.png") no-repeat center; width: 22px; height: 22px; content: ""; margin-right: 5px;vertical-align: middle;}

.check-btn{ width: 20px;height: 20px; border: 1px solid #887f70; cursor: pointer; display: inline-block;vertical-align: middle; position: relative}
.choice .check-btn:before,.choice.check-btn:before{ position: absolute; left: -1px; top: -1px; background: url("../../img/common/check-icon-choice.png") no-repeat center center; width: 24px; height: 22px; display: block; content: ""; background-size: 20px;}

.pop .item-btn{ min-width: 80px; background: #1980FF; color: #fff; text-align: center; border-radius: 5px; padding: 2px 10px;cursor: pointer;}
.pop .item-btn.red{ background: #C20000}
.pop .title-btn{ float: right;margin: 5px;line-height: 25px; font-size:14px; background: #5486fc; color: #fff; text-align: center; border-radius: 5px; padding: 2px 10px;cursor: pointer;}

.shop-name-select{height:40px; }
.shop-name3{ position: relative;}
.product-bar{border: 1px solid #d2d2d2; border-radius: 3px; height: 6px; position: relative; width: 100%;background: #e6e3e3;}
.product-bar-hover, .product-bar-hover-1{background: #f32727 none repeat scroll 0 0; border-radius: 5px; display: block; height: 7px; left: 0; position: absolute; top: -1px; width: 60%;}
.shop-name3:before{ width: 30px; height: 30px; display: block; content: ""; position: absolute; left: 2px; top:16px;}



.color-orange{color:#f66c1c;}

.codeDiv{ width:240px; margin: 0 auto; position: relative; box-sizing: border-box; background: #1985f1;color: #fff; padding-left: 60px; margin-top: 20px;}
.codeDiv .icon{ width: 35px; height: 30px;display: block; background: url("../../img/common/codeIcon.jpg") no-repeat center; background-size: 35px; position: absolute; left: 14px;top:17px;}
.codeDiv .codeDiv-con{ padding: 10px 0;}

.pop-right-select{ height: 30px;  background-size: 25px;  padding-right: 20px;  font-size: 12px; margin: 4px 0;width: 95px}

.finance-account-page .pop-user-list2-item{ line-height: 35px; height: 35px;}

.editionTip{ position: fixed; left: 0;top: 0;z-index: 9999}


/* 上传edit */
.edit-image-wrap{ position: relative; height: 180px;width:240px; border: 1px solid #999;}
.edit-image-wrap2{ position: relative; height: 180px;width:240px; border: 1px solid #999;}
.edit-image-div{position: absolute; top:0; left:0; height:100%; width: 100%; background: #ffffff url('../../img/none.gif') no-repeat center center; background-size: 100px 100px;}
.edit-image-div img{width: 100%; height: 100%; background-color:#ffffff; }
.edit-image-wrap .process-bar,.edit-image-wrap2 .process-bar{position: absolute; bottom:0;left:0;height:10px;width:100%;}
.edit-image-wrap .process-inner,.edit-image-wrap2 .process-inner{height:100%;width:0;background:#00ff00;}
.edit-image-wrap .upload-tip,.edit-image-wrap2 .upload-tip{text-indent:10px;color:#fff;font-size:11px;width: 100%;height:30px;line-height:30px;position:absolute;bottom:0;left:0;background-color: rgba(0,0,0,0.6);}
.edit-image-wrap .btn-delete,.edit-image-wrap2 .btn-delete{z-index:11; display:none; background: url(../../img/set-ad-delete-2x.png) no-repeat;right:2px;width:30px;height: 30px;position: absolute;cursor:pointer;background-size: 30px auto;}
.has-image .btn-delete{display: inline-block;}
.edit-image{display:block; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer;}

.sub-right-header-nav .item-titleIcon{width: 20px; height: 20px;margin-right: 5px; vertical-align: middle; display: inline-block;}
/*pop */
.pop-tool{ position: absolute; left: 0;top: 0; z-index: 1; width: 100%; background: #fff;}
.hasTool .pop-con{ padding-top: 60px;}
.pop-nav2{ white-space: nowrap;}
.pop-nav .item{
    position: relative;
}
.pop-nav .item .num,.pop-nav2 .item .num{
    line-height: 14px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    display: none;
    height: 14px;
    position: absolute;
    top: 1px;
    right: -12px;
    background: #5486fc;
    padding: 2px 6px;
    border-radius: 10px;
    color: #fff;
}
.pop-nav li{
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    float:left;
    font-family: Roboto;
    border-bottom:4px solid #fff;
    margin:0 8px;
    padding:0 8px;
}
.pop-nav2 li{
     float: none;
     display: inline-block;
     vertical-align: middle;
 }
.pop-nav2 li.hidden{
    display: none;
}
.pop-nav li:hover{
    color: #1890ff;
    border-bottom:4px solid #1890ff;
}

.pop-nav .current{
    color: #1890ff;
    border-bottom:4px solid #1890ff;
}



.jquery-accordion-menu,.jquery-accordion-menu * {
    font-family: 'Open Sans',sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0
}

.jquery-accordion-menu {
    width: 200px;
    transition: width 1s;
    -moz-transition: width 1s; /* Firefox 4 */
    -webkit-transition: width 1s; /* Safari 和 Chrome */
    -o-transition: width 1s;
    position: relative;
    height:calc(100% - 155px);
    padding-bottom: 60px;
    overflow-y: auto;
}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #f0f0f0;
    background: #414956
}

.jquery-accordion-menu ul {

    margin: 0;
    padding: 0;
    list-style: none
}

.jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

.jquery-accordion-menu ul li a {

    width: 100%;
    padding: 14px 25px;
    float: left;
    text-decoration: none;
    color: #f0f0f0;
    font-size: 13px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    -o-transition: color .2s linear,background .2s linear;
    -moz-transition: color .2s linear,background .2s linear;
    -webkit-transition: color .2s linear,background .2s linear;
    transition: color .2s linear,background .2s linear
}
#demo-list .submenu.open{
    display:block;
}
#demo-list .submenu li a{
    color:rgba(255,255,255,0.8);
}
#demo-list .submenu li a:not(.submenu-active):hover{
    color:#1890ff;
}
.submenu-child{
    padding-left: 75px;
    height: 40px;
    line-height: 40px;
}
.submenu-child .submenu-child-a{padding: 0}
/*商品管理icon*/
.ShopIocn{
    width: 20px;
    /*float: left;*/
    /*line-height: 18px;*/
    margin-right: 5px;
    /*height: 20px;*/
}
/*.jquery-accordion-menu ul li a i {*/
/*    float: left;*/
/*    line-height: 18px;*/
/*    font-size: 16px;*/
/*    text-align: left*/
/*}*/

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 20px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear
}
.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

.jquery-accordion-menu ul ul.submenu li {
    background: #383b65;
    width: 100%
}
.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: 14px;
    border-top: none;
    position: relative;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear
}

.overflowY{
    overflow-y: auto;
}
.jquery-accordion-menu ul ul.submenu>li>a {
    padding-left: 25px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px
}
.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.animate-ink {
    -webkit-animation: ripple .5s linear;
    -moz-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    -o-animation: ripple .5s linear;
    animation: ripple .5s linear
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    }
}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a {
    background: #4A89DC
}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a {
    background: #3e82da
}

.blue.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #3e82da
}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #3e82da
}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {
    background: #03A678
}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a {
    background: #049372
}
#demo-list .submenu .submenu-active{
    color:#fff;
    background:#1890FF;
}
.green.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #049372
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #049372
}


.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a {
    background: #1890FF;
    font-size: 16px;
}

.red.jquery-accordion-menu>ul>li>a {
    font-size: 16px;
    border:none;
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #DA4453
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a {
    background: #fff;
    color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a {
    background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li a {
    color: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a>.ink {
    background: rgba(0,0,0,.1)
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a {
    background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a {
    background: #222
}

.black.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #222
}
.content{
    min-width: 1060px;
    width:100%;
    /*height:870px;*/
    background:#fff;
    position:relative;
}

.sub-left-menu{
    position: absolute;
    left:0;
    padding-top: 10px;
    box-sizing: border-box;
    width:150px;
    height:100%;
}
.sub-left-menu .left-btn{
    position: absolute;
    bottom:5px;
    right:15px;
}
.sub-left-menu .suoqi-line{
    width:1px;
    height:100%;
    background-color: rgba(242, 247, 255, 1);
    position: absolute;
    right:0px;
    top:0px;
}
.amap-marker-label{ border: none;color: #fff;background-color: #8800ff; padding: 10px;}
.marker-route{width:200px; background:url("../../img/map/mark_a.png") no-repeat left top;background-size: 19px; padding-top: 30px; text-align: center;}
.marker-route2{background:url("../../img/map/mark_b.png") no-repeat left top;background-size: 19px;}
.marker-title{ color: #fff;  background-color: #8800ff;  padding: 10px; font-size: 12px; max-width: 200px; display: inline-block; text-align: left; float: left;}
.copyDiv{ border: 1px solid #c2c2c2; margin-top: 10px; padding: 5px;}
.copyType{ background: #1b779f; height: 40px; line-height: 40px; color: #fff; width: 100%; padding: 0 5px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #fff;}
.copyList-item{ width: 100%; box-sizing: border-box;  display: block; height: 30px; background: #fc7b62; color: #fff; line-height: 30px; padding: 0 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer; position: relative;border-bottom: 1px solid #fff;}
.copyList-item.item2{background:#7bcec4}
.copyDiv-con-item{ float: left; width: 200px;box-sizing: border-box;  overflow: hidden;  overflow-y: auto;}
.copyDiv-con-item .shopList {  width:100%;box-sizing: border-box;  overflow: hidden;  overflow-y: auto;}
.shopList .copyList-item.hidden{ display: none;}
.copyDiv .choice-icon{width: 18px;height:18px;display:inline-block;vertical-align: text-bottom;border-radius: 3px;border: 2px solid #0088d0; cursor: pointer;}
.copyDiv .choice-icon2{width: 18px;height:18px;display:inline-block;vertical-align: text-bottom;border-radius: 3px;border: 2px solid #fff; cursor: pointer; margin-right: 10px;}
.copyDiv .choice .choice-icon,.copyDiv  .choice-icon.choice{background: #0088d0 url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}
.copyDiv .choice-icon2.choice,.copyDiv .copyList-item.choice .choice-icon2,.copyDiv-item.choice  .copyType .choice-icon2{background: url(../../img/checkbox.png) no-repeat center;background-size: 16px auto;}
.copyDiv-title{ text-align: center;font-weight: bold; padding: 5px 0;}
.sub-left-menu .suoqi-line .sub-switch{
    width:10px;
    height:80px;
    background: #e3eaf7;
    position: absolute;
    top: 45%;
    right: -10px;
    margin: -25% 0 0 0;
    z-index:5;
    cursor: pointer;
    line-height: 80px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.sub-left-menu .suoqi-line .sub-switch i{
    font-size: 14px;
    margin-left: -2px;
    color:#fff;
}
.help-m-right{
    margin-right: 10px;
}
.nav-item,.big-item{
    width:100%;
    box-sizing: border-box;
    font-size: 14px;
    height:40px;
    line-height: 40px;
    text-align: center;
    border-left:4px solid #fff;
    cursor: pointer;
    position: relative;

}
.nav-item p{
    width:85%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}
.nav-item .num{
    font-size: 12px;
    text-align: center;
    display: block;
    height: 8px;
    line-height: 8px;
    position: absolute;
    top: 2px;
    right: 1px;
    background: #05b4d8;
    padding: 4px 6px;
    border-radius: 10px;
    color: #fff;
}
.nav-item .num.total-0,.nav-item .num.total-{display: none;}
.nav-item-active{
    color:#1890ff;
    border-left:4px solid #1890ff;
    background: #E6F7FF;
}
.sub-left-nav{
    color:#000;
    font-size: 14px;
    display:block;
}
.margin-right-8{
    margin-right: 8px;
}
.sub-right{
    margin-top:50px;
    box-sizing: border-box;
    padding:0 10px;
    padding-left: 170px;
    -height:100%;
}
.content.noLeft .sub-right{
 padding-left: 10px;
}
.sub-right-header{
    height:57px;
    -min-width: 1150px;
    margin-bottom: 6px;
    border-bottom: 1px solid #f5f5f5
}
.sub-right-header-nav{
    float: left;
    height:100%;
}
.sub-right-header-nav li{
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 54px;
    float:left;
    font-family: Roboto;
    border-bottom:3px solid #ffffff00;
    margin:0 8px;
    padding:0 8px;
}
.sub-right-header-nav li:hover{
    color: #1890ff;
    border-bottom:3px solid #ffffff00;
}
.page-search{
    line-height: 58px;
    float:right;
}
.sub-page-search{
    width: 150px;
    box-sizing: border-box;
    padding-left:10px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    color: rgba(187, 187, 187, 1);
    border:none;
    background: #F7F8FA;
    vertical-align: middle;
}
.page-search-btn{
    border:none;
    height:36px;
    width:36px;
    margin-right:6px;
    background: #F7F8FA;
   vertical-align: middle;
    cursor: pointer;
}
.hign-search{
    margin-left: 20px;
    font-size: 14px;
    color:rgba(125, 145, 167, 1);
}
.new-content{
    height:304px;
    width:100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

::-webkit-scrollbar 
{ 
    width: 6px; 
    height: 6px; 
    background-color:#fff; 
}

::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    background-color: #f2f7ff; 
} 


.new-table-header{
    position: relative;
    -z-index:2;
}
.new-table .new-table-header-item{
    text-align: center;
    position: relative;
    border: 1px solid rgba(242, 247, 255, 1);
    box-sizing: border-box;
}
.new-table .new-table-header-item .right-top-img{
    margin-top: -8px;
}
.new-table td,.new-table th{
    white-space: nowrap;
    overflow:hidden;
    margin:0; 
    text-align:left;
    height: 48px;

    -border-bottom: 1px solid #F5F8FF;

}
.new-table-tr:hover{
    background: #f5f7fa;
}
.new-table-tr.cancel{
    color: #999;
}

.btn-default:hover{
    background: #f5f7fa;
}

.new-table-item.text-center{
    text-align: center;
}
.new-table-item.normal-item{
    font-size: 13px;
    /*padding:6px 0 ;*/
    border: 1px solid #eee;
    position: relative;
}
.new-table-item.normal-item .limitwidth{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.new-table-header-item.fixlast,.new-table-item.fixlast{
    display: none;
    position: fixed;
    right: 20px;
    z-index: 2;
}
.fixlast.hearderHeight{
    height:42px;
}
.fixlast.bodyTrHeight{
    height:39px;
    background: #fff;
}
.new-table-header-item.bi{
    background: none;
}
.new-table td{
    white-space: normal;
    box-sizing: border-box;
}
.new-table  th{
    background-color: rgba(242, 247, 255, 1);
}
.new-table th p{
    margin:8px 0;
    height:24px;
    line-height: 26px;
    box-sizing: border-box;
    border-right:1px dashed #ccc;
}
.new-table th:last-child p{
    border: none;
}
.new-table .sub-new-table-header-item:last-child p{
    border-right:1px dashed #ccc;
}
.new-table .btn-item{
    font-size: 12px;
    border:1px solid #1890ff;
    color:#1890ff;
    padding:4px 10px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}
.pop .new-table .btn-item{line-height: 30px;}
.new-table .btn-item.color-0{
    border:1px solid #999;
    color:#999;
}
.content-table{
    position: relative;   
    height: 304px;
    overflow-y: auto;
}
.content-table::-webkit-scrollbar {
    display: none;
}
.new-table-body tbody{
    position: absolute;
}
.subTable tbody{ position: static;}
.subTable td{-border-bottom: 1px solid #eee; padding-top: 5px;}
.subTable .btn-quanxian{ border: 0;padding: 3px 0;}
.margin-right{
    margin-right: 8px;
}
.content-bottom{
}
.btn-bottom-list{
    margin-top:12px;
    float:left;
    padding-bottom: 6px;
}
.btn-default,.btn-condition{
    cursor: pointer;
    outline: none;
    margin-right:4px;
    background: #F7F8FA;
    padding:0 5px;
    color: rgba(125, 145, 167, 1);
    font-size: 14px;
    border:1px solid #FFF;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.btn-default.btn-active{
    color:#fff;
    background: #162355;
    border-color:#162355;
}
.btn-condition.btn-active{
    color:#fff;
    background: #1890ff;
    border-color:#1890ff;
}
.btn-default .num{
    line-height: 14px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    display: none;
    height: 14px;
    position: absolute;
    top: -10px;
    right: -2px;
    background: #ff3300;
    padding: 2px 6px;
    border-radius: 10px;
    color: #fff;
}
.fenye{
    line-height: 50px;
    float:right;
    font-size: 12px;
    color:#415161;
}
.all-number{
    margin-right: 14px;
    float:left;
}
.fenye-detail{
    margin-top: 9px;
    margin-right: 14px;
    float: left
}
.fenye-detail li{
    margin:2px;
    border-radius: 2px;
    cursor: pointer;
    float:left;
    width:30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #bbb;
    color:#415161;

}

.fenye-detail li:hover{
    border-color:#1890ff;
    color:#1890ff;
}
.fenye-detail li.current{
    border-color:#1890ff;
    color:#1890ff;
}
.fenye-detail li a{
    display: inline-block;
    width:100%;
    height:100%;
}
.btn-quanxian{
    left: 1015px;
    border-radius: 4px;
    font-size: 12px;
    padding:4px 6px;
    text-align: center;
    /*cursor: pointer;*/
    color: rgba(125, 145, 167, 1);
    border: 1px solid rgba(125, 145, 167, 1);
}
.btn-quanxian .row-btn{display: inline-block;}
.big-item{
    color:#1890ff;
    cursor: pointer;
    margin-bottom:15px;
}
.btn-quanxian-yishouquan{
    color:#fff;
    background: #1890FF;
    border-color:#1890FF;
}
.sub-right-header-nav .current{
    color: #1890ff;
    border-bottom:3px solid #1890ff;
}
.sub-right-header-nav .item{
    position: relative;
}
.sub-right-header-nav .urgent {
    background: #fffb8f;
}
.sub-right-header-nav .item .num{
    line-height: 14px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    display: none;
    height: 14px;
    position: absolute;
    top: 1px;
    right: -12px;
    background: #5486fc;
    padding: 2px 6px;
    border-radius: 10px;
    color: #fff;
}
.sub-right-header-nav .item .num.gray{
    background: #c6c6c6;
}
.sub-right-header-nav .item .num.red{
    background: #ff646d;
}
.new-table-header {
}
.scroll_mq_box{
    width:8px;
    height:304px;
    position: fixed;
    right:10px;
    top:166px;
    border-radius: 4px;
}
.scroll_body{
    width:8px;
    height:200px;
    border-radius: 4px;
    position: absolute;
    top:0;
    left:0;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f2f7ff;
}
.employees-list{
    padding:15px 10px;
    border-top:1px solid #f0f2f5;
}
.employees-item{
    float:left;
    margin:5px 5px;
    box-sizing: border-box;
    padding:14px 24px;
    width: 236px;
    height: 170px;
    line-height: 20px;
    border-radius: 2px;
    box-shadow: 0px 0px 10px 2px rgba(247, 247, 247, 1);
}
.employees-img{
    width:80px;
    height:80px;
    border-radius: 50%;
    background: #ccc;
    float:left;
    margin-right:14px;
}
.test{
    line-height: 40px;
    color: rgba(69, 90, 116, 1);
    font-size: 16px;

}
.manage-num{
    line-height: 20px;
    color: rgba(24, 144, 255, 1);
    font-size: 14px;

}
.employees-bottom{
    line-height: 32px;
}
.phone-num,.emp-num{
    font-weight: bold;
    color:#455A74;
}
.goLine{
    width:1px;
    height:24px;
    background: #fff;
    position: absolute;
    z-index:2;
    left:37px;
    top:37px;
}

.jquery-accordion-menu ul li a .num-default{
    font-size: 14px;
    padding:2px 6px;
    text-align: center;
   border:1px solid #fff;
    border-radius: 50%;
    margin-left:1px;
}
.jquery-accordion-menu ul li a .next-status{
    font-size: 14px;
    padding:2px 6px;
    text-align: center;
    border:4px solid #1967bb;
    background: #1890ff;
    border-radius: 50%;
    margin-left: -2px;
}
.checkBox{
    width:16px;
    height:16px;
}
.row-right .shopEdit-btn{
    color:#1890ff;
    border:1px solid #1890ff;
}
.product-img{
    height:50px;
    width:50px;
}
.row-btn{
    font-size: 12px;
    border:1px solid #6fd52b;
    color:#6fd52b;
    padding:4px 10px;
    border-radius: 4px;
    /*margin-right: 10px;*/
    cursor: pointer;
    position: relative;
}
.errortop{
    position: absolute;
    right: -6px;
    top: -6px;
    display: inline-block;
    width: 20px;
    height: 16px;
    color: #fff;
    background: #ff646d;
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
}
.row-btn.color-0{
    border:1px solid #999;
    color:#999;
}
.row-btn.color-2{
    border:1px solid #0088d0;
    color:#0088d0;
}
.row-btn.color-3{
    border:1px solid #c20000;
    color:#c20000;
}
.modal-backdrop{
    display: none;
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background-color: #000;
    opacity: .5;
}
.helpSearch{
    width: 260px;
    height: 32px;
    opacity: 0.58;
    border-radius: 2px;
    padding-left:10px;
    color: rgba(136, 136, 136, 1);
    font-size: 14px;
    text-align: left;
    font-family: Microsoft Yahei;
    border: 1px solid rgba(125, 145, 167, 1);   
    vertical-align:middle;
}
.problemAll{
    text-align: left;
}
.title{
    color:#808080;
}
.text{
    line-height: 20px;
    font-size: 12px;
}
.product-category{
    overflow-y: auto;
}
.border-bottom{
    border-bottom:1px solid #F5F8FF;
}
.order-list{
    width:100%;
    height: 100%;
    overflow-y:auto;
    box-sizing: border-box;
    padding:4px;
}
.showLine{
    width: 28px;
    height:28px;
    background: url('../../img/line.png') no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.showLine.showTags{
    background: url('../../img/tags.png') no-repeat;
    background-size: 100%;
}
.order-list{display: flex;flex-wrap: wrap;align-content: flex-start;}
.order-list li{
    margin:5px;
    width:320px;
    background: #fff;
    border:1px solid #1890FF;
}
.order-list li .wideLine{
    display: none;
    height:20px;
}
.order-list li.wide{
    width: 98%;
}
.order-list li.wide .wideLine{
    display: block;
}
.order-list li:hover{
    box-shadow: 0px 0px 10px 2px #e5e6e6;
}
.order-list-line{ 
    /*border-bottom:1px solid #F5F8FF;*/
}
.order-header{
    padding:6px;
    background: #1890FF;
    color:#FFF;
}

.order-list .package-time.order-list-item{border:1px solid #fcbe62;}
.package-time .order-header{background: #fcbe62;}
.order-list .wait-time.order-list-item{border:1px solid #fc7b62;}
.wait-time .order-header{background: #fc7b62;}
.order-list .agent-time.order-list-item{border:1px solid #c20000;}
.agent-time .order-header{background: #c20000;}
.order-list .over-time.order-list-item{border:1px solid purple;}
.over-time .order-header{background: purple;}
.order-list .error.order-list-item{border:1px solid #666666;}
.order-list .active.order-list-item{/*+:表示元素的下一个元素*/
    box-sizing: border-box;
    border-width:5px;
    height: 150px;
}
.error .order-header{background: #666666;}

.order-select{float: right;width:25px;height:25px;background: #fff;}
.tips{color:#fff;font-size: 14px;padding:2px 6px;border-radius: 2px;float:right;margin-right: 5px;}
.tips.tabs-bg-yellow{
    background: #FDBE46; 
}
.tips.tabs-bg-red{
    background: #FF646D; 
}
.tips.tabs-bg-purpse{
    background: #716ACA; 
}
.shop-name{
    font-size: 16px;
}
.canal{
    width: 72px;
    height: 30px;
    line-height: 30px;
    background-color: #999;
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.canal.elem-bg{
    background-color: #1871dd;
}
.shuaidan .order-header{
    position: relative;
    font-size: 13px;
}
.shuaidan .shop1,.shop2{
    font-size: 13px;
}
.shuaidan .shop1{
    position:absolute;
    left:3px;
    top:3px;
}
.shuaidan .shop2{
    position:absolute;
    right:38px;
    bottom:3px;
}
.canal.meituan-bg{
    background-color: #13D1BE;
}
.tabs{
    padding:2px 3px;
    line-height: 16px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 100, 109, 1);
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(255, 100, 109, 1);
    float: right;
    margin:5px 10px 0 0;
}
.tabs.red{border: 1px solid #c20000;color: #c20000;}
.tabs.yellow{border: 1px solid #fc7b62;color: #fc7b62;}
.tabs.blue{border: 1px solid #1871dd;color: #1871dd;}
.order-time{
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(69, 90, 116, 1);
    float:left;
}
.order-pay{
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(69, 90, 116, 1);
    float:right;
}
.order-third{
    width:100%;
    box-sizing: border-box;
    padding:0 8px;
    font-size: 12px;
}
.address{
    margin-top: 4px;
    padding-left: 8px;
    width:76%;
    line-height: 17px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(69, 90, 116, 1);
    font-size: 12px;
    float:left;
}
.order-list-line .go-more{
    margin-top: 4px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0);
    color: #91a1b5;
    font-size: 15px !important;
    line-height: 40px;
    margin-right: 8px;
    float:right;
}
.normal-tabs{
    margin-top: 12px;
    margin-right:40px;
    float: left;
    height:36px;
    border-radius:50%;
}
.normal-tabs div{
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(170, 170, 170, 1);
    font-size: 13px;
    border: 1px solid rgba(220, 223, 230, 1);
    padding:0 24px;
    line-height: 36px;
    height:36px;
    float: left;
}
.normal-tabs div.active{
    background-color: #e8f3ff;
    border-color: #a3d0fd;
    color: #1989fa;
}
.all-shop-name{
    float: left;
    width:87%;
    height:25px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*index里的index*/


input:-webkit-autofill, 
 textarea:-webkit-autofill, 
 select:-webkit-autofill { 
        background-color: #fff;
       -webkit-box-shadow: 0 0 0 1000px white inset; 
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
    /*background-color: #fff;
      -webkit-box-shadow: 0 0 0 1000px white inset;*/ 
}
button, button:focus, button:active ,button:link{
    -webkit-appearance:none;
    outline:none;
}
ol,ul,li{list-style:none;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}   
table{border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;outline:none;cursor: pointer;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;} 
.clearboth{clear:both;}
.fl{float:left;}
.fr{float:right;}
.ml5{margin-left:5px;}
.mt20{margin-top:13px;}
.mt50{margin-top:20px;}
.mt10{margin-top:10px;}
.ml20{margin-left:20px;margin-right:20px;}
.div-h,.ty-p{line-height:1.5;}
.color9{color:#999;}
.color-blue{color:#00a0e8;}
.p16{padding:16px;}
.p24{padding:24px;} 
.bgf7{padding:10px;background:#f7f7f7;}
.bg999{padding:10px;background:#999;}
.ty-relative{position:relative;}
.ty-transfer{
    font-size: 13px;
    color:#808080;
}
.tyue-checkbox{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   white-space: nowrap;
}
.tyue-checkbox-txt{margin-left: 6px;margin-right: 8px;}

/*过滤*/
.ty-transfer-list{width:250px;height:347px;border:1px solid #d9d9d9;border-radius:3px;background:#fff;}
.ty-transfer-list-head{height:32px;line-height:32px;font-size:14px;color:#666;font-weight: bold;background: #f1f1f1;margin-bottom:6px;box-sizing: border-box;padding: 0 10px;}
.ty-transfer-list-serach{width:auto;padding:0 15px 8px;position:relative;}
.ty-transfer-list-serach input{display:block;width:100%;height:28px;line-height:28px;padding-left:30px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}

.ty-transfer-list-serach input{
     transition: all .3s linear;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     -moz-transition: all .3s linear;
}
.ty-transfer-list-serach>input:focus,
.ty-transfer-list-serach>input:hover{
     border-color: #57c5f7;
     border: 1px solid #57c5f7;
     outline: 0;
     box-shadow: 0 0 0 2px rgba(45,183,245,.2);
}


.ty-transfer-list-serach-icon{ width:17px;height:17px;display:block;position:absolute;top:4px;left:22px;z-index:10;}
.ty-transfer-list-body{margin-top:5px;border-top:1px solid #d9d9d9;padding:4px 10px;height:261px;overflow-y:auto;box-sizing:border-box;}
.ty-transfer .ty-tree-arrow-right span,.ty-transfer .ty-tree-arrow-bottom span{margin-left:0;}
.ty-transfer .ty-tree-select-ul{padding-left:38px;}
.ty-transfer .ty-tree-div .tyc-check-blue{margin:8px 6px;}
.ty-transfer .ty-tree-div{height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ty-transfer .ty-tree-text{height:30px;line-height:30px;line-height:30px; cursor: pointer;}
.ty-transfer .ty-tree-switcher{height:28px;}
.ty-transfer-list-foot{background:#f1f1f1;}
.ty-transfer-list-serach+.ty-transfer-list-body{height:230px;}
.ty-transfer-operation{padding:107px 20px 0 20px;}
.ty-transfer-operation span{
    display:block;
    width:43px;
    height:28px;
    text-align: center;
    position: relative;
    cursor:pointer;
    border:1px solid #d9d9d9;
    border-radius:4px;
    background-image:url("../../img/ue-icon-little.png");
    background-repeat: no-repeat;
    background-color:#f3f3f3;
    transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;

}

.ty-transfer-operation span i{
    font-size: 2em;
    color: #bbb;
}
.ty-transfer-operation span+span{margin-top:25px;}
.ty-transfer-operation span:hover{border:1px solid #3dadf2;background-color:#7AC7F8;}
.ty-transfer-operation span:hover i{
    color:#fff;
}
.ty-transfer-btn-toright,.ty-transfer-btn-toright.disabled:hover{background-position:17px -150px;}

.ty-transfer-btn-toright:hover,.ty-transfer-btn-toright.active,.ty-transfer-btn-toright.active:hover{background-position:17px -175px; }

.ty-transfer-btn-toleft,.ty-transfer-btn-toleft.disabled:hover{background-position:17px -206px;}
.ty-transfer-btn-toleft:hover,.ty-transfer-btn-toleft.active,.ty-transfer-btn-toleft.active:hover{background-position:17px -231px;}
.ty-transfer-operation span.active{border:1px solid #3dadf2;background-color:#00A0E8;}
.ty-transfer-operation span.active i{color: #fff;}
.ty-transfer-btn-toleft.disabled:hover,.ty-transfer-btn-toright.disabled:hover{cursor: not-allowed;border:1px solid #d9d9d9;;background-color:#f3f3f3;}

.ty-transfer-operation .active:hover{
    background-color: #7AC7F8;
}

.show .ty-tabs{width:460px;}
.ty-tabs-nav{height:38px;border-bottom:2px solid #d9d9d9;position:relative;}
.ty-tabs-nav>div{height:40px;overflow:hidden;position:relative;}
.ty-tabs-nav-scroll>div{width:auto;margin:0 40px;}
.ty-tabs-ul{width:100%;height:38px;position:absolute;top:0;left:0;z-index:10;}
.tabs-nav-scroll-ul{width: 1300px;}
.ty-tabs-ul li{float:left;padding:0 15px;height:38px;line-height:38px;font-size:14px;color:#666;cursor:pointer;}
.ty-tabs-ul li.current{color:#00a0e8;}
.ty-tabs-icon-prev,.ty-tabs-icon-next{width:38px;height:38px;display:block;border-bottom:2px solid #d9d9d9;cursor:pointer;position:absolute;top:0;z-index:100;}
.ty-tabs-icon-prev{background-position:15px -368px;left:0;}
.ty-tabs-icon-prev:hover{background-position:15px -396px;}
.ty-tabs-icon-next{background-position:15px -424px;right:0;}
.ty-tabs-icon-next:hover{background-position:15px -454px;}
.ty-tabs-line{width:86px;height:2px;background:#00a0e8;position:absolute;bottom:-2px;left:0;z-index:101;}
.ty-tabs-nav-scroll .ty-tabs-line{left:40px;}
.show .ty-tabs-card{width:460px;}
.ty-tabs-card-nav{height:32px;position:relative;}
.ty-tabs-card-nav>div{height:32px;position:relative;}
.ty-tabs-card-nav-scroll>div{width:auto;margin:0 40px;}
.ty-tabs-card-ul{width:100%;height:32px;position:absolute;top:1px;left:0;z-index:10;}
.ty-tabs-card-ul li{float:left;min-width:48px;height:30px;line-height:30px;text-align:center;padding:0 15px;font-size:12px;color:#666;border:1px solid #f1f1f1;border-bottom:0;background:#f1f1f1;border-radius:4px 4px 0 0;cursor:pointer;}
.ty-tabs-card-ul li+li{margin-left:8px;}
.ty-tabs-card-ul li.current{color:#00a0e8;border:1px solid #d9d9d9;border-bottom:1px solid #fff;background:#fff;}
.ty-tabs-card-con{border:1px solid #d9d9d9;}

.tabbox{width:100%;height:140px;margin:auto;}
.tabbox .content{overflow:hidden;width:auto;height:auto;position:relative;}
.tabbox .content ul{position:relative;left:0;top:0;height:auto;}
.tabbox .content li{width:1500px;height:auto;float:left; padding: 50px;}
.tabbox .content li p{padding:10px;}
 /*.ty-tabs-card-con{height:100px;padding-top:80px;}*/
 .ty-tabs-card-con>.mt20{text-align:center;}
.ty-tabs-card .ty-tabs-icon-prev,.ty-tabs-card .ty-tabs-icon-next{width:32px;height:32px;display:block;border-bottom:0;cursor:pointer;position:absolute;top:0;z-index:100;}
.ty-tabs-card .ty-tabs-icon-prev{background-position:15px -371px;left:0;}
.ty-tabs-card .ty-tabs-icon-prev:hover{background-position:15px -399px;}
.ty-tabs-card .ty-tabs-icon-next{background-position:15px -427px;right:0;}
.ty-tabs-card .ty-tabs-icon-next:hover{background-position:15px -457px;}
.ty-breadcrumb{height:24px;}
.ty-breadcrumb li{float:left;height:24px;line-height:24px;font-size:14px;color:#999;}
.ty-breadcrumb span{padding:0 10px;color:#ccc;font-size:14px;}
.ty-breadcrumb a{color:#666;font-size:14px;}
.ty-breadcrumb a:hover{text-decoration:none;color:#00a0e8;}
.ty-breadcrumb a:hover{font-weight:bold;}
.ty-breadcrumb a.current:hover{color: #666;font-weight:bold;cursor: default;}
.ty-breadcrumb a.current{font-weight:bold;}
/*  分页 start */
.ty-page{height:20px;padding:3px 0;}
.ty-page li{float:left;}
.ty-page li+li{margin-left:8px;height:20px;}
.ty-page a{height:20px;line-height:20px;padding:0 6px;color:#333;}
.ty-page a:hover{color:#00a0e8;text-decoration:none;}
.ty-page a.current,.ty-page a.current:hover{color:#fff;border-radius:4px;background:#00a0e8;}
.ty-page li.focus,.ty-page li.focus:hover{color:#fff;border-radius:4px;background:#00a0e8;}
.ty-page li.focus a{color:#fff;}
.ty-page .ty-page-prev,.ty-page .ty-page-next{color:#666;}
.ty-page .ty-page-prev:hover,.ty-page .ty-page-next:hover{color:#00a0e8;}
.ty-page .ty-page-prev-disabled,.ty-page .ty-page-next-disabled{cursor:default;color:#ccc;}
.ty-page .ty-page-prev-disabled:hover,.ty-page .ty-page-next-disabled:hover{color:#ccc;background:transparent;}
.ty-page .ty-page-options{width:90px;height:24px;border:1px solid #ccc;border-radius:4px;position:relative;}
.ty-page-options.current{border:2px solid #d5f1fd;top:-1px;}
.ty-page-options p{width:auto;margin:0 25px 0 12px;height:24px;line-height:24px;position:relative;}
.ty-page-options-icon{width:20px;height:20px;display:block;position:absolute;top:2px;right:-20px;}
.ty-page-options-icon02{width:20px;height:20px;display:block;background:url(../images/ue-icon-little.png) no-repeat left -20px;position:absolute;top:2px;right:-20px;}
.ty-page-options ul{width:100%;background:#fff;border-radius:4px;border:1px solid #ccc;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.25);border:1px solid #e5e5e5;overflow:hidden;position:absolute;top:30px;left:0;z-index:100;}
.ty-page-options li{
    cursor:pointer;
    text-indent:12px;
    color:#666;
    width: 100%;   
}
.ty-page-options li:hover{background:#f0f9ff;}
.ty-page-options .ui-select-pagesize{display: none}
.ty-page-options li.current{background:#f5f5f5;}
.ty-page-jumper{height:26px;}
.ty-page-jumper span{display:block;height:26px;line-height:26px;float:left;}
.ty-page-jumper input{display:block;height:24px;line-height:24px;padding:0 10px;width:20px;border-radius:4px;border:1px solid #ccc;color:#666;float:left;margin:0 10px;}
.ty-page02{height:26px;}
.ty-page02 span{display:block;height:26px;line-height:26px;color:#333;}
.ty-page02 input+span{margin-right:10px;}
/*.ty-page02 input{width:30px;height:24px;line-height:24px;text-align:center;border:1px solid #ccc;border-radius:4px;margin:0 13px 0 5px;}*/
.ty-page02-prev,.ty-page02-next{width:20px;height:26px;line-height:26px;text-align:center;cursor:pointer;color:#666;float:left;margin-left:5px;}
.ty-page02-prev:hover,.ty-page02-next:hover{color:#00a0e8;}

/*20161013分页样式修改*/
/*分页调整*/
.ty-page li.ui-pager {
    cursor: pointer;
}
.ty-page .ui-pager-disabled, .ty-page .ui-pager-disabled:hover {
    cursor: not-allowed;
    color: #ccc;
    background: transparent;
}
.ty-page .ui-select-pagesize>li{
    height:32px;
    line-height:32px;
    margin: 0;
}
.ty-page .js-page-action{margin-top: 4px}
.ty-page-jumper input{
     transition: all .3s linear;
     -webkit-transition: all .3s linear;
     -o-transition: all .3s linear;
     -moz-transition: all .3s linear;
}
.ty-page-jumper>input:focus,
.ty-page-jumper>input:hover{
     border-color: #57c5f7;
     border: 1px solid #57c5f7;
     outline: 0;
     box-shadow: 0 0 0 2px rgba(45,183,245,.2);
}
.ty-page-options{
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
}
.ty-page-options.current{
     border: 1px solid #57c5f7;
     top: 0;
     outline: 0;
     box-shadow: 0 0 0 2px rgba(45,183,245,.2);
    }
.ty-page .ty-page-prev, .ty-page .ty-page-next{
    font-size: 12px;
    outline:none;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-weight: normal;
    padding: 0;
    font-family: 'PingFang SC','Hiragino Sans GB','PingHei','Open Sans','sans-serif','Helvetica Neue','Helvetica','Microsoft YaHei','SimSun','Arial';
}
.ty-page .ty-page-prev-disabled,
.ty-page .ty-page-next-disabled{
    cursor: not-allowed;
}
/* 分页 end*/

/**20161014 tree按钮**/

/**未选中禁用**/
.tyc-check-disabled span{
     background:#f3f3f3;
     width: 10px;
     height: 10px;
     display: block;
     border: 1px solid #d8d8d8;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
}
.tyc-check-checkall span{
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
   
}
/**未选全**/
.tyc-check-incomplete span{
    width: 12px;
    height: 12px;
    border: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}

/**展开**/
.tyc-check-expand span{
    width: 12px;
    height: 12px;
    border: 0;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
}
.ty-transfer .chuansuo-search{
    margin-left:30px;
    box-sizing: border-box;
    padding-left:6px;
    height:24px;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    width: 56%;
}
.ty-transfer .chuansuo-btn{
    color:#808080;
    border: 1px solid #d2d2d2;
    background: none;
    padding:0;
    width:10%;
    height:22px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
    background: url(../../img/Searchchuansuo.png);
    background-size:22px;
}
.detail-title {
    padding: 0 10px;
    line-height: 40px;
    background: #bbb;
    font-size: 16px;
}
.detail-left{
    max-height:100%;overflow-y: auto; border-right:1px solid #918981;
}
.detail-l-item{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #c0c0c0;    
    padding: 10px;
    position: relative;
    padding-bottom: 10px;
    font-size: 13px;
}
.detail-l-con {
    width: 100%;
    box-sizing: border-box;
    background: url(../../img/common/detail-left-bg.jpg) repeat-y 25px 0;
    padding: 10px 10px 0 60px;
}


.detail-l-item-icon {
    width:12px;
    height:12px;
    background: #4f7de8;
    position: absolute;
    left: -40px;
    top: 20px;
    display: block;
    border-radius: 50%;
}
.detail-l-item-icon.active{
    left: -42px;
    border:3px solid #81a2f1;
}
.detail-right {
    -width: 57%;
    float: left;
    height: 100%;
    border-left: 1px solid #918981;
    box-sizing: border-box;
    margin-left: -1px;
}
.detail-r-row .order-item {
    width: 100%;
    box-sizing: border-box;
    padding: 0 160px 0 20px;
    line-height: 26px;
    position: relative;
}
/*.detail-r-row .order-item {*/
    /*width: 100%;*/
    /*box-sizing: border-box;*/
    /*padding: 0 160px 0 20px;*/
    /*line-height: 30px;*/
    /*position: relative;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/
.detail-r-row .order-item.del{
    color: #ff646d;
    text-decoration: line-through;
}
.detail-r-row .order-item .num {
    position: absolute;
    right: 80px;
    top: 0;
}
.detail-r-row .order-item .price {
    position: absolute;
    right: 20px;
    top: 0;
    color: #0e90e8;
}
.detail-r-row-b {
    background: #efefef;
    line-height: 30px;
    box-sizing: border-box;
    padding-right: 20px;
    text-align: right;
    color: #0e90e8;
    border-bottom: 1px solid #FFF;
}
.detail-r-row .order-item.address {
    height: 40px;
    line-height: 20px;
}
.detail-r-row .order-item.address .item-r {
    line-height: 20px;
}
.detail-r-row .order-item .item-r {
    position: absolute;
    right: 20px;
    top: 0;
    text-align: right;
}
.ty-transfer-list-search{
    padding: 0px 10px;
    word-spacing: -5px;
}
.transfer-all-check{
    vertical-align: middle;
}
.allCheck{
    margin-left:6px;
}
.sub-right-header-nav .data-title{
    font-size: 13px;
    margin-left:0px;
    text-align: center;
    min-width:100px;
    color:#fff;
    background: #1890ff;
    font-weight: normal;
}
.data-header-nav{
    width:100%;
    box-sizing: border-box;
    padding:0 10px;
    height:40px;
    line-height: 40px;
    font-size: 14px;
    background: #fbfbfb;
    color:#455A74;
}
.second-item {
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 0 6px;
}
.second-item select {
    border-color: #7d91a7;
    color: #7d91a7;
}
.container1{
     margin: 10px auto; 
     width:94%; 
     height: 340px; 
     background: #ccc;
}
.pop-left-div{
    width:170px;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
.pop-left-select{
    width:100%;
}
.runnerForm{
    padding-left:358px;
}
.form-content-l{
    position: absolute;
    left: 10px;
    top:50px;
    height: 100%;
}
.maxheight{
    max-height:560px;
    overflow-y: auto;
}
.sorticon{
    position: absolute;
   right:4px;
    top:14px;
    margin-left:14px;
    width:12px;
    height:14px;
}
.sorticon i{
    line-height: 8px;
    font-size: 14px;
    float: left;
    cursor: pointer;
    color:#bbbbbb;
}
.sorticon i.active{
    color:#1890ff;
}

.current .icon-up{color:#1890ff;}
.current.up .icon-down{color:#1890ff;}
.current.up .icon-up{color:#bbbbbb;}
.brower{
    padding:6px 15px;
    background: #8FB5E8;
    margin-top:-5px;
    color:#fff;
    position:relative;
}
.header-close-btn{
    position:absolute;
    right:-3px;
    top:-3px;
    display: inline-block;
    background: #ff646d;
    padding:2px;
    width:12px;
    height:12px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.barn{
    width:20px;
    vertical-align: text-bottom;
}
.data-up{
    color:#d81e06;
    padding-left:26px;
    background: url('../../img/data-up.png') left center no-repeat;
    background-size: 30px;
}
.data-down{
    color:#0cca19;
    padding-left:26px;
    background: url('../../img/data-down.png') left center no-repeat;
    background-size: 30px;
}
.header-select{
    float: right;
    width:120px;
    margin-top:14px;
    margin-right:40px;
}
.left-header.current{
    background: #1890ff;
}
.menu-btn{
    margin-bottom: 5px;
}
.row-btn-r{
    font-size: 12px;
    border: 1px solid #5B65EC;
    color: #5B65EC;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.row-btn-menu {
    font-size: 12px;
    border: 1px solid #1890ff;
    color: #1890ff;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}
#mobile6 .wtname a{
    color:#fff;
}
.question-icon{background: url('../../img/delivery/icon-question.png') no-repeat center;background-size:15px;width: 15px;height:15px;display: inline-block;margin: 0 5px;}



.btn-pop-list{ float: left;margin-top: 10px;}
.hidden{display: none;}

.select-option{ border: none;}
.barn-shopList{ position: absolute; left: 0; top: 40px; background: #fff; border: 1px solid #c2c2c2; width: 200px;max-height: 250px; overflow-y: auto; z-index: 1; box-sizing: border-box;display: none;}
.barn-shopList.open{ display: block;}
.barn-shopList-item{ line-height: 30px; box-sizing: border-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; padding: 0 10px; cursor: pointer;}


.table td{border:1px solid #c2c2c2; padding: 0 10px;}

.c-brandShow{ float: left; padding-left: 20px;  padding-right: 20px; background: #f8f8f8; color:#1890ff; cursor: pointer;}
.c-brandList{ position: absolute; left: 0; top: 50px; background: #fff; display: none; width: 400px;}
.c-brandList-con{ width: 200px; float: left;  max-height: 300px; overflow: hidden; overflow-y: auto;}
.c-brandList-item{ line-height: 36px;width:100%; box-sizing:border-box;padding: 0 20px;color:rgba(125, 145, 167, 1); height: 36px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 14px;}
.c-brandList-item:hover{ background: #efefef;}
.c-brandList-line{ border-top: 1px dashed #ccc;width: 100%;}
.c-brandList.open{ display: block;}

.printTable {
    overflow-y: auto;
}

.dropbtn{
    display: none;
    /*position: fixed;*/
    /*top: 0;*/
    /*right: 0;*/
    /*left: 0;*/

}

.navleft{
    width: 160px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 24;
}
@media (max-width: 1400px) {


    .new-left{ width: 74px;}


    .content .wrap{ width: 100%; box-sizing: border-box;}
    .sub-right-header{  min-width:0;}
    .content{min-width: 0;}
    .lefter-bottom{ display: none;}
    .righter{ width: 350px;}

    .dropMenu{ left: 74px;}

}

@media (max-width: 1400px) {

    .center {
        padding-left: 0px;

    }

    .center {
        padding-left: 0px;
        
    }

    .closeLeft .center,.center{padding-left: 10px;}
    .closeLeft .lastest-header,.lastest-header{ padding-left: 50px;min-width: 0;}

    .lastest-header{
        z-index: 8;
    }
    .sidemenuSwitch{
        display: none;
    }
    /*.navleft{*/
        /*display: none;*/
    /*}*/
    .navleft{
        display: none;
    }

    .navleft:hover{
        width: 200px;
    }

    /*navleft打开*/
    .navleft.opens{display: block;
        width:200px;
    }
    /*.new-left:hover{*/
        /*width: 200px;*/
    /*}*/
    .new-left.open{

        width:210px;

    }
    /*遮盖层*/
    .div-cloud{
        background:rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index:19 ;
    }

    /*按钮打开*/
    .dropbtn{
        display: block;
    }

    /*按钮隐藏*/
    .dropbtn.hide{
        display: none;
    }


}
#sendFare-form .row-item:first-child .row-item-inner .row-item-delete{ display: none;}
/* 添加商品  */
.product-pic{text-align:center;background-color: #f8f8f8;}
.img-full .product-pic .product-pic-btn-wrap{ display: none;}
.product-pic-item{width: 80px;height:80px;display:inline-block;border:1px solid #ccc;margin-right: 1%;vertical-align: top;position:relative;}
.product-pic-item .img-item-inner{display:block;width:100%;height:100%;overflow:hidden;}
.product-pic-item img{width:100%;}
.form-wrap.img-full .product-pic-btn-wrap{display: none;}
.product-pic-delete{width:20px;height: 20px;border-radius: 20px;display: inline-block;position: absolute;top:-5px;right:-5px;border:1px solid #353535;cursor:pointer;background:#fff url(../../img/input-close-2x.png) no-repeat center;background-size: 10px auto;}
.product-pic-btn-wrap{text-align:center;border-style: dotted;cursor: pointer;}
.product-pic-btn-inner{ position: relative; height: 100%;overflow:hidden;}
.product-pic-btn-img{position: absolute; top:0; left:0; height:100%; width: 100%; background: #ffffff url('../../img/add-product-icon-2x.png') no-repeat center; background-size: 50px auto;}
.product-pic-btn-img:hover{background-image: url('../../img/add-product-icon-hover-2x.png'); }
.product-pic-btn-img img{width: 100%; height: 100%; background-color:#ffffff; }
.product-pic .process-bar{position: absolute; bottom:0;left:0;z-index:20;height:10px;width:100%;}
.product-pic .process-inner{height:100%;width:0;background:#00ff00;}
.product-pic-btn-wrap .upload-input-box{position: absolute; top:0; right:0; height:100%; width: 200%;z-index: 10;}
.edit-upload-form{display:none;overflow:hidden;position:absolute;z-index:50;}
.lte9 .edit-upload-form{display:block;cursor:pointer;}
.upload-input-real{display:block;position: absolute; top:0; right:100%;zoom:2;filter:alpha(opacity=0);height:100%;width:100%;}
.product-pic-btn{display:block;position: absolute; top:0; right:0; height:100%;width:100%;opacity: 0;cursor: pointer;}
.lte9 .store-add-product-pic-btn{right:100%;zoom:2;filter:alpha(opacity=0);}
.searchUl{
    position: absolute;
    z-index: 30;
    background: #fff;
    width: 300px;
    max-height: 200px;
    overflow: auto;
    display: none;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    padding:0 6px;
    font-size: 12px;
    left:130px;
}
.searchUl.open{
    display: block;
}
.searchUl .option-list-item{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 26px;
    border-bottom: 1px solid #fafafa;
}
.searchUl .option-list-item:last-child{
    border-bottom: none;
}

.inputUl{
    position: absolute;
    z-index: 30;
    background: #fff;
    width: 200px;
    max-height: 200px;
    overflow: auto;
    display: none;
    border: 1px solid #bbb;
    box-sizing: border-box;
    font-size: 12px;
}
.inputUl.open{
    display: block;
}
.inputUl .inputLi{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 26px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    padding: 0 6px;
}
.inputUl .inputLi:hover{background: #ccc;}
.inputUl .inputLi:last-child{border-bottom: none;}

.cart {
    padding-top: 5px;
}
.cart .three{ float: right; width: 65px; line-height: 30px; text-align: right;padding-right: 5px;}
.cart .list-btn{width: 30px;  height: 30px;  display: inline-block;  text-align: center;  cursor: pointer;  background: #fff;  color: #323232;  float: left;  line-height: 30px;}
.cart .btn-reduce{background: url("../../img/delivery/reduce-icon-block.png") no-repeat center,#efefef; background-size: 15px}
.cart .btn-add{background: url("../../img/delivery/add-icon-block.png") no-repeat center,#efefef;background-size: 15px}
@media only screen

and (min-device-width : 768px)

and (max-device-width : 1180px)

and (orientation : landscape) {
    .sub-right-header-nav li {
        font-size: 13px;
        margin: 0 4px;
        padding: 0 4px;
    }
    .sub-right-header-nav .item .num{
        right: -4px;
    }
    .sub-page-search {
        width: 70px;
    }
    .order-list li {
        width: 280px;
    }
    .shop-name {
        font-size: 14px;
    }
    .canal {
        width: 50px;
        font-size: 14px;
    }
    .btn-default,.btn-condition{
        padding: 3px 4px;
        font-size: 14px;
    }
    .fenye-detail li.current {
        border-color: #1890ff;
        color: #1890ff;
        display: block;
    }
    .fenye-detail li {
        display: none;
    }
    .fenye-detail .prev, .fenye-detail .next{
        display: block;
    }


}