@charset "utf-8";
.table > tbody + tbody {border-top: 1px solid #ddd;}
/*tab切换*/
.tabmenu {display: block; width: 100%; height: 38px; margin-bottom: 10px; position: relative;}
.tabmenu .tab { font-size: 0px; height: 36px;border-bottom: 1px solid #E7E7E7;}
.tabmenu .tab li { vertical-align: top;letter-spacing: normal; word-spacing: normal;display: inline-block; margin-right: -1px;}
.tabmenu .tab a { font-family: "microsoft yahei";font-size: 14px; line-height: 20px; color: #333;  display: block;  padding:7px 25px 8px; text-align: center;}
.tabmenu .tab .active a, .tabmenu .tab .active a:hover {font-weight: 600;text-decoration: none; color:#58B4FF; border-bottom: 2px solid #58B4FF; cursor: default;}

/*权限相关*/
.col-sm-13, .col-sm-14 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left;}
.col-sm-14 { width: 88%;}
.col-sm-13 { width: 12%;}
@media (max-width:480px){.col-sm-14 { width: 100%;} .col-sm-13 { width: 100% !important;}}
@media (max-width:768px){.col-sm-14 { width: 100%;} .col-sm-13 { width: 100% !important;}}

/***********************权限模块样式***************************/
.authset-all{ border: 1px solid #DDD; margin-bottom: 20px;}
.authset-all .authset-title-h5{background: #FAFAFA; font-size: 18px;font-weight: 600;color: #333;padding: 10px 0 10px 12px;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #ddd;}
.authset-all .authset-title-h5:first-child{ border-bottom:1px solid #e9e9e9; border-top:0px;}
.authset-all .form-group-t{ display: inline-block; width: 100%;	}
.authset-all dt.tit{ font-size: 14px; line-height: 40px; color: #555; background-color: #FAFAFA; height: 40px; padding: 0px 10px; font-weight: normal;
 border-bottom: 1px dotted #DDD; border-top: 1px dotted #DDD;}
.authset-all .simple-form-field:first-child dt.tit{ border-top:none;}
.authset-all dt.tit label{ font-weight: normal; cursor: pointer}
.authset-list{ width: 100%; height: auto; display: inline-block; clear: both; border-bottom: 1px dotted #DDD; padding: 10px 0px; margin: 0px;}
.authset-list:last-child{ border-bottom:0px;}
.authset-list label{cursor: pointer; text-align:left !important;padding-left: 30px; padding-right: 0;}
.authset-list label.text-r{ text-align:right !important}
.authset-list .col-sm-13 span{text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden; width:100px;}
.authset-list:hover{ background: #F3FCF9;}	
.authset-list.authset-list-last{ border: none;}
.authset-list .control-label-t{ text-align: left !important;}
.authset-list .authset-detail{ padding-left:140px; position:relative;}
.authset-list .authset-detail .authset-label{ display: inline-block; position: absolute; left: 25px; top: 7px;}
.authset-list .authset-detail .authset-label span{float: left; font-size: 12px; line-height: 20px; color: #666; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 120px; height: 20px; margin-bottom: 5px; text-align: left;}
.authset-list ul.authset-section{ display: inline-block; border-left: dotted 1px #CCC; }
.authset-list ul.authset-section li{ float: left; font-size: 12px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 190px; height: 20px; margin-bottom: 5px; padding-left: 30px; text-align: left; }
.authset-list ul.authset-section li label{ cursor: pointer; font-weight: normal; padding-left: 0;}
.authset-all input{ display: inline-block; zoom: 1; vertical-align: middle;  margin: -2px 5px 0 !important; cursor: pointer;}
.simple-form-submit{ height:32px;}
@media (max-width:768px){ .authset-table-responsive{ border: none;}}

/**************************清理缓存******************************/
.clear-cache{ background-color: #FAFAFA; font-size: 14px; height: 40px; line-height: 40px; color: #555; padding: 0px 10px; font-weight: normal; border-width: 1px 0px 1px 0px; border-style: dotted; border-color: #DDD;}
.clear-cache-list{ width: 100%; height: auto; display: inline-block; clear: both; border-bottom: 1px dotted #DDD; padding: 15px 0px 10px; margin: 0px;}
.clear-cache-list label{cursor: pointer; }
.clear-cache-list label input{ margin-right: 5px; margin-top: 0px; vertical-align: middle;}
.clear-cache-list label span{ vertical-align: middle}
.clear-cache-list:hover{ background: #F3FCF9;}	
.clear-cache-list.clear-cache-list-last{ border: none;}
.clear-cache-list .control-label-t{ text-align: left;}
.clear-cache-list ul.clear-cache-section{ display: inline-block; border-left: dotted 1px #CCC; }
.clear-cache-list ul.clear-cache-section li{ float: left; font-size: 12px; height: 20px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block; width: 135px; height: 20px; padding-left: 30px; text-align: left; }
.clear-cache-list ul.clear-cache-section li label{ cursor: pointer; font-weight: normal; }

/*树形结构菜单*/
#list-table tr td img,.treeTable .icon-image { cursor: pointer; margin-right:10px;}

/*添加预设评论*/
.choose-goods .comment-goods-list { margin-top: 10px; border: 0;}
.choose-goods .comment-goods-list li { background-color: #fcf8e3; width: 300px; border: solid 1px #fbeed5; position: relative; z-index: 1; margin: 0 10px 10px 0; font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;}
.choose-goods .comment-goods-list li:hover{ border: solid 1px #F7DCAA;}
.choose-goods .comment-goods-list li .pic-thumb { width: 40px; height: 40px; padding: 4px; float: left; display:inline-block}
.choose-goods .comment-goods-list li .pic-thumb span { line-height: 0; background-color: #FFF; text-align: center;vertical-align: middle; display: table-cell; *display: block; width: 32px; height: 32px; overflow: hidden;}
.choose-goods .comment-goods-list li .pic-thumb span img { max-width: 32px; max-height: 32px;}
.choose-goods .comment-goods-list li dl { width: 240px; height: auto; float: left; margin: 4px 0 2px 4px;}
.choose-goods .comment-goods-list li dt { color: #c09853; text-overflow: ellipsis; white-space: nowrap; display: block; width: 240px; height: 20px; overflow: hidden; font-weight: 100; float: left; font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal}
.choose-goods .comment-goods-list li dd {color: #c09853;display: block;}
.choose-goods .comment-goods-list li dd .text { width: 40px; height: 18px; padding: 0 2px;}
.choose-goods .comment-goods-list li .gift-del,a.gift-del { font: 200 14px/16px Arial;color: #FFF;background-color: #F30;text-align: center;width: 18px;height: 18px;position: absolute;z-index: 1;right: -8px;top: -8px;border-radius: 99%;/*transform: scale(0);opacity: 0;*/transform-origin: 50% 0% 0px;transition: all 300ms ease-in-out 0s; z-index:2;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}


/*****************************会员模块样式****************************/
/*会员列表温馨提示认证图标*/
.explanation .explain-panel .prompt-icon{width:50%; display:inline-block;}
@media (min-width:468px) {.explanation .explain-panel .prompt-icon{ width:32%;}}
@media (min-width:768px) {.explanation .explain-panel .prompt-icon{width:32%;}}
@media (min-width:992px) {.explanation .explain-panel .prompt-icon{width:15%;}}
@media (min-width:1200px) {.explanation .explain-panel .prompt-icon{width:12%;}}
.explanation .explain-panel .prompt-icon i{ font-size:16px;}
.explanation .explain-panel .prompt-icon i.fa-mobile{ font-size:20px;}

/*会员信息*/
/*头像*/
.userPicBox{ position:relative;width: 60px;height: 60px;border-radius:1px; background-color: #FFF; box-sizing: border-box; padding: 2px; border: 1px solid #eee; display: flex; align-items: center; justify-content: center;}
.userPicBox .user-avatar {vertical-align: middle; display: inline-block; max-width:100%; max-height:100%; }
.user-source{ background:#fff;opacity:0.6;color:#333; display:block; position:absolute; bottom:0px; width: 100%; font-size:12px;text-align: center;}
.user-label{ width:60px;font-size: 12px;text-align: center; background:#67C1FF; color:#fff; display:inline-block}
.user-label.person{ background:#67C1FF}
.user-label.store { background:#6DD26A}
.user-label.dot { background:#1ABB9C} 
.user-label.shopkeeper { background:#FF9F24}

/*鼠标经过显示个人信息*/
.userPicBox .user-info{ position:absolute;left:55px;top:-50px; z-index:12; border:1px solid #ccc; background:#fff; display:block; padding:5px 10px 15px; box-shadow: 0px 0px 0px 2px rgba(187,187, 187, 0.15);width:680px; text-align:left;display:none; }
.userPicBox .user-info ul{ border-right:1px dotted #e6e6e6; padding:0 10px 0 0; }
.userPicBox .user-info ul li.user-title{ border-bottom:1px dotted #eee; margin-bottom:5px; padding-bottom:5px; clear:both}
.userPicBox .user-info ul li.user-title h5{ line-height:28px; color:#f60;}
.userPicBox .user-info ul:last-child{ border-right:none; padding:0 0 0 10px;}
.userPicBox .user-info ul .control-label{ text-align:right;vertical-align: top;width:115px;display: inline-block; margin-right:5px}
.userPicBox .user-info ul .form-group{ margin-bottom:0px; float: left; display: inline-block; width: 50%; line-height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.userPicBox .user-info .user-credentials{ width:130px; height:auto; border:1px solid #e6e6e6;}
.userPicBox .user-info .fa.fa-shield,.ng-binding .fa.fa-shield{ color:#F0B719; font-size:16px;}
.userPicBox:hover .user-info{ display:block;}
.userPicBox .user-label{position: absolute; bottom: -25px;}

/*表格内多行内容样式*/
.table .ng-binding span{ display: block; text-align: left; margin-bottom:2px; line-height:18px;}
.table .ng-binding span:nth-last-child(1){ margin-bottom:0;}
.table td.handle .ng-binding span { line-height:normal }
.table .ng-binding span.name{text-overflow: ellipsis;white-space: nowrap;display:block;overflow: hidden; max-width: 230px;}
.table .ng-binding span.mail i,.table .ng-binding span.tel i,.explain-panel .prompt-icon i{ color:#aaa; font-size:13px; width:15px; text-align:center;}
.table .ng-binding span.yes i,.explain-panel .prompt-icon.yes i{color:#1B9AF7;}
.table .ng-binding span .fa.fa-tablet,.explain-panel .prompt-icon i.fa-tablet{ font-size:20px; text-align:center;}
.table .ng-binding span .fa.fa-exclamation{ text-align:center}
.table .ng-binding.user-message  i.card,.form-group  i.card,.explain-panel .prompt-icon i.card{ width:23px; height:20px; background:url(../images/common/combine_img.png) -29px -1px no-repeat; display:inline-block;}
.table .ng-binding.user-message .yes i.card,.form-group .yes i.card,.explain-panel .prompt-icon.yes i.card{ background-position:-3px -1px;}
.table .ng-binding span.group em {padding: 1px 5px; background: green; color:#fff; margin-right: 5px; font-size: 12px;}
/*用户信息展示*/
.user-message{ display:inline-block; float:none;}
@media (min-width:468px) {.user-message{ display:inline-block; float:none;}}
@media (min-width:768px) {.user-message{ display:inline-block; float:left;}}
@media (min-width:992px) {.user-message{ display:inline-block; float:left;}}
@media (min-width:1200px) {.user-message{ display:inline-block; float:left;}}

/*表格中第一、第二条与倒数第一、倒数第二条展示位置样式控制*/
.table tr:nth-last-child(1) .userPicBox .user-info,.table tr:nth-last-child(2) .userPicBox .user-info{top:auto; bottom:0px;}
.table tr:nth-child(2) .userPicBox .user-info,.table tr:nth-child(3) .userPicBox .user-info{ top:-50px; bottom:auto;}

/*标签样式*/
.labelBox { display:inline-block;}
.labelBox .label-item {display: inline-block;position: relative; padding: 3px 10px; margin-left: 10px; margin-top: 8px; border: 1px solid #BBB; float: left; cursor: pointer; font-size: 12px; color: #999; background: #fff;}
.labelBox .label-item i.fa {display: none; height: 12px; width: 12px;padding: 0px; position: absolute; bottom: -1px; right: -1px; background-color: #F23F40;  color: #FFF; font-style: normal; font-size: 14px; margin:0;text-align: center;}
.labelBox .label-item:hover i.fa {display: inline-block;}
.labelBox .label-item.add-label { padding: 3px 10px; border: 1px dashed #ff4401; color: #ff4401; cursor: pointer; display:inline-block;}
/*会员标签的标签方式*/
.condition-box{ border-top:1px solid #eee; margin-top:10px; padding-top:10px;}
.condition-box dl{ float:left; display:inline-block; width:50%; margin-bottom:5px;}
.condition-box dl dt{ margin-bottom:5px;}
.condition-box p span.help-block-t{ margin-left:20px; font-weight:300;}
/*会员等级*/
.user-level{display: inline-block; width: 32px;height: 32px; position: relative; z-index: 1;border: 1px solid #e8e8e8;}
.rank{height: 16px;}


/***************************商品模块样式****************************/
/*合并单元格用到的虚线边框*/
.table tbody tr td.table-merge { border: none; text-align:left !important; padding: 4px 0px !important;}
.table tbody tr td.table-merge div.border-dashed{ width: 100%; height: 1px; border-top: 1px #ddd dashed; margin-top: -4px;}

/*商品图片*/
.goodsPicBox{ width: 60px; height: 60px; border-radius:1px; float:left;}
.goodsPicBox a{ position: relative; display: inline-block;width:100%; height:100%;}
.goods-type{ background: #C282E3; color: #333; display: block; position: absolute; top:0px; left: 0px; width: 32px; height: 18px; line-height: 18px; font-size: 12px; color: #fff; text-align: center}
.goods-type.fictitious{background: #C282E3;}
.goods-type.service{background: #1FC9A5;}
.goodsPicBox .goods-thumb,.show-img {background-color: #FFF; vertical-align: middle; display: inline-block; width: 60px; height: 60px; padding: 2px; border: 1px solid #eee;}


/*商品名称及二维码等*/
.goods-message { float: left;}
.goods-message div { text-align: left;}
.goods-message div a:hover, .goods-message div a.hover { color: #58B4FF;}
.goods-message div.name { max-width: 230px; height: auto; margin-bottom: 3px;-webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; word-break: break-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.goods-message div.active{ width: 100%; height: 20px; display: inline-block;}
.goods-message div.active div { float: left; margin-right: 3px;}
.goods-message div.active div.goods-mobile.open a, .goods-message div.active div.goods-mobile.open a:hover { color:#58B4FF;} 
.goods-message div.active div.goods-mobile a:hover { color: #666;}
.goods-message div.active div.goods-mobile .fa.fa-tablet { font-size: 18px; margin-right: 5px;}
.goods-message div.active div.QR-code { position: relative; }
.goods-message div.active div.QR-code .code-info{ position: absolute; left: 20px; top: -18px; z-index: 9; width: auto; padding: 8px; background: #FCF8E3; border: 1px #fce3b3 solid; border-radius: 4px; display: none;}
.goods-message div.active div.QR-code:hover .code-info{ display:block;}
tbody tr:nth-last-child(1) .goods-message div.active div.QR-code .code-info{ top:-60px;}
.goods-message div.active div.QR-code .code-info i{ position: absolute; left: -6px; top: 18px; color: #fce3b3;}
tbody tr:nth-last-child(1) .goods-message div.active div.QR-code .code-info i{ top:62px;}
.goods-message div.active div.QR-code .code-info a { line-height: 20px; display: block; text-align: right; margin-bottom: 5px; color:#58B4FF}
.goods-message div.active div.QR-code .code-info p { line-height: 0px;background-color: #FFF; text-align: center; vertical-align: middle; width: 120px; height: 120px; overflow: hidden;}
.goods-message div.active div.QR-code .code-info  img { width: 90px; height: 90px; margin: 15px;}
.goods-message div.active div.QR-code .fa.fa-qrcode { font-size: 17px;}

/*商品参加的活动*/
.act-type,.product-label { margin-right: 5px; display:inline-block; float:none; margin-bottom: 5px;}
.act-type, .product-label,.import-label{ cursor: default; padding: 1px 5px; border-radius: 2px; color: #fff !important; background: #5cb85c;}
.act-type.reachbuy{ background: #5cb85c;}/*堂内点餐*/
.act-type.bargain{background:#FECE00}/*砍价*/
.act-type.exchange,.product-label.young{ background: #F0AA4A;}/*积分*/
.act-type.auction,.product-label.info{ background: #1B9AF7;}/*拍卖*/
.act-type.pre-sale{ background:#4FE0D1;}/*预售*/
.act-type.zero-buy,.product-label.red{ background: #F23F40;}/*0元购*/
.act-type.crowdfund,.product-label.success{ background: #FA8E1D;}/*众筹*/
.act-type.freebuy,.product-label.freebuy{ background: #0DBC92;}/*自由购*/
.act-type.group-buy,.product-label.warning{ background: #FF4F13}/*团购*/
.act-type.fight-group{background:#FA8E1D}/*拼团*/
.act-type.gift,.product-label.gift{ background: #F5B419;}/*普通赠品*/
.act-type.full-cut,.act-type.full-gift,.fullcut-tip span{ background:#F12711;}/*满减送、满减送赠品*/
.fullcut-tip { color: #f12711;}/*满减送、满减送赠品*/
.act-type.full-discount{ background: #f12711;}/*满件、满件送赠品*/
.act-type.limited-discount,.import-label{ background: #FD7622;}/*限时折扣*/
.act-type.goods-mix,.act-type.set-meal{ background: #FF646A;}/*搭配套餐*/
.act-type.new-exclusive{ background: #FF0000;}/*堂内点餐*/
.act-type.service,.product-label.service{ background: #1FC9A5; }/*服务*/
.act-type.fictitious,.product-label.fictitious{ background: #C282E3; }/*虚拟*/
.act-type.service,.product-label.service{ background: #1FC9A5; }/*服务*/
.act-type.product-lib,.product-label.product-lib{ background: #FA8E1D; }/*云产品库*/
.act-type.fixed-price{ background: #ff9460;}/*一口价*/
.act-type.gift-card{background: #57BCFF}/*礼品卡*/
.act-type.live{background: #FE5993}/*直播*/
.act-type.goods-mix{ background:#FF646A}/**/
.act-type.purchase{background:#7676F2}/*限购*/
.act-type.seckill { background: #fa7277; }/*秒杀*/
.act-type.cash-back { background: #FF9F24;}/*返现*/
.act-type.second-half-price { background: #fa035a;}/*第"2"件半价*/
.act-type.member_price,.act-type.user-vip{ background: #f56456;}/*会员价*/
.act-type i.fa-angle-double-right{ margin-left: 5px; margin-top: -2px;}
.model-label{ padding: 0px 4px; margin-right:2px; position:relative; border:1px solid #FF7F00; border-radius: 2px; color:#FF7F00; background: #FFF7D9}
.model-label.blue{ border-color:#63B2DE; color:#3C9FD5; background:#F2FAFD;}
/*促销活动弹层*/
.popover-box.pro-sale .popover-info ul li{ min-width: 305px;}
/*SKU商品弹层*/
.modal-body .table-responsive { max-height: 330px; overflow-y: auto;}
.table tbody tr td.sku-goods-img img{ width: 30px; height: 30px;}


/****************************商品发布样式*********************************/
/*发布流程步骤提示*/
.add-goods-step { font-size: 0; background-color: #FFF; *word-spacing:-1px/*IE6、7*/; margin: 10px 0 20px 20px; overflow:hidden }
.add-goods-step li { color: #CCC; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; width:100%; height: 50px; position: relative; z-index: 1; float:left;}
@media (min-width:468px) {.add-goods-step li{ width: 50% !important}}
@media (min-width:768px) {.add-goods-step li{ width: 50% !important}}
@media (min-width:992px) {.add-goods-step li{ width: 25% !important}}
@media (min-width:1200px) {.add-goods-step li{ width: 25% !important}}
.add-goods-step li { *display: inline/*IE6,7*/; zoom: 1;}
.add-goods-step li i.step { font-size: 32px; line-height: 50px; text-align: center; width: 40px; height: 50px; position: absolute; z-index: 1; top: 0; left: 5px;}
.add-goods-step li h6 { font-size: 11px; line-height: 16px; position: absolute; z-index: 1; top: 0; left: 50px; -webkit-text-size-adjust:none;}
.add-goods-step li h2 { font-size: 22px; font-weight: lighter; line-height: 30px; color: #CCC; position: absolute; z-index: 1; top: 16px; left: 50px;}
.add-goods-step li i.fa-angle-right { font-size: 20px; line-height: 50px; color: #CCC; text-align: center; width: 20px; height: 50px; position: absolute; z-index: 1; top: 0; right: 0;}
.add-goods-step li.current, .add-goods-step li.current h2 { color:#2589FF;}
/* 发布商品第一步-选择分类 */
.content{ position: relative;}
.content .category-search{ background-color: #FAFAFA; height: auto; padding: 10px 0px 10px 140px; margin: 10px auto; border: solid 1px #E6E6E6;}
.content .category-search .simple-form-field{ display: inline-block; }
.content .category-search .simple-form-field .form-group{ margin: 0px;}
.content .category-search .control-label{ width:150px; text-align:right; margin-right:10px;}
.content .category-search .form-control-wrap { display: inline-block; vertical-align: middle;}
.content .category-search .form-control-wrap input.form-control,.table-content .content .category-search .simple-form-field .form-group .form-control-wrap .chosen-container{ width: 425px !important; max-width: 425px !important;}
.content .goods-info-one { background-color:#FcFcFc; height:auto; padding:15px 20px 10px; margin: 10px auto; border: solid 1px #E6E6E6; position:relative; z-index: 1;}
/*发布商品第一步-选择分类-分类路径 */
.content .goods-info-one .choose-category{ font-size: 0; *word-spacing:-1px/*IE6、7*/; overflow: hidden;}
.content .goods-info-one .choose-category .final-catgory { color: #FF7B24; background-color: #FFFFCC; padding: 7px 25px; margin: 0px auto; border: 1px solid #ffcc7f; font-size: 14px;}
.content .goods-info-one .choose-category .final-catgory i { font-size: 14px; margin-right: 4px; vertical-align: middle;}
.content .goods-info-one .choose-category .final-catgory dl { font-size: 12px; *word-spacing:-1px/*IE6、7*/; text-align:left; overflow: hidden;}
.content .goods-info-one .choose-category .final-catgory dl dd, .content .goods-info .choose-category .final-catgory dl dt { vertical-align: top; letter-spacing: normal; word-spacing: normal; white-space: nowrap; display: inline-block; *display: inline/*IE6,7*/; zoom:1;}
.content .goods-info-one .choose-category .final-catgory dl dt { font-weight: 600; display: inline-block; vertical-align: top;}
.content .goods-info-one .choose-category .final-catgory dl dd i { margin: 0 5px;}

/*分类搜索列表展示*/
.choose-category-search-list{padding: 0px 20px;}
.choose-category-search-list .choose-category-search-title{ font-size:13px; color:#333;}
.choose-category-search-list .choose-category-search-title em.num{ font-style:normal; margin:0px 5px; color:#f60;}
.choose-category-search-list .choose-category-search-title .btn.pull-right{ margin-top:-3px;}
.choose-category-search-center{ background:#fff; height:300px; overflow-y:auto; padding:20px; margin:10px auto; width:100%; border:1px solid #eee;}
.choose-category-search-center ul li a{ display:block; text-decoration:none; padding:3px 20px; border:1px solid transparent; font-size: 12px;}
.choose-category-search-center ul li a:hover,.choose-category-search-center ul li a.selected{ cursor:pointer; color: #22BAA0; background: #EEF7FF; border: 1px solid #BCE8F1;}
.choose-category-search-center ul li a em{ margin:0px 7px; font-size:14px; font-style:normal;}
.choose-category-search-center ul li a i{ margin-right:15px; width: 20px; display: inline-block; text-align: right;}
.choose-category-search-center .no-data-page{ margin:90px auto 30px;}
/*商品分类展示*/ 
.choose-category .final-catgory dl dd span .select-category{background: #1B9AF7 !important; border-color: #078AEB !important; color: #fff !important; cursor: pointer; text-decoration: none; text-align: center; padding: 3px 10px; border-radius: 2px; margin-left: 10px;}
.choose-category-list { width: 100%; background: #FFF; display: inline-block; margin: 10px 0px; border: solid 1px #E6E6E6; float:left}
@media (min-width:468px) {.choose-category-list{ width: 32%; margin: 10px 2% 5px 0px;}}
@media (min-width:768px) {.choose-category-list{ width: 32%; margin: 10px 2% 5px 0px;}}
@media (min-width:992px) {.choose-category-list{ width: 32%; margin: 10px 2% 5px 0px;}}
@media (min-width:1200px) {.choose-category-list{ width: 32%; margin: 10px 2% 5px 0px;}}
.choose-category-list { *display: inline/*IE6,7*/;}
.choose-category-list-last { margin-right: 0;}
.grade-category-list{ width: 100%; height: 280px; padding: 8px ; margin:0;}
.grade-category-list.blank { background-color: #F0F0F0;}
.grade-category-list.blank .category-list{ display:none;}
.category-list { height: 268px; overflow: hidden; position: relative; z-index: 1;}
.category-list .category-info-search { position: relative; margin-bottom: 2px;}
.category-list .category-info-search i{ position: absolute; top: 8px; left: 8px; font-size: 16px; color:#58B4FF;} 
.category-list .category-info-search input{ text-indent: 20px;}
.category-list ul.category-list-name { max-height: 236px; overflow:hidden;overflow-y: auto;height: 236px;}
.category-list ul.category-list-name li { clear: both;}
.category-list ul.category-list-name li a {line-height: 20px;  text-align: left;/*line-height: 220px; text-align: center; */ font-size: 12px; color: #666; display: block; padding: 4px 15px; margin: 0px; overflow:hidden; border:1px solid transparent; text-decoration: none; }
.category-list ul.category-list-name li a.category-name{line-height: 20px;  text-align: left;}
.category-list ul.category-list-name li a.null-chosen{ padding:100px 0; text-align:center;}
.category-list ul.category-list-name li a i { font-size: 12px; display: none;}
.category-list ul.category-list-name li a.classDivClick { color: #1B9AF7; background: rgba(93,178,255,.1); display: block; margin: 0; border: solid 1px #d5e4fa;}
.category-list ul.category-list-name li a.classDivClick i { font-size: 14px; display: block; margin-left: 6px; margin-top: 3px; float: right;}
.category-list ul.category-list-name li a:hover {text-decoration: none;}
.category-list-two ul.category-list-name li{ position: relative;}
.category-list-two ul.category-list-name li span{ float: left; background: #bbb; color: #FFF; display: inline-block; font-style: normal; font-size: 12px; height: 16px; line-height: 16px; text-align: center; text-transform: uppercase; width: 16px; position: absolute; margin-left: 10px; margin-top: 7px; overflow: hidden;}
.category-list-two ul.category-list-name li ul li a{ padding-left:35px}

/*发布商品第二步——商品详情*/
.content .goods-info-two h5,.table-content > h5{margin: 10px auto; padding:12px 15px !important;background-color: #f8f8f8 !important;height: 44px !important;color: #333;line-height: 18px; border: none !important;}
.content .goods-info-two h5::before,.table-content > h5::before { content: ""; display: inline-block;  width: 3px; height: 12px; position: relative;top: 1px; background: #f60; margin-right: 5px;}
.table-content > h5.m-t-0:nth-of-type(1){ margin-top:-20px !important;}
.table-content .issued-success-content h5{ background:none; padding:0; margin:0; border:none;}
.content .goods-info-two .upload-thumb{ width: 163px; height: 163px; border: 1px #ddd solid; border-radius: 2px; }
.content .goods-info-two .upload-thumb img{ cursor: pointer; width: 150px; height: 150px}
.content .goods-info-two .upload-thumb-buttom .file-attach-1{ border: 1px solid #1B9AF7; background: #1B9AF7; color: #fff;}
.content .goods-info-two .goods-attr, .content .goods-info-two .goods-spec, .content .goods-info-two .goods-freight,.model-attr{ padding:10px; background: rgba(93,178,255,.1); border: 1px solid #BCE8F1; min-width: 650px;}
.content .goods-info-two .goods-attr-model{background:#fff; border:1px solid #eee; padding:10px 10px 5px; position:relative;}
.content .goods-info-two .goods-attr-model-delete{ color:#FFF; width:24px; height:24px; border-radius:99%; display:block; position:absolute; right:-10px; top:-10px; font-size:18px; text-align:center; background:#FF6262;line-height: 22px; cursor:pointer;}
.table-content .form-group .control-label-goods input.form-control{ height: 25px; line-height: 25px; text-align: right; color: #666;}
.table-content .form-group .add-goods-spec input.form-control{ height: 25px; line-height: 25px; color: #666;}
.table-content .form-horizontal .form-group .goods-spec .control-label-spec{ height: 28px; padding-top: 7px; margin-right: 8px; cursor:pointer;}
.form-horizontal .control-label.control-label-goods, .form-horizontal .form-group .goods-spec .control-label.add-goods-spec{ padding-top: 3px;}
.content .goods-info-two .goods-spec .table-responsive .table{ margin-bottom: 0px;}
.content .goods-info-two .goods-spec .table-responsive .table thead tr th{ color: #ffffff; background: #48CFAE; padding: 10px 5px; cursor: default;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td{ color: #999; padding: 10px 5px;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index,.sku-td-index { position:relative;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index a,.sku-td-index a{ width:18px; height:18px; text-align:center; border-radius:99%; background:#6DD26A; color:#fff !important; font-size:16px; line-height:18px; z-index:9; display:block; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px; visibility:hidden; cursor:pointer;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index a.allow-btn,.sku-td-index a.allow-btn{background:#6DD26A; font-size:13px;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index a.allow-btn:hover,.sku-td-index a.allow-btn:hover{ background:#50CA4D;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index a.del-btn,.sku-td-index a.del-btn{background:#FB5240;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index a.del-btn:hover,.sku-td-index a.del-btn:hover{background:#FB402B;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr > td.sku-td-index.more a{ display: none !important; visibility:hidden !important;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr:hover > td.sku-td-index.more { text-indent: 0;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr:hover > td.sku-td-index,.table > tbody > tr:hover > td.sku-td-index{ text-indent:-9999px;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr:hover > td.sku-td-index a,.table > tbody > tr:hover > td.sku-td-index a{ visibility:visible; text-indent:0 !important;}
.content .goods-info-two .goods-spec .table-responsive .table > tbody > tr.disabled td,.table > tbody > tr.disabled td{ background:#f5f5f5;}
.content .goods-info-two .goods-spec .table-responsive .table tfoot tr td{padding: 10px 5px;}
.content .goods-info-two .goods-spec .table-responsive .table tbody .form-control{ height: 24px; padding: 2px 6px;}
.content .goods-info-two .goods-attr .goods-attr-tit,.model-attr .model-attr-tit{border-bottom:solid 1px #22BAA0;  margin-bottom:15px;}
.content .goods-info-two .goods-attr .goods-attr-tit span,.model-attr .model-attr-tit span{padding: 5px 10px;font-size: 13px;font-weight: 700; display: inline-block; background: #22BAA0; color: #fff; font-size:13px;  font-weight:700;}
.other-attrs-list .other-attrs-item .form-group{ margin-bottom:0px;}

/*规格备注新加*/
.spec-title{margin-bottom: 5px;overflow: hidden;}
.spec-title span{ display:inline-block; font-weight: 600;}
.spec-title span.c-999{ font-weight:500;}
.default-choosen{ margin-top:7px;}
.goods-spec  .col-sm-9 label,.goods-spec .simple-form-field.goods-spec-item .form-group .spec-values .control-label.w100{white-space: nowrap;display: inline-block; text-align:left;}                                                 
.goods-spec .simple-form-field.goods-spec-item .form-group .spec-values .control-label.w100{ width:165px !important; min-height: 30px; overflow: hidden; line-height: 22px; vertical-align: top; }
/*.goods-spec .simple-form-field.goods-spec-item .form-group .spec-values .control-label i.fa{ cursor:pointer; visibility:hidden}
.goods-spec .simple-form-field.goods-spec-item .form-group .spec-values .control-label:hover i.fa{ visibility:visible;}*/
.goods-spec .simple-form-field.goods-spec-item .form-group .control-label.w100 .text-intercept{width: 72px; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
.goods-spec .simple-form-field.goods-spec-item .form-group .control-label.w100 .v-name{overflow: hidden; text-overflow: ellipsis;  display: inline-block; vertical-align: middle; width: 155px;}
.color-note-text { color: #BBB; position: absolute; display: block;  border: 1px solid #DDD; background-color: #F4F4F4;  line-height: 19px; padding: 0px 2px; visibility: visible;}
.color-note { width: 60px; margin: 0px 0px 5px 31px; height: 21px; line-height: 16px; padding: 3px 2px 0px 3px;display: block;visibility: visible;}
.goods-spec .simple-form-field.goods-spec-item{ padding-top:10px; border-top:1px solid #ececec;}
.goods-spec .simple-form-field.spec-title-box{ background: #22BAA0;border: 1px solid #22BAA0; color: #fff; padding: 5px 0;}
.goods-spec .simple-form-field.spec-title-box .form-group{ margin-bottom:2px;}
.goods-spec .simple-form-field.spec-title-box .form-group label{ font-weight:700; cursor:pointer;}
.goods-spec .simple-form-field.spec-title-box .form-group .spec-values-item{  display:inline-block; width: 140px; float:left; margin-right:5px;}
.goods-spec .simple-form-field.spec-title-box .form-group .spec-values-item label{ margin-right:3px; vertical-align:middle;}
.goods-spec .simple-form-field.spec-title-box .form-group a.default-spec{ font-weight:400; color:#fff; visibility:hidden;vertical-align: bottom;border-radius: 2px;padding: 0px 3px;}
.goods-spec .simple-form-field.spec-title-box .form-group a.default-spec:hover{ text-decoration:underline;}
.goods-spec .simple-form-field.spec-title-box .form-group .spec-values-item:hover  a.default-spec{ visibility:visible}
.goods-spec .simple-form-field.spec-title-box .form-group .spec-values-item.selected a.default-spec{ visibility:visible; color:#FFF; text-decoration:none;background: #FF814A;}
.goods-spec-style .simple-form-field{ padding: 10px 0px;}
.goods-spec-style .goods-spec-style-title{ background: #fbfbfb; padding: 8px 0;}
.goods-spec-style .goods-spec-style-title .select-popover-wrapper{ width: 100px !important;}
.goods-spec-style .goods-spec-style-title .select-popover-wrapper .select-remove{ display: none !important;}
.goods-spec-style .simple-form-field .select-popover-wrapper{ width: 150px; display: inline-block; margin-right:5px; margin-bottom: 5px;}
.goods-spec-style .form-group{ margin: 0;}
.goods-spec-style .goods-spec-item{ background: #fff; position: relative;}
.goods-spec-style .goods-spec-item .goods-spec-move{ position: absolute; right: 11px; top: 11px; display: none;}
.goods-spec-style .goods-spec-item .c-blue{ height: 30px; line-height: 30px; display: inline-block;}
.goods-spec-style .goods-spec-item:hover .goods-spec-move{ display: block;}
.goods-spec-style .goods-spec-bottom{ padding: 10px; background: #fff; }


/*规格拖拽样式*/
.ui-droppable .goods-spec-item.drop-item{padding-bottom: 5px; cursor:move; position:relative; border: 2px solid transparent; display: block; }
.ui-droppable .goods-spec-item.drop-item .form-group{ margin-bottom:0px;}
.ui-droppable .goods-spec-item.ui-sortable-handle.ui-sortable-helper{ background:#EEF7FF; overflow: hidden;}
.ui-droppable .goods-spec-item.ui-sortable-handle.ui-sortable-placeholder{ border:2px dashed #FF9562; border-radius:2px; width:100%; min-height: 60px; background:#FFF8F4; text-align:center; display:block; visibility:visible !important}
.ui-droppable .goods-spec-item.drop-item:hover,.ui-droppable .goods-spec-item.drop-item.editing{ border: 2px dashed rgba(255,102,0,0.8); }
.ui-droppable .goods-spec-item.drop-item .actions-box{ position:absolute; right: 0; top:0px; display:block;}
.ui-droppable .goods-spec-item.drop-item .actions-box span.actions-btn{ cursor:pointer; padding: 2px 6px; display:inline-block; float:left; background:#58B4FF; font-size: 12px; margin-left:2px; color: #fff; visibility:hidden}
.ui-droppable .goods-spec-item.drop-item:hover .actions-box span.actions-btn i.fa{ margin-top:-2px;}
.ui-droppable .goods-spec-item.drop-item:hover .actions-box span.actions-btn{ visibility:visible;}

/**/
.goods-attr-model-title{ overflow:hidden; margin-bottom:10px; }
.goods-attr-model-title .goods-attr-model-img{ float:left;display:inline-block; margin-right:10px;}
.goods-attr-model-title .goods-attr-model-img i{ height:82px; width:82px; display:block; background:url(../images/common/icons.png) no-repeat -1px -81px;}
.goods-attr-model-title .goods-attr-model-img i.goods-attr-label,.goods-attr-model-title .goods-attr-model-img i.custom-spec-label { background-position:-1px -81px;}
.goods-attr-model-title .goods-attr-model-img i.goods-attr-select,.goods-attr-model-title .goods-attr-model-img i.custom-spec-select{ background-position:-173px -81px}
.goods-attr-model-title .goods-attr-model-img i.goods-attr-input,.goods-attr-model-title .goods-attr-model-img i.custom-spec-input{ background-position:-260px -81px;}
.goods-attr-model-title .goods-attr-model-img i.goods-attr-scroll,.goods-attr-model-title .goods-attr-model-img i.custom-spec-scroll{ background-position:-87px -81px}
.goods-attr-model-title .goods-attr-model-img i.goods-attr-num,.goods-attr-model-title .goods-attr-model-img i.custom-spec-num{ background-position:-347px -81px}
.goods-attr-model-title .goods-attr-model-name{float:left;display:inline-block; margin-right:10px; width:120px }
.goods-attr-model-title .goods-attr-model-name span{ font-size:12px; color:#999; display:block;}
.goods-attr-model-title .goods-attr-model-spec{ float:left; display:inline-block; border:1px solid #ddd; padding:5px; width:410px; height:80px; overflow:auto;}
.goods-attr-model-title .goods-attr-model-spec span{ border:1px solid #eee; padding:1px 3px; font-size:12px; color:#999; border-radius:3px; margin:2px; background:#fcfcfc;display: inline-block}
.goods-attr-model-title .goods-attr-model-handle{ float:left; display:inline-block ; width:60px; margin-left:10px;}
.table-spec-user-rank-region{ margin:20px auto 0;overflow: hidden; width: 900px;}
.table.table-spec{ margin-bottom:0px;}
.table.table-spec thead tr th,.table.table-spec tbody tr td{ text-align:center; padding: 0px 4px;}
.table-spec.user-rank-list,.table-spec.user-rank-list tr th:first-child,.table-spec.user-rank-list tr td:first-child{ border-left:0px;}
.table-spec.user-rank-list{ overflow-x:auto; border-right:none;}
.table-spec.user-rank-list tr th:last-child,.table-spec.user-rank-list tr td:last-child{ border-right:none}
.table-spec tr td{  height:50px;}
.table-spec tr.left-tr td:first-child{ width:70px !important; }
.table-spec tr.left-tr td:nth-of-type(2){ width: 180px !important }
.table-spec tr.left-tr td:nth-of-type(3){ width: 160px !important }
.table-spec tr.left-tr td:nth-of-type(4){ width:90px !important }

/*高级规格展示样式 单选*/
.buttontab-box{padding: 0 0 5px;}		   
.buttontab-box .buttontab{height: auto;line-height: 28px;font-size: 12px;width: 100px;overflow: hidden;margin: 0 1px 1px 0;background: #F1F1F1;text-align: center;display: inline-block;float: left;color: #666;cursor: pointer;border-radius: 0; position:relative} 
.buttontab-box .buttontab input{ visibility:hidden; position:absolute; left:40%; top:20%} 
.buttontab-box .buttontab.selected{ background:#22BAA0; color:#fff;}                
.invent-choose .form-row-txt{padding: 0 0 4px;line-height: 20px;color: #999;cursor: text;}
 
/*滑块*/
.slider-input-box{padding: 0 0 5px;}
.slider-box{height: 28px;position: relative;display: inline-block;background: #F1F1F1;margin:0;vertical-align: middle; width:300px;}
.slider-box .track {width: 16px;height: 34px;position: absolute;background-color: #20AC94; margin-top:-3px;cursor: pointer;}
.slider-box .track i{float: left;display: inline;margin: 9px 0px 0px 4px;;width: 2px;height: 16px;overflow: hidden; background:#24C8AB}
.slider-box .valueC {height: 28px;position: absolute;margin: 0;background-color: #22BAA0; display:block; overflow:hidden; z-index:1}
.slider-box .valueC span,.slider-box .value span {position: absolute;text-align: right;height:28px;line-height: 28px;color: #808080;border-right: 1px solid rgba(0,0,0,0.05);}
.slider-box .valueC span { color:#fff;}
.slider-box .show {width: 35px;height: 22px;background-color: #333;color: #fff;text-align: center;line-height: 22px;position: absolute;opacity: 0.9;margin-top: -32px;margin-left: -10px; border-radius:1px; display:none }
.slider-box:hover .show{ display:block} 
/*select*/
.select-button{ height: 28px; line-height: 28px; font-size: 12px; padding: 0 10px; min-width: 100px; max-width:180px;background: #22BAA0; color: #fff; position:relative;}
.select-button a.dropdown-toggle{ color:#fff; display:block; height:28px;}
.select-button .text{ float:left;max-width: 150px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.select-button .caret{ float:right;margin-top: 13px;}
.select-button .dropdown-menu{ padding:0; border-radius:0;max-height: 180px;background: #fff; width: 100%;box-shadow: 0 2px 2px rgba(0,0,0,0.1);z-index: 1000;}
.select-button .dropdown-menu li{font-size: 12px;line-height: 28px;height: 28px;background: #fcfcfc;border-top: solid 1px #eee;padding: 1px 10px 2px; }
.select-button .dropdown-menu li:first-child{ border-top:0px;}
.select-button .dropdown-menu li:hover{ background:#f4f4f4;}
.select-button .dropdown-menu li a{ font-size:12px; color:#666;padding: 3px 0;max-width: 180px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}

/*数量*/
.amount-widget .amount-input { color: #666; font-size: 12px; margin: 0;  border: 1px solid #ddd; width: 70px; vertical-align: middle; height:32px; padding: 3px 6px 3px 8px;}
.amount-widget .amount-btn { display: inline-block; vertical-align: middle; margin-left: -3.2px; }
.amount-widget .amount-plus { width: 16px; height: 17px; overflow: hidden; cursor: pointer; border: 1px solid #ddd; border-left: none; display: block; line-height: 14px; text-align: center; background: #f1f1f1; }
.amount-widget .amount-minus { width: 16px; height:15px; overflow: hidden; cursor: pointer; border: 1px solid #ddd; border-left: none; border-top: none; display: block; line-height: 14px; text-align: center; background: #f1f1f1; }
.amount-widget .amount-btn i {width: 16px;height:12px; line-height:11px; font-size: 12px; color: #666; display: inline-block; }
.amount-widget .amount-unit { vertical-align: middle; margin-left: 5px; }
.amount-widget .stock { margin-left: 5px; vertical-align: middle; display: inline; }
.amount-widget.purchase { vertical-align: middle; }

/*批量设置弹框*/
.content .goods-info-two .goods-spec .batch,.batch { display: inline-block; *display: inline/*IE7*/; position: relative; z-index: 1; *zoom: 1/*IE7*/;}
.content .goods-info-two .goods-spec .batch i { cursor: pointer; color: #ffffff; margin:0 0 0 4px;}
.content .goods-info-two .goods-spec .batch-input,.batch .batch-input { background-color: #FFF; white-space: nowrap; padding: 8px 10px; border: solid 1px #BCE8F1; position: absolute; z-index: 1; top: 25px; left:-75px;}
.content .goods-info-two .goods-spec .batch-input h6,.batch .batch-input h6{ font-size: 12px; color: #555; text-align: left; padding: 5px 0px}
.content .goods-info-two .goods-spec .batch-input .text,.batch .batch-input .text { vertical-align: middle; height: 25px; line-height: 25px; margin-top:1px; font-weight: normal;}
.content .goods-info-two .goods-spec .batch-input .arrow,.batch .batch-input .arrow { background: url(../images/shop/arrow.png) no-repeat; display: block; width: 10px; height: 5px; margin-left: -5px; top: -5px; left: 50%; position: absolute; z-index: 2;}
.content .goods-info-two .goods-spec .batch-input a.batch-close ,.batch .batch-input a.batch-close{ font-size: 8px; line-height: 10px; font-weight: 400; color: #fff; text-decoration: none; background-color: #1B9AF7; text-align: center; display: block; width: 12px; height: 12px; border-radius: 7px; border: solid 1px #1B9AF7; top: -7px; right: -7px; position: absolute; z-index: 2;}
.content .goods-info-two .goods-spec .simple-form-field.goods-spec-item .table-responsive{ overflow:visible}

/*商品描述编辑器切换*/
#product-details .tabmenu{ background: #FAFAFA} 
#product-details .tabmenu .tab{ height: 38px;}
#product-details .tabmenu .tab .active a, #product-details .tabmenu .tab .active a:hover{ border-bottom: 2px #fff solid; border-top: 2px solid #58B4FF; border-left: 1px #ddd solid; border-right: 1px #ddd solid; background: #fff;padding: 5px 19px 8px;line-height: 21px;}
#product-details .tabmenu .tab li a .text-danger{ line-height:10px;}

/*手机端商品介绍 */
.mobile-editor { overflow: hidden;}
.mobile-editor .pannel { width: 320px; height: 490px; float: left; border: solid 1px #DDD; position: relative;}
.mobile-editor .pannel .size-tip { line-height: 40px; background-color: #F7F7F7; height: 40px; padding: 0 15px; position: relative; z-index: 2}
.mobile-editor .pannel .size-tip .graphic-details{ float: left;}
.mobile-editor .pannel .size-tip .leading-in{ float: right; color: #999;}
.build-mdetail { width: 198px; border: 1px solid #dedede; background-color: #fff; position: absolute; top: 40px; right: -1px; display: none;}
.build-mdetail .button { text-align: center}
.build-mdetail .tips-content { margin: 15px 10px 10px; font-size: 12px; line-height: 1.5em}
.build-mdetail .btn-close { position: absolute; top: -5px; right: 0px; width: 16px; height: 16px; cursor: pointer; color: #1B9AF7}
.mobile-editor .pannel .content-edit{ max-height: 380px; overflow-x: hidden; overflow-y: auto;}
.mobile-editor .pannel .control-panel .module { background: #fff; width: 100%; margin:0; position: relative; }
.mobile-editor .pannel .control-panel .module .content{ min-height: 40px}
.mobile-editor .pannel .control-panel .module .image-div{ text-align:center}
.mobile-editor .pannel .control-panel .module .image-div img { max-width:100%;}
.mobile-editor .pannel .control-panel .module .text-div { line-height: 150%; word-wrap: break-word;}
.mobile-editor .pannel .control-panel .tools { display: none; position: absolute; z-index: 20; top: 10px; right: 10px;}
.mobile-editor .pannel .control-panel .tools li{ float: left}
.mobile-editor .pannel .control-panel .tools a { line-height: 25px; color: #000; background: #fff; float: left; padding: 0 10px; margin-right: 1px; }
.mobile-editor .pannel .control-panel .cover { background-color: #000; display: none; width: 100%; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0;}
.mobile-editor .pannel .control-panel .current { min-height: 40px;}
.mobile-editor .pannel .control-panel .current .tools,
.mobile-editor .pannel .control-panel .current .cover { display: block;}
.mobile-editor .pannel .edit-area { clear: both; margin: 20px 0; background-color: #F2F2F2; display: none}
.mobile-editor .pannel .edit-text { clear: both; width: 320px; position: relative}
.mobile-editor .pannel .edit-text .text-tip { padding: 10px; color: #999}
.mobile-editor .pannel .edit-text .text-tip b { color: #f60; font-weight: 400}
.mobile-editor .pannel .edit-text .text-textarea textarea { padding: 10px; resize: none; outline: 0; border: 1px solid #dedede; background: #fff; margin: 0 10px 10px; width: 296px; height: 180px;}
.mobile-editor .pannel .edit-text .text-close { position: absolute; top: 10px; right: 25px; width: 16px; height: 16px; text-indent: -9999px; display: none}
.mobile-editor .pannel .edit-text .button { text-align: left}
.mobile-editor .pannel .edit-text .button input { cursor: pointer; margin: 5px 10px 20px; }
.mobile-editor .pannel .add-btn{ background: none repeat scroll 0 0 #ececec; width: 100%; height: 60px; overflow: hidden; position: absolute; bottom: 0px}
.mobile-editor .pannel .add-btn ul { padding: 5px;}
.mobile-editor .pannel .add-btn ul.btn-wrap{ display: block;}
.mobile-editor .pannel .add-btn li { text-align: center; width: 100%; height: 50px; float: left;}
.mobile-editor .pannel .add-btn ul.btn-wrap li{ width: 33.3%;}
.mobile-editor .pannel .add-btn li a { display: block; height: 50px; color: #999;}
.mobile-editor .pannel .add-btn li i { font-size: 24px; line-height: 30px; height: 30px}
.mobile-editor .pannel .add-btn li p { font-size: 14px; line-height: 20px; height: 20px;}
.mobile-editor .mobile-editor-explain { float: left; width: 300px; margin-left: 32px;}
.mobile-editor .mobile-editor-explain dl,
.mobile-editor .mobile-editor-explain dt,
.mobile-editor .mobile-editor-explain dd { color: #666; line-height: 24px; width: auto; height: auto; margin: 0; padding: 0; border: 0;}
.mobile-editor .mobile-editor-explain dl { margin-bottom: 15px;}
.mobile-editor .mobile-editor-explain dt { color: #333; font-weight: normal}

/*运费模板*/
.content .goods-info-two .goods-freight .freight-pop {}
.content .goods-info-two .goods-freight .freight-box {}
.content .goods-info-two .goods-freight .logis-switch { position: relative;}
.content .goods-info-two .goods-freight .logis-switch .switch-bar { }
.content .goods-info-two .goods-freight .tpl-name { border: 1px solid #dedede; display: inline-block; vertical-align: middle; zoom: 1; font-size: 12px; padding: 0 6px; margin-right: 10px; border-radius: 3px; position: relative; overflow: visible}
.content .goods-info-two .goods-freight .tpl-name b { position: absolute; top: 17px; left: 14px; width: 7px; height: 5px; z-index: 3; background: url(../images/shop/logis-arrow.png) no-repeat;  display: none}
.content .goods-info-two .goods-freight .active, .content .goods-info-two .goods-freight .tpl-name:hover { background-color: #48CFAE; border-color: #48CFAE; color: #fff;}
.content .goods-info-two .goods-freight .active b { display: block}
.content .goods-info-two .goods-freight .help-link { position: absolute; right: 10px; top: 0; font-size: 12px; color: #1B9AF7 }
.content .goods-info-two .goods-freight .col-split { border-bottom: dashed 1px #BCE8F1; }
.content .goods-info-two .goods-freight .deliver-warn { color: #404040}
.content .goods-info-two .goods-freight .deliver-warn .warn-type { background-color: #48CFAE; color: #fff; font-weight: normal; display: inline-block; vertical-align: middle; padding: 1px 4px; border-radius: 3px; margin: -3px 8px 0 0}
/*运费模板 地区选择*/
.selector-set{ margin-bottom:10px;}
.selector-set a{position: relative;display: inline-block;height: 26px;line-height: 20px;border: 1px solid #ddd;font-size: 12px;vertical-align: top;margin: 0 5px 5px 0;padding: 2px 32px 2px 10px;cursor: pointer;}
.selector-set .ss-item i { display: block; position: absolute; width: 25px; height: 25px; right: 0; top: 0; margin:0; font-style:normal;text-align: center; font-size:14px;line-height: 24px;}
.selector-set a,.selector-set i{color:#1B9AF7;}
.selector-set a:hover i{ color:#fff; background:#1B9AF7}
.selector-set a:hover,.selector-set a:hover i{ border-color:#1B9AF7;}
.selector-set .ss-item.nmove{ padding:2px 10px;}
.region-picker-list-box{ height:auto; margin-left:-10px; clear:both;overflow: hidden;}
.region-picker-list-box .region-picker-list{width: 145px;/*6个的时候可以为120~123px;5个的时候可以为150px*/ margin-left:10px;float: left;}
.region-picker-list-box .region-picker-list > label{display: block; padding-left: 5px; font-size: 14px; color: #333}
.region-picker-list-box .region-picker-list select option{ font-size: 13px; padding: 2px 5px; cursor:pointer; blr:expression(this.onFocus=this.blur()); outline:none; }

/*店铺内商品分类*/
.form-horizontal .control-label.div-scroll {text-align: left;width: auto;height: 140px;overflow-y: scroll;float: left;border: 1px solid #D7D7D7;padding: 5px 15px 5px 10px; min-width:150px; max-width:200px;}
.form-horizontal .control-label.div-scroll input[type="checkbox"].cat-two {margin-left: 15px;}
.form-horizontal .control-label.div-scroll label {cursor: pointer; display:block;}

/*虚拟商品发布设置*/
.goods_select_area{ display: inline-block;}
.goods_select_area span{ float: left; height: 22px; line-height: 20px; padding: 0px 25px 0px 10px; border: 1px solid #F23F40; position: relative; cursor: pointer;}
.goods_select_area span a { display: block; width: 20px; height: 20px; line-height: 20px; position: absolute; right: 0px; top: 0px; text-align: center; font-size: 16px; font-weight: bold; color: #F23F40; text-decoration: none; background: transparent url(../images/shop/close.png) no-repeat scroll 6px 6px; text-indent: 99em;}
.goods_select_area span:hover{ color:#F23F40;}
.goods_select_area span:hover a{ background:url(../images/shop/close.png) no-repeat 6px -12px #F23F40;}

/*发布商品第三步——选择图片*/
.goods-info-three{ display: inline-block; width: 100%; /*min-height: 420px;*/ height: 100%; }
.goods-info-three .col-sm-9,.goods-info-three .col-sm-3{ padding: 0px;}
@media (min-width:468px) {.goods-info-three .col-sm-9{ width: 100%; }.goods-info-three .col-sm-3{ width: 100%; padding: 0px;}}
@media (min-width:768px) {.goods-info-three .col-sm-9{ width: 100%; }.goods-info-three .col-sm-3{ width: 100%; padding: 0px;}}
@media (min-width:992px) {.goods-info-three .col-sm-9{width: 75%;}.goods-info-three .col-sm-3{ width: 25%; padding: 0px 10px;}}
@media (min-width:1200px) {.goods-info-three .col-sm-9{width: 75%;}.goods-info-three .col-sm-3{ width: 25%; padding: 0px 10px;}}
.goodspic-list { margin-bottom: 20px; border: solid 1px #E6E6E6; overflow: hidden;}
.goodspic-list:hover { border-color: #ddd;}
.goodspic-list .title { background-color: #F5F5F5; height: 35px; border-bottom: solid 1px #E6E6E6;}
.goodspic-list:hover .title { background-color: #ddd; border-color: #ddd;}
.goodspic-list .title h3 { font-size: 14px; line-height: 35px; color: #666; text-indent: 15px; background: #f5f5f5; border-bottom: 1px solid #E6E6E6;}
.goodspic-list .goods-pic-list { font-size: 0; margin-left: -1px; max-height: 190px;}
.goodspic-list .goods-pic-list li { font-size: 12px; display: inline-block; width: 50%; height: 190px; text-align: center; border-left: solid 1px #E6E6E6; position: relative;}
@media (min-width:468px) {.goodspic-list .goods-pic-list li{ width: 50%; }}
@media (min-width:768px) {.goodspic-list .goods-pic-list li{ width: 20%; }}
@media (min-width:992px) {.goodspic-list .goods-pic-list li{ width: 20%; }}
@media (min-width:1200px) {.goodspic-list .goods-pic-list li{ width: 20%; }}
.goodspic-list:hover .goods-pic-list li { border-color: #ddd;}
.goodspic-list .goods-pic-list li .upload-thumb { background-color: #FFF; width: 130px; height:130px;left: 50%;
margin-left: -65px; top: 10px; position:absolute; text-align:center;}
.goodspic-list .goods-pic-list li .upload-thumb img { max-width: 100%; max-height:100%; }
.goodspic-list .goods-pic-list li .upload-thumb .show-default { display: block; width: 128px; height: 128px; border: solid 1px #F5F5F5; position: absolute;left:0px;  top: 0px; z-index: 2; cursor: pointer;}
.goodspic-list .goods-pic-list li .upload-thumb .show-default:hover { border-color:#58B4FF;}
.goodspic-list .goods-pic-list li .upload-thumb .show-default.selected,.goodspic-list .goods-pic-list li .upload-thumb .show-default.selected:hover { border-color: #48CFAE;}
.goodspic-list ul li .show-default p { width: 100%; position: absolute; bottom: 0px;color: #28B779; line-height: 30px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); display: none; height: 30px;}
.goodspic-list ul li .show-default:hover p { color: #58B4FF; display: block;}
.goodspic-list ul li .show-default.selected p { color: #48CFAE; display: block;}
.goodspic-list ul li .show-default p i { font-size: 14px; margin-right: 4px;}
.goodspic-list ul li a.del { font-size: 9px; background-color: #FFF; line-height: 12px; text-align: center; display: none; width: 14px; height: 14px; border-style: solid; border-width: 1px; border-radius: 8px; position: absolute; z-index: 3; top: -8px; right: -8px;}
.goodspic-list ul li .show-default:hover a.del { color: #1B9AF7; display: block;}
.goodspic-list ul li .show-default.selected:hover a.del { color: #48CFAE;}
.goodspic-list ul li .show-default:hover a.del:hover { text-decoration: none;}
.goodspic-upload .upload-info{ width: 120px; text-align: center; margin: 5px auto; position:absolute;left: 50%;
margin-left: -60px; top:145px;}
.goodspic-upload .show-sort { line-height: 30px; color: #999; width: 60px; height: 30px; padding-left: 5px; border-style: solid; border-color: #E6E6E6; border-width: 1px 0 1px 1px; vertical-align: middle; }
.goodspic-upload .show-sort .text { font-size: 12px; line-height: 28px;  width: 10px; height: 26px; padding: 0; border: none;}
.goodspic-upload .show-sort .text:focus { color: #28B779; text-decoration: underline; box-shadow: none;}
.goodspic-upload .upload-btn { width: 60px; height: 30px; margin: 0; position: absolute; z-index: 1px; left: 60px; top: 0px;}
.goodspic-upload .upload-btn a{ display: block; position: relative; z-index: 1;}
.goodspic-upload .upload-btn span { width: 60px;height: 30px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer;}
.goodspic-upload .upload-btn .input-file { width: 60px; height: 30px; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0); cursor: pointer;}
.goodspic-upload .upload-btn a p { width: 58px; height: 30px; font-size: 12px; line-height: 30px; background-color: #F5F5F5; color: #999; text-align: center; color: #666; border: solid 1px; border-color: #E6E6E6; position: absolute; left: 0; top: 0; z-index: 1;}
.goodspic-upload .upload-btn a p i.fa{ font-size: 12px; margin-top: -2px;}
.goodspic-upload .upload-btn a:hover p { background-color: #E6E6E6; color: #333; border-color: #ddd;}
.goodspic-list .select-album { background-color: #FFF; border-top: solid 1px #E6E6E6; padding: 10px;}
.goodspic-list:hover .select-album { border-color: #ddd;}
.goodspic-list .select-album a i.fa{ margin-top: -2px;}
.pic-upload-request{ background: #EEF7FF; border: 1px solid #BCE8F1; height: auto; color: #1B9AF7; display: inline-block;position:absolute; z-index: 10; margin-right: 15px; }
.pic-upload-request h4{ font-size: 14px; font-weight: bold; line-height: 1.5em; margin-bottom: 2px;}
.pic-upload-request ul{ display: inline-block;}
.pic-upload-request ul li{ float: left; line-height: 1.7em} 
/*更新第三步上传编辑图片*/
.goods-images-container ul.image-group{ width: 100%; padding: 15px;}
.goods-images-container ul.image-group li{ width:140px; margin-left: 8px; margin-right: 0px;}
@media (min-width:1360px) {
.goods-images-container ul.image-group li{ margin-left: 22px;}}
.goods-images-container ul.image-group li:first-child{ margin-left: 0px;}
.goods-images-container ul.image-group li a,.goods-images-container ul.image-group li .image-group-bg{width: 130px; height: 130px;}
.goods-images-container ul.image-group li a img { max-width: 100%; max-height: 100%;}
.goods-images-container ul.image-group li .img-operate{ height: 25px;}
.goods-images-container ul.image-group li .img-operate i{margin: 0px 12px 0 12px; text-align: center; width:20px; height: 20px; line-height: 20px; border-radius: 99%; font-size: 22px;}
.goods-images-container ul.image-group li .img-operate i:hover{ /*color: #fff; background: #48b787; font-size: 18px;*/ font-size: 24px; font-weight: bold;}
.goods-images-container ul.image-group li .img-operate i.del{ font-size: 16px; line-height: 20px;}
.goods-images-container ul.image-group li .img-operate i.del:hover{ /*color: #fff; background: #fa4a36;*/font-size: 18px; font-weight: bold; }
/*发布商品第四步——发布成功*/
.content .goods-info-four .issued-success{padding: 45px 25px; background: #ffffff ; border: 1px solid #ddd; text-align: center;}
.content .goods-info-four .issued-success h2{ color: #2589FF; font-size:28px;}
.content .goods-info-four .issued-success h2 i{ font-size: 32px}
.content .goods-info-four .issued-success .issued-success-content{ width: 100%; margin: 0px auto; padding: 0px 25px; text-align: center; }
.content .goods-info-four .issued-success .issued-success-content a.add-gift{ display: inline-block; font-size: 14px; background-color: #2589FF; border-radius: 3px; color: #fff; height:32px; line-height:32px; padding: 0px 20px;}
.content .goods-info-four .issued-success .issued-success-content a.add-gift i{ font-size: 18px}
.content .goods-info-four .issued-success .issued-success-content p.page-jump{ margin-top: 30px;}
.content .goods-info-four .issued-success .issued-success-content p.page-jump a{ display: inline-block; }
.content .goods-info-four .issued-success .issued-success-content h5{ height:30px; line-height:30px; }
.content .goods-info-four .issued-success .issued-success-content ul li{ height: 20px; line-height: 20px;}
/*发布商品——下一步按钮*/
.goods-next,.bottom-btn{ text-align: left; padding: 15px 0px; padding-left: 20.5%;}
.goods-next{ padding-left:20.5%}
.goods-next.goods-btn-fixed,.bottom-btn.bottom-btn-fixed { position: fixed; right:0px; bottom: -20px; text-align: center; width: 100%; min-width:1098px; background: #fff; box-shadow: 0px -2px 6px #e9e9e9; z-index: 100000; margin-left:-15px; padding: 10px 0;}
.goods-next .btn,.bottom-btn .btn{ padding: 10px 25px; height: 36px;}

/*添加商品右侧定位样式*/
.helper-fixed{position: fixed;right: 10px;visibility: visible; top:50%; margin-top:-200px;z-index: 999;}
.helper-wrap{ width:120px;background-color: #FFF; position:absolute; right:-140px;}
.helper-icon{color: #FFF; background-color: #58B4FF; width:24px; padding: 8px 3px 8px 5px; margin-top: -80px; border: solid 1px #42AAFF; border-right: 0 none; position: fixed; display: block; z-index: 99; top: 35%; right: 0; cursor: pointer; box-shadow: 0 0 5px 0 rgba(204,204,204,0.5); border-radius:6px 0px 0px 6px;}
.helper-icon i{ margin-bottom:3px;}
.help-header { background-color: #58B4FF; border: 1px solid #42AAFF; color: #FFF; font-weight: 700; padding: 2px 5px; line-height: 24px; overflow: hidden;  -moz-user-select: none;}
.help-header i{float: right; margin-top: 5px !important; cursor:pointer;}
.helper-wrap .panel-group{ margin-bottom:0;}
.helper-wrap .panel-group .panel { border-radius:0px; border-top:none;}
.helper-wrap .panel-default { border-color:#9BD6FB}
.helper-wrap .panel-heading {cursor: pointer; padding:0;border-radius:0px;}
.helper-wrap .panel-title{ font-size:12px;padding: 2px 8px;line-height: 25px; font-weight:600;}
.helper-wrap .panel-title a,.helper-wrap .panel-body ul li a{width: 100%;height: 100%;display: block; text-decoration: none; color: #666}
.helper-wrap .panel-title a{color: #28ACFE;}
.helper-wrap .panel-title a .count{color: #FE4900; font-style:normal;}
.helper-wrap .panel-group .panel + .panel { margin-top:0px;}
.helper-wrap .panel-body{ padding:0px; }
.helper-wrap .panel-group .panel-heading + .panel-collapse > .panel-body { border-color: #9BD6FB; max-height: 380px; overflow-y: auto;}
.helper-wrap .panel-body ul li{line-height: 25px;border-bottom: 1px solid #9BD6FB;padding: 2px 10px;overflow: hidden;text-overflow: ellipsis;cursor: pointer;color: #666; position: relative;}
.helper-wrap .panel-body ul.list li{ padding:2px 10px 2px 25px;}
.helper-wrap .panel-body ul li:last-child{ border-bottom:none;}
.helper-wrap .panel-body ul li:hover,.helper-wrap .panel-body ul li.selected{background-color: #EBF6FD;}
.helper-wrap .panel-body ul li.selected a{ color:#666; font-weight:600;}
.helper-wrap .panel-body ul li i.fa{ color:#FE7C00; margin-right:5px;}


/**********************运费模板模块样式**********************/
/*.freight .table tbody tr, .freight .table tfoot { border-left: 1px solid #ddd; border-right: 1px solid #ddd;}*/
.freight .table tbody tr.merge-row{ border: none;}
.freight .table tbody tr.merge-row td{ border-top: 1px solid #ddd; height: 15px; padding: 0px}
.freight .table tbody .freight-hd{ background: #F9FAFA}
.freight .table tbody tr th{ padding: 10px; color: #666; font-weight: normal; border-bottom: 1px solid #ddd; background-color: #FcFcFc; text-align: left;}
.freight .table tbody tr td { padding: 10px; }
.freight .table tbody tr td.no-data { padding: 100px 0;  }
.freight .table tbody tr.freight-hd td{ padding: 7px 10px !important;}
.freight .table tbody .freight-hd .freight-name {height: 25px;line-height: 25px;font-size: 14px;text-align: left;float: left;}
.freight .table tbody .freight-hd .freight-name font{ font-size: 12px; color: #999;}
.freight .table tbody .freight-hd .freight-operate { height: 25px; vertical-align: middle; float: right;}
.freight .table tbody .freight-hd .freight-operate .freight-time{ height: 25px; line-height: 25px; color: #999;}
.freight .table tbody .freight-hd .freight-operate .handle a{ padding: 2px 8px; cursor: pointer; display: inline-block; color: #777; margin-left: 5px; }
.freight .table tbody .freight-hd .freight-operate .handle a{ text-decoration: none; background-color: #1B9AF7; border-color: #2DC3E8; color: #FFF; border-radius: 3px; color: #fff;}
.freight .table tbody .freight-hd .freight-operate .handle a.del { background-color: #FF6262;}
.freight .table tbody .freight-hd .freight-operate .handle span { color: #ccc; margin-left: 2px}
.postage-detail{ margin: 15px 0px 10px; padding: 10px; border: 1px solid #BCE8F1;}
.postage-detail .default { padding: 5px 7px; min-height: 30px; line-height: 30px; font-size: 12px; height: auto; background-color: #f3feed; overflow: hidden;}
.postage-detail .freight-set a i.fa{ margin-top: -2px;}
.postage-detail .freight-set .table{ margin-bottom: 0px;}
.postage-detail .freight-set .table tbody tr td .area-group{ padding-right: 3em; float: left}
.postage-detail .freight-set .table tbody tr td a.edit{ float: right;}
.postage-detail .freight-set .table tbody tr td.support{ text-align: left;}
.form-horizontal .postage-detail .freight-set .control-label{ padding: 0px;margin-right: 0px !important;}
.postage-detail input.error{ box-shadow: none;}
.freight-handle{}
.freight-handle .freight-handle-error{}
.freight-handle .freight-handle-error ul{ display: inline-block; width: 100%; height: auto; padding:0px; }
.freight-handle .freight-handle-error ul li{ height: 25px; line-height: 25px; padding: 0px 8px; float: left; margin-right: 8px; margin-bottom: 5px; border: 1px #E84C3D solid; background-color: #FFF0F0; border-radius: 2px;}
.freight-handle .freight-handle-error ul li i.fa{ color: #E84C3D; margin-top: -3px; font-size: 16px;}
.free-shipping{ margin: 15px 0px 10px;}
@media (min-width:468px) {.free-shipping .table-responsive .table tbody tr td.free-area{ width: 200px}}
@media (min-width:768px) {.free-shipping .table-responsive .table tbody tr td.free-area{ width: 200px}}
@media (min-width:992px) {.free-shipping .table-responsive .table tbody tr td.free-area{ width: 350px}}
@media (min-width:1200px) {.free-shipping .table-responsive .table tbody tr td.free-area{ width: auto}}
.free-shipping .table tbody tr td .area-group{ width: 85%; float: left; overflow: hidden}
.free-shipping .table tbody tr td a.edit{ width: 10%; float: right;}
.free-shipping .table thead tr th.free-contion, .free-shipping .table tbody tr td.free-contion{ text-align: left;}


/**************************选择地区弹框******************************/
#areaModal .modal-dialog{ width: 100%;}
@media (min-width:468px){#areaModal .modal-dialog {width: 100%;}}
@media (min-width:768px){#areaModal .modal-dialog {width: 100%;}}
@media (min-width:992px){#areaModal .modal-dialog {width: 840px;}}
@media (min-width:1200px){#areaModal .modal-dialog {width: 840px;}}
#areaModal .table-responsive{ border: 1px #ddd solid;}
#areaModal .modal-footer{ margin-top: 0px}
.choose-area-list { width: auto; background: #FFF; display: inline-block; padding: 10px 0px;}
.choose-area-list-even{ background: #fff; }
.choose-area-list-odd{ background: #F5F5F5;}
.area-list { height: 254px; overflow: hidden; position: relative; z-index: 1;}
.area-list ul.area-list-name { width: 131px; max-height: 254px; display: inline-block; overflow: hidden;}
@media (min-width:468px){.area-list ul.area-list-name {width: 131px;}.choose-area-list:first-child .area-list ul.area-list-name {width: 131px;}}
@media (min-width:768px){.area-list ul.area-list-name{width: 131px}.choose-area-list:first-child .area-list ul.area-list-name {width: 131px;}}
@media (min-width:992px){.area-list ul.area-list-name {width: 131px;}.choose-area-list:first-child .area-list ul.area-list-name {width: 133px;}}
@media (min-width:1200px){.area-list ul.area-list-name {width: 131px;}.choose-area-list:first-child .area-list ul.area-list-name { width: 133px;}}
.area-list ul.area-list-name li {height: 25px;line-height: 25px;width: 100%;padding: 0px 10px 0px 5px;margin: 0 15px 0px 5px;}
.area-list ul.area-list-name li:hover { background-color: #F5F5F5;}
.area-list ul.area-list-name li label{ cursor: pointer;}
.area-list ul.area-list-name li label input[type="checkbox"]{ margin-right:5px; margin-top: 0px; vertical-align: middle }
.area-list ul.area-list-name li label>span{ vertical-align: middle; color: #748a8f; }
.area-list ul.area-list-name li span span.c-spe{ margin-left: 3px; color: #f60}
.area-list ul.area-list-name li i.fa { color: #CCC; font-size: 14px; margin: 2px 5px 0 0; cursor: pointer;}
.area-list ul.area-list-name li i.fa-angle-right{ float: right; margin-top: 5px}


/**************************订单模块样式****************************/
/*表格顶部tab样式*/	  
.item-list-scroll{ border-bottom: 1px solid #ddd;  margin-bottom: 10px; height: 36px}
.item-list-hd { clear:both; overflow:hidden; margin-bottom: 10px; }	 
.item-list-hd ul{border-bottom: 1px solid #DDD;height: 36px;} 
.item-list-hd ul li{ display:inline-block; min-width: 85px; position: relative; float: left; line-height: 21px; text-align: center; cursor: pointer; z-index: 1;  width:auto; border-top: 1px solid #DDD;border-left: 1px solid #DDD;border-right: 1px solid #DDD;margin-bottom:-1px;margin-right:-1px;padding:8px 5px 5px 5px;  background:#Fcfcfc;}
.item-list-hd ul li a{ color: #666; font-size: 12px; display:inline-block;width: 100%; text-decoration: none}
.item-list-hd ul li a span{ display: inline-block; min-width: 15px;}
.item-list-hd  .tabs-t.last a,.item-list-hd  .tabs-b.last a{ border-right:none !important;}
.item-list-hd ul li.current,.item-list-hd ul li.active{border-left: 1px solid #DDD; border-right: 1px solid #DDD;border-top: 2px solid #58B4FF; border-bottom: none;  background:#fff; color:#666;  z-index: 3; margin-bottom:-1px;margin-bottom:auto;}
.item-list-hd ul li:hover{ background:#fff;}
.item-list-hd ul li:hover a,.item-list-hd ul li.current a,.item-list-hd ul li.active a{ color:#58B4FF;}
.item-list-tab-btn-box{position: absolute; right: 0; top:0px; font-size:14px; z-index: 22; background: #fff;}
.item-list-tag-btn{visibility: hidden; cursor: pointer;border: 1px solid #e5e5e5; display: inline-block;text-align: center;height: 36px; width: 25px; line-height: 34px;float: left;}
.item-list-tag-btn.tag-right{border-left: none; border-radius: 0 4px 0 0;}
.item-list-tag-btn:hover{ background: #2589FF; border-color: #137DFF; color: #fff;}
.item-list-scroll.scroll{position: relative; overflow: hidden; border-bottom: none;}
.item-list-scroll.scroll .item-list-tag-btn{ visibility: visible;}
.item-list-scroll.scroll .item-list-tabs{position: absolute; left: 0; border-bottom:none}
.item-list-scroll.scroll .item-list-hd{padding: 0px 50px 0 0; margin-bottom: 0px;  width:100%; height: 36px; border-bottom: 1px solid #e9e9e9}
.item-list-scroll.scroll .item-list-hd ul li:last-child{border-radius: 0; border-right: 0;}
/*订单列表内容*/
/*列表分块(如果不分块，可将这部分样式删除即可)*/
.table-responsive.order{ overflow: visible;}
.order .table{ border:none}
@media (min-width:468px) {.order .table{ border:none;}}
@media (min-width:768px) {.order .table{ border:1px solid #e9e9e9;}}
@media (min-width:992px) {.order .table{ border:none;}}
@media (min-width:1200px) {.order .table{ border:none;}}
.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-right:none; border-left:none;}
@media (min-width:468px) {.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-right:none; border-left:none;}}
@media (max-width:767px) {.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-right:none; border-left:none;}}
@media (min-width:768px) {.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}}
@media (min-width:992px) {.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}}
@media (min-width:1200px) {.order .table tbody .order-hd,.order .table tbody .order-item,.order .table thead,.order .table tfoot{ border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}}
.order .table thead{ border-top:none;}
@media (min-width:468px) {.order .table thead{border-top:none;}}
@media (max-width:767px) {.order .table thead{border-top:none;}}
@media (min-width:768px) {.order .table thead{border-top:none;}}
@media (min-width:992px) {.order .table thead{border-top:1px solid #e9e9e9 !important;}}
@media (min-width:1200px) {.order .table thead{border-top:1px solid #e9e9e9 !important;}}
.sep-row td{height: 0px;padding: 0px !important;border: 0px none; border-top:none !important;}
@media (min-width:468px) {.sep-row td{height:0px; border-top:none !important;}}
@media (max-width:767px) {.sep-row td{height:0px; border-top:none !important;}}
@media (min-width:768px) {.sep-row td{height:0px; border-top:none !important;}}
@media (min-width:992px) {.sep-row td{height:15px; border-top:1px solid #e9e9e9 !important;}}
@media (min-width:1200px) {.sep-row td{height:15px;border-top:1px solid #e9e9e9 !important;}}
/*列表分块end*/
.order .table > tbody + tbody {border-top: none; }
.item-list-col0 {width: 25px;}
.item-list-col1 {width: 300px;}
.item-list-col2 {width: 100px;}
.item-list-col3 {width: 65px;}
.item-list-col4 {width: 90px;}
.item-list-col5 {width: 90px;}
.item-list-col6 {width: 100px;}
.item-list-col7 {width: 130px;}
.item-list-col8 {width: 75px;}
.item-list-col9 {width: 110px;}

/*订单列表模块*/
.order-item a:hover{color: #1B9AF7;}
.order-hd{background: #FAFAFA none repeat scroll 0% 0% !important;}
.order-hd td,.order-hd th  { padding: 7px 0px !important; font-weight:normal !important;}
.table thead tr.order-hd  th:hover{background-image:none !important;}
.order-hd .basic-info { text-align: left; float: left;}
.order-hd .basic-info .order-num,.order-hd .basic-info .deal-time,.order-hd .basic-info .order-source,.order-hd .basic-info .deal-way,.order-hd .invoice-num,.order-hd .basic-info .store-name{display: inline-block;margin-right: 10px;height: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;max-width: 250px;}
.order-hd .mark { padding: 0px 8px 0px 15px;float: right; background:none;}
.order-item .item .pic-info {float: left; margin-right: 10px;width: 60px; height: 60px;overflow: hidden;
border: 1px solid #eee;}
.order-item .item .pic-info a{ display:block;width: 100%;height: 100%;}
.order-item .item .pic-info a img{vertical-align: middle; max-width:100%;max-height: 100%; padding: 2px;}
.order-item .item .txt-info { text-align: left; line-height: 18px;display: inline;float: left;width: 75%;padding-bottom: 2px;overflow: hidden;margin: 0px;word-wrap: break-word;}
.order-item .item .txt-info .desc .goods-name{ overflow: hidden;text-overflow: ellipsis;}
.order-item .item .txt-info .desc .product-label{ vertical-align: middle;}
.order-item .item .txt-info .desc .goods-name em{ font-style:normal; color:red;}
.order-item .item .txt-info .snap{ display:inline-block; color:#1B9AF7;}
.order-item .item .props span { margin-right: 15px;}
.order-item .item .txt-info .icon a{ margin-right:5px;display: inline-block;width: 16px;height: 16px;}
.order-item .item .txt-info .icon a img{ max-height:16px; max-width:16px;}
.order-amount{ font-size:13px; font-weight:bold; color: #C00;display: inline-block;}
.order-item .trouble a{color:#ED5564 !important}
.order-item .contact .nickname{ color:#1B9AF7}
.order-item .contact .fa-book{ color:#ec971f;}
.order-item .view-logistics{color:#1B9AF7}
.order-item td.order-price,.order-item td.contact,td.contact,.order-item td.trade-status,.order-item td.remark,.order-item td.order-type { border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}
.order-item td.postage{ border-left:1px solid #e9e9e9;}
.order .table tbody tr td.no-data{border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.order-item td.handle,.order table thead tr th.handle,.order table tfoot tr td:last-child {border-right: 1px solid #e9e9e9 !important;}

/*印章订单状态样式*/
.seal-state-box{position: absolute; top: 30px; right: 68px;}
.seal-state{width:160px; height:140px; float: right; background:url(../images/common/state.png) no-repeat -5px -20px; display:block;border-radius: 99%; }
.seal-state.state0{ background-position:-5px -20px;}/*订单已确认，等待买家付款*/
.seal-state.state1{ background-position:-10px -173px;}/*买家已付款，待发货*/
.seal-state.state2{ background-position:-10px -325px}/*订单已确认，待发货*/
.seal-state.state3{ background-position:-169px -19px}/*请前往发货单，管理发货*/
.seal-state.state4{ background-position:-169px -171px;}/*已发货，等待买家收货*/
.seal-state.state5{ background-position:-175px -328px;}/*交易成功*/
.seal-state.state6{ background-position:-330px -18px;}/*交易关闭*/
.seal-state.state8{ background-position:-653px -19px;}/*买家已付款，等待卖家核销*/
.seal-state.state9{ background-position:-653px -171px;}/*买家已付款，等待团长配送*/
.seal-state.state10{ background-position:-653px -323px;}/*买家已付款，等待上门自提*/
.seal-state.locking{ background-position: -781px -630px; margin: 50px 40px 0 0; width: 70px; height: 70px;}
.seal-state.ziti{top: -40px; right:40% !important; background:url(../images/common/seal-state.png) no-repeat center center; }
.new-order-item .seal-state.apply-cancel{ width: 160px; right:210px; background-position:-332px -170px; border-radius:0px;} 
.new-order-item .seal-state.overdue{ background-position:-337px -325px;}
 .seal-state.overdue.pos-a{width: 140px; height: 75px; background-position: -350px -610px;}
.trade-status-icon{background:url(../images/common/state.png) no-repeat -7px -477px; width:120px; height: 58px; text-align: center; display: block; position: absolute; top: 5px; left: -270px; text-indent: -9999px;}
.trade-status-icon.state1{ background-position: -7px -477px;}/*等待买家付款*/
.trade-status-icon.state2{ background-position: -7px -549px;}/*待发货*/
.trade-status-icon.state3{ background-position: -180px -549px;}/*已发货*/
.trade-status-icon.state4{ background-position: -529px -476px;}/*退款中的订单*/
.trade-status-icon.state5{ background-position: -345px -476px;}/*交易成功*/
.trade-status-icon.state6{ background-position: -180px -477px;}/*交易关闭*/
.trade-status-icon.state7{ background-position: -346px -548px;}/*取消订单申请*/
.trade-status-icon.state8 { top: 50%; left: -356px; margin-top: -29px; background-position: -7px -620px;}/*取货异常*/


/*新订单列表*/
.new-order-item{ width:100%; border:1px solid #ddd; border-top:2px solid #22BAA0; background:#FeFeFe; padding:0 15px; margin-bottom:20px; position:relative}
.new-order-item.special{ border-color: red; background: rgba(255,51,51,0.04);}
.new-order-item.light-green{ border-color: #22BAA0; background: rgba(34,186,160,0.08);}
.new-order-item .seal-state{ float: right;}
.new-order-item .order-item-title{ border-bottom:1px solid #e9e9e9; padding:10px 0px; position:relative; overflow:hidden}
.new-order-item .order-item-title .order-id,.new-order-item .order-item-title h5{ font-size:18px; font-weight:700; color:#333; margin-right:10px; display:inline-block;}
.new-order-item .order-item-title h5{ font-size:14px; line-height:20px;}
.new-order-item .order-item-title span{ display:inline-block; margin-right:20px;line-height:20px;}
.new-order-item .order-item-layout{ padding:20px 0 20px 0px; border-bottom:1px dotted #e9e9e9 !important; }
.new-order-item .order-item-layout p span{display:inline-block;}
.new-order-item .order-item-layout.goods-toggle-panel{ overflow:visible} 
.order-item-reminder h5{ font-size:14px; color:#22BAA0}
.order-item-reminder p{ margin-top:8px; margin-left:60px;}
.order-item-user .name{ font-size:20px; color:#333; font-weight:700; margin-bottom:10px;}
.order-item-user .name .name-label{ color:#FFF; font-size:12px; text-align:center; padding:2px 10px; position:relative; background:#FF0000; font-weight:400;vertical-align: middle; margin-left:20px;}
.order-item-user p{ font-size:12px; line-height:20px;}
.order-item-user .address-map i{ font-size:20px; color:#67C1FF}
.order-item-user .store-mark{width: 130px;display: block;height: 38px;text-align: center;border: 2px solid #FF0000;border-radius: 6px;font-size: 17px;color: #FF0000;line-height: 36px;margin-top: 15px;}
.order-item-other ul li{ line-height:22px;}
.order-item-other ul li span{ display:inline-block;}
.order-item-other ul li span.tit{ width:100px; text-align:right; margin-right:10px;}
.order-item-goods{ position:relative}
.order-item-goods .table,.order-item-goods .table tr td{ border-width:0px 0px 1px 0px;}
.order-item-goods .order-item-layout strong{ font-size:14px; font-weight:700; color:#333;line-height:20px;}
.order-item-goods .state{ background:url(../images/common/seal-state.png) no-repeat center center; width:120px; height:120px; display:block; position:absolute; left:40%; top:10%;}
.order-item-handle{ overflow:hidden; padding:10px 0;}
.order-item-bottom{ overflow:hidden; padding:10px 0; border-top: 1px dotted #ccc; color: #393939; font-weight: bold;}
.left-state-circle{background:url(../images/common/circle-img.png) no-repeat 0 0; position: relative; width:76px;  height: 76px;  line-height: 12px; color: #fff;  display: flex; align-items: center;  justify-content: center; }
.left-state-circle.yellow{ background-position: 0 0;}
.left-state-circle.green{ background-position: 0 -152px;}
.left-state-circle.red{ background-position: 0 -228px;}
.left-state-circle.blue{ background-position: 0 -76px;}
.left-state-circle.purple{ background-position: 0 -304px;}
.left-state-circle .small{ font-size: 12px;  font-weight: normal; display: block;}
.left-state-circle .time{ font-size: 18px; display: block;}
.left-state-circle .state{ color: #fff; flex: 1; text-align: center;  display: flex; align-items: center;  justify-content: center;  font-weight: bold; font-size: 14px;width: 100%; height: 100%;}
.left-state-circle .state.block{ display: block;padding: 16px 0 0; line-height: 22px; box-sizing: border-box;}
.left-state-circle .counter_time{ position: absolute; bottom: -30px; color: red;  font-weight: normal; width: 150%; font-size: 12px; text-align: center; left: 50%; transform: translate(-50%, 0%);}

.order-page-fixed{ position: fixed; bottom: -20px; min-width: 1080px; z-index: 90; width: calc(100% - 225px); border: none !important;}
/*社区团订单信息*/
.comstore-order-info{ font-size: 12px; text-align: left; line-height: 24px; color: #555; padding: 10px 20px;}
.comstore-order-info .comstore-order-hr{ border-bottom: 1px solid #eee; margin: 10px 0;}
.comstore-order-info .comstore-order-hr label{ color: #fff; margin-bottom: 10px; font-size: 12px; padding: 0px 12px; text-align: center; display: inline-block; background:#32C5D3 ;}


/*赠品样式*/
.goods-gift{ text-align:left;}
.goods-gift ul {font-size: 0px; display: inline-block; vertical-align: middle;}
.goods-gift ul li {vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin-right: 4px;}
.goods-gift ul li a { line-height: 0; background-color: #FFF;text-align: center;vertical-align: middle;display: table-cell; width: 30px; height: 30px;}
.goods-gift ul li a img.gift-thumb{ max-width: 30px; max-height: 30px;}
.goods-gift #imgpreview{box-shadow: 0px 0px 0px 2px rgba(187, 187, 187, 0.15); bottom:-100px; top:auto !important}
.goods-gift #imgpreview img{ max-width:150px; max-height:150px;}
.goods-gift-list li { background-color: #fcf8e3; padding: 5px; display: inline-block; width: 300px; height:auto; min-height:43px; border: solid 1px #fbeed5; position: relative; z-index: 1; margin: 0 10px 10px 0;}
.goods-gift-list li:hover{ border: solid 1px #F7DCAA;}
.goods-gift-list li .pic-thumb { width: 40px; height: 40px; padding: 4px; float: left; display:inline-block}
.goods-gift-list li .pic-thumb span { line-height: 0; background-color: #FFF; text-align: center;vertical-align: middle; display: table-cell; *display: block; width: 32px; height: 32px; overflow: hidden;}
.goods-gift-list li .pic-thumb span img { max-width: 32px; max-height: 32px;}
.goods-gift-list li dl { width: 240px; height: auto; float: left; margin: 0 0 2px 4px !important;}
.goods-gift-list li dt { color: #c09853 !important; font-weight: 200; text-overflow: ellipsis; white-space: nowrap; display: block; width: 240px !important; height: 20px; overflow: hidden;}
.goods-gift-list li dt.name-all{height: 40px;white-space: normal;padding-top: 3px;}
.goods-gift-list li dd {color: #c09853;display: block;}
.goods-gift-list li dd .text { width: 40px !important; height: 18px; padding: 0 2px;}
.goods-gift-list li .gift-del,a.gift-del { font: 200 14px/16px Arial;color: #FFF;background-color: #F30;text-align: center;width: 16px;height: 16px;position: absolute;z-index: 1;right: -8px;top: -8px;border-radius: 99%;/*transform: scale(0);opacity: 0;*/transform-origin: 50% 0% 0px;transition: all 300ms ease-in-out 0s; z-index:2;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
#goods-gift,.goods-picker-container{ position:relative;}
.goods-picker-container .form-group{ margin:0;}
#goods-gift a.gift-del{ width:26px; height:26px;font: 200 24px/26px Arial; right:5px;}

/*订单弹框新增样式*/
.popover-box.buyer .popover-info{text-align:left; max-width:280px; padding:4px;}
.popover-box.buyer .popover-info h3 {font-size: 1em;font-weight: 700; color: #C33700; padding: 5px 0px; overflow: hidden;}
.popover-box.buyer .popover-info h3 i{margin: 2px 5px 4px 2px;}
.popover-box.buyer .popover-info ul li {min-width: 255px !important;}

.table tr:last-child .popover-box .popover-info,.table tr:nth-last-of-type(2) .popover-box .popover-info{ bottom:-20px; top:auto !important;}
.table tr:last-child .popover-box .popover-info i.fa-caret-left,.table tr:nth-last-of-type(2) .popover-box .popover-info i.fa-caret-left{ bottom:15px; top:auto !important;}
/*标记弹框新增样式*/
.order-hd .popover-box.mark .popover-info{right: 33px; top: -5px; left:auto;width:200px; padding:4px;}
.order-hd .popover-box.mark .popover-info i.fa-caret-right{right: -10px; top: 10px; left:auto;}
.order-hd .popover-box.mark .popover-info ul li { min-width:100%;height: auto; line-height: 20px;}
/*标记页面单选标记色值*/
.control-label .fa-thumb-tack{ font-size:16px;}
.fa-thumb-tack.icon-mark1{ color:#F25656}
.fa-thumb-tack.icon-mark2{ color:#F8CB3C}
.fa-thumb-tack.icon-mark3{ color:#22BAA0}
.fa-thumb-tack.icon-mark4{ color:#0099CC}
.fa-thumb-tack.icon-mark5{ color:#7A6FBE}

/*物流详情*/
.flow-layout {width: 100%; border: 1px solid #DDD; overflow: hidden;}
.flow-container, .flow-item, .flow-item dt, .flow-item dd {font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;}
.order-info.logistics{ border-top:none}
/*物流信息*/
.flow-container {width: 100%; padding: 0px 10px; border-right: none; float:left}
@media (min-width:468px) {.flow-container{width:100%;border-right: none;}}
@media (min-width:768px) {.flow-container{width:60%;border-right:1px solid #ddd;}}
@media (min-width:992px) {.flow-container{width:60%;border-right:1px solid #ddd}}
@media (min-width:1200px) {.flow-container{width:60%;border-right:1px solid #ddd}}
.flow-container .title,.flow-item .title {padding: 12px 0px 10px 0; border-bottom: 1px solid #EEE; margin-bottom:10px;}
.flow-container .title h3 ,.flow-item .title h3{font-size: 14px;font-weight: 600;display: inline-block;}
.alert-info li { margin: 4px 0px;}
.express-log { border: 1px solid #E7E7E7; background: #FAFAFA none repeat scroll 0% 0%;margin: 10px 0px; padding: 10px; max-height: 270px; overflow: hidden; overflow-y:auto;}
.express-log li {line-height: 24px;padding: 2px 10px;}
/*物流信息更多显示样式*/
.order-details .log-goods-list ul li{ display:inline-block; margin-right:5px; margin-bottom:5px; float:left;}
.order-details .log-goods-list ul li a{display: inline-table;border: 1px solid #eee; width:55px; height:55px; padding: 2px; text-align:center}
.order-details .log-goods-list ul li img{ max-width:100%; }

/*订单信息*/
.flow-item { width: 100%; padding: 0px 10px; float:left}
@media (min-width:468px) {.flow-item { width: 100%;}}
@media (min-width:768px) {.flow-item { width: 40%;}}
@media (min-width:992px) {.flow-item { width: 40%;}}
@media (min-width:1200px) {.flow-item { width: 40%;}}
.flow-item a {color: #09C;}
.flow-item .item-goods{ max-height:180px; margin-bottom:10px;} 
.flow-item .item-goods dl { margin:0px 0px 10px 0px; padding-bottom: 10px;border-bottom: 1px solid #EEE;}
.flow-item .item-goods dt { width: 42px;}
.flow-item .item-goods dt .goods-thumb{ width: 42px; height: 42px; border: 1px solid #F5F5F5;}
.flow-item .item-goods dt .goods-thumb a { line-height: 0; text-align: center; vertical-align: middle; display: table-cell; width: 40px; height: 40px; overflow: hidden;}
.flow-item .item-goods dt .goods-thumb a img { max-width: 40px; max-height: 40px;}
.flow-item .item-goods dd {width: 70%; padding-left:5px;}
.flow-item .item-goods dd a {display: block; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;margin-bottom: 3px; color:#1B9AF7;}
.flow-item .item-goods dd .rmb-price{ display:inline-block; font-size:13px;}
.flow-item .item-order dl { margin-bottom: 8px;}
.flow-item .item-order dt { color: #888;  text-align: right;  font-weight:400;}
.flow-item .item-order dd { color: #666;}

/*订单详情*/
/*订单详情步骤样式*/
.order-step.bill{ border:1px solid #eee; margin-bottom:20px; background:#fefefe; min-height: 210px; }
.order-step.bill dl{ margin:50px 1px 120px -1px;}
.order-step { width: 90%; margin:20px auto; text-align: center; display: flex; align-items: center; justify-content: center;}
.order-step dl{ font-size: 12px; line-height: 20px; width: 190px; height: 36px; margin: 50px 0px 60px -1px; position: relative; }
.order-step dl::after{ content: ''; background: transparent url(../images/common/combine_img.png) no-repeat scroll; background-position: -330px -424px; width:100%; height: 36px; position: absolute; left: -78px; top: 0px }
.order-step dl.current::after{ background-position: -290px -464px}
.order-step dl.step-first::after{ display: none;}
.order-step dl dt{ font-weight: 600;text-align:center; width: 100%; min-width: 80px; position: absolute; z-index: 1;top: -30px; }
.order-step dl.rider-steps dt{ top: -35px;}
.order-step dl.rider-steps dt.rider-step{ top: -17px; font-weight: normal;}
/* .order-step dl.rider-steps dt.rider-step1{ right: -34px;}
.order-step dl.rider-steps dt.rider-step2{ right: -54px;}
.order-step dl.rider-steps dt.rider-step3{ right: -54px;}
.order-step dl.rider-steps dt.rider-step4{ right: -30px;} */
.order-step dl dd.bg { background: transparent url(../images/common/combine_img.png) no-repeat scroll; background-position:-564px -424px; width: 36px; height: 36px; position: absolute; left: 50%; margin-left: -18px; z-index: 2;}
.order-step dl.current dd.bg{background-position: -340px -334px}
.order-step dl.current:last-child dd.bg{background-position: -565px -464px}
.order-step dl:last-child dd.bg{background-position:-564px -424px;}
.order-step dl.step-first dd.bg,.order-step dl.current.step-first dd.bg { background-position: -340px 63.4%;}
.order-step dl dd.date {font: 12px/20px Tahoma,Arial;color: #999; text-align: center;display: none; width: 120px;position: absolute;z-index: 2; bottom: -40px; left: 50%; margin-left: -60px;}
.order-step dl.current > dt { color: #27A9E3;}
.order-step dl.current > dd {display: block;}
.order-step dl dd.details{ min-width:190px; min-height:85px; text-align:left; position: absolute; z-index: 2; bottom: -100px; right: -72px; border:1px solid #eee; padding:10px;}
.order-step dl dd.details span{ display:block; font-size:16px; color:#333;}
.order-step dl dd.details strong{color: #FF7840;font-size: 20px; line-height: 20px; font-weight: 500;}
.order-step dl dd.details:hover{ border-color:#1B9AF7}
.order-step dl dd.num{ position: absolute; left:50%; width: 36px; height: 36px; margin-left: -18px; font-size: 20px; color: #999; font-weight: 700; z-index: 99; font-family: Geirgia,Arial; display: flex; align-items: center; justify-content: center;}
.order-step dl.current dd.num{ display:none}

/*二级小的步骤样式*/   
.small-step {width: 110px; position: absolute; left: 16%;}  
.small-step dl{float: left; width:55px; height: 28px; margin:25px 0 0;}
.small-step dl::after{ display: none;}
.small-step dl.one dd.bg{background-position: -210px -354px;}
.small-step dl.two dd.bg{background-position: -266px -354px;}
.small-step dl dt{left: auto; top: 22px;}
.small-step dl.current dt{ color: #009251;}
.small-step dl dd.bg{width:55px; height: 28px;  margin-top: 30%; }
.small-step dl dd.date{bottom: -45px; left: auto ;  }
.small-step dl.current dd.date{ display: block; }
.small-step dl.one.current dd.bg{background-position: -210px -320px;}
.small-step dl.two.current dd.bg{ background-position: -266px -320px;}

/*订单详情操作内容样式*/
.order-info .order-handle,.order-info .order-infor{ float:left; height: auto; padding: 0px 20px; }
.order-info .order-handle{ width:100%; margin-bottom:10px;border:1px solid #eee;}
@media (min-width:468px) {.order-info .order-handle{width:100%; margin-bottom:10px;border:1px solid #eee;}}
@media (min-width:768px) {.order-info .order-handle{width:65%; margin-bottom:0px; border:none;border-right:1px solid #eee;}}
@media (min-width:992px) {.order-info .order-handle{width:70%; margin-bottom:0px;border:none;border-right:1px solid #eee;}}
@media (min-width:1200px) {.order-info .order-handle{width:70%; margin-bottom:0px;border:none;border-right:1px solid #eee;}}
.order-info .order-infor{ width:100%;  margin-bottom:10px; border:1px solid #eee;}
@media (min-width:468px) {.order-info .order-infor{width:100%; margin-bottom:10px; border:1px solid #eee;}}
@media (min-width:768px) {.order-info .order-infor{width:35%;margin-bottom:0px;border:none;}}
@media (min-width:992px) {.order-info .order-infor{width:30%;margin-bottom:0px;border:none;}}
@media (min-width:1200px) {.order-info .order-infor{width:30%; margin-bottom:0px;border:none; }}
/*操作内容*/
.order-info .order-handle .order-operate{ padding: 15px 10px;min-height: 220px;}
.order-info .order-handle .order-operate ul li{ padding: 10px 0px; }
.order-info .order-handle .order-operate ul li.operate-steps{ font-size: 16px;border-bottom: 1px dotted #E7E7E7;padding-bottom: 15px;margin-bottom: 15px;}
.order-info .order-handle .order-operate ul li.operate-steps i{ font-size: 30px; color: #0CC; margin-right: 10px;}
.order-info .order-handle .order-operate ul li.operate-steps span{ vertical-align: middle; color: #333;}
.order-info .order-handle .order-operate ul li.operate-button{ padding-left: 35px;} 
.order-info .order-handle .order-operate ul li.operate-button button,.order-info .order-handle .order-operate ul li.operate-button a{ margin-right: 10px; margin-bottom: 10px; }
.order-info .order-handle .order-operate ul li.operate-prompt{ padding-left: 35px;} 
.order-info .order-handle .order-operate ul li.operate-prompt span{ margin: 0px 5px; color: #FF6A6A;}
.order-info .order-handle .order-operate ul li.operate-prompt span .fa-clock-o::before{ margin-right: 5px;}

/*信息内容*/
.order-info .order-infor .order-infor-center{width: 100%;display: inline-block;padding: 10px 0px; min-height:160px;}
.order-info .order-infor h3{border-bottom: 1px dotted #E7E7E7;padding: 5px 0px; height:auto; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.order-info .order-infor .order-infor-center dl{ width: 100%; display: inline-block;}
.order-info .order-infor .order-infor-center dl dt,.order-info .order-infor .order-infor-center dl dd{float:left;font-weight: normal;}
.order-info .order-infor .order-infor-center dl dt{color: #999;min-width: 5em; margin-right: 5px; height: 25px; line-height: 25px; }
.order-info .order-infor .order-infor-center dl dt span{ display: inline-block; }
.order-info .order-infor .order-infor-center dl dt span.letter-spacing{ letter-spacing: 2em;}
.order-info .order-infor .order-infor-center dl dd span{ height: 25px; line-height: 25px;}
/*订单信息*/
.order-info .order-details {vertical-align: top;letter-spacing: normal; word-spacing: normal;display: inline-block; width: 100%;border:1px solid #eee; margin-bottom:10px;}
@media (min-width:468px) {.order-info .order-details{ margin-bottom:10px;border:1px solid #eee;}}
@media (min-width:768px) {.order-info .order-details{margin-bottom:0px; border:none;border-top: 1px solid #eee;}}
@media (min-width:992px) {.order-info .order-details{ margin-bottom:0px;border:none;border-top: 1px solid #eee;}}
@media (min-width:1200px) {.order-info .order-details{ margin-bottom:0px;border:none;border-top: 1px solid #eee;}}
.order-info .order-details .title { font-size: 12px;font-weight: 600; line-height: 20px; background-color: #fafafa;padding: 9px; border-bottom: 1px solid #eee;}
.order-info .order-details .content {width: auto; padding: 17px 17px 7px;}
.order-info .order-details .content dl{ margin-bottom:10px;}
.order-info .order-details .content dl dt,.order-info .order-details .content dl dd{font-size: 12px;line-height: 20px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block; font-weight:normal;}
.order-info .order-details .content dl dt {color: #888; min-width: 96px; text-align:right; margin-right:10px;}
.order-info .order-details .content dl dd { color: #666; width: 100%;}
@media (min-width:468px) {.order-info .order-details .content dl dd{width:100%}}
@media (min-width:768px) {.order-info .order-details .content dl dd{width:80%}}
@media (min-width:992px) {.order-info .order-details .content dl dd{width:80%}}
@media (min-width:1200px) {.order-info .order-details .content dl dd{width:80%}}
.order-info .order-details .content dl dd .img-chain{width: 55px; height: 55px; display: inline-block; border: 1px solid #eee; background: #eee; float: left; text-align: center;}
.order-info .order-details .content dl dd .img-chain img{ max-width: 100%; max-height: 100%;}
/*订单商品*/
.order-type-info{ position:relative;}
.order-type-info .spec-info{ word-break: break-all;}
.order-edit{position:absolute;right:-10px;top:auto;width:20px;height:20px;background:#ddd;text-align:center;border-radius:2px;}
@media (min-width:468px){.order-edit{right:-10px;top:auto;}}
@media (min-width:768px){.order-edit{top:20%;right:3px;}}
@media (min-width:992px){.order-edit{top:20%;right:5px;}}
@media (min-width:1200px){.order-edit{top:20%;right:5px;}}
.order-edit i{ color:#fff; margin:0px;}
.order-item td.order-discount{ border-left:1px solid #eee}
.tfoot-info { background-color: #fafafa;}
.tfoot-info .operator{ margin:0 5px; font-style:normal;}
/*订单商品编辑*/
.goods-info{ border:1px solid #ddd}
.goods-info .edit-goods,.goods-info .edit-content{ overflow:hidden; height:auto; width:100%; padding:15px;}
.goods-info .edit-goods{ background-color: #FBFBFB;}
.goods-info .edit-goods .txt-info {width:70%}
.goods-info .edit-content{border-top: 1px dotted #D8D8D8;}
.goods-info .edit-content h4{ font-size:14px;line-height: 22px; margin-bottom:10px;}
.goods-info .edit-content dl{ margin-bottom:5px; width:100%}
.goods-info .edit-content dl dt,.goods-info .edit-content dl dd{ display:inline-block;line-height: 28px; vertical-align:top}
.goods-info .edit-content dl dt{ font-weight:normal; text-align:right; margin-right:10px;}
.goods-info .edit-content dl { text-align:left;}
.goods-info .edit-content dl span.option{float: left;border: 1px solid #D1D1D1;background-color: #FFF;line-height: 20px;margin: 0px 7px 5px 0px;position: relative;cursor: pointer;padding: 2px 7px;min-width: 45px;text-align: center;}
.goods-info .edit-content dl span.option:hover{border: 2px solid #F40; padding:1px 6px;}
.goods-info .edit-content dl span i{ position:absolute; bottom:0px; right:0px; width: 12px;height: 12px;overflow: hidden;text-indent: -9999px; background: transparent url(../images/common/combine_img.png) no-repeat scroll 10% 0%; display:none;}
.goods-info .edit-content dl span.selected{border: 2px solid #F40; padding:1px 6px;}
.goods-info .edit-content dl span.selected i{ display:block}

/*批量退款*/
.batch-refund-box{}
.batch-refund-box .two-step .step-title,.batch-refund-box .three-step .step-title{ margin: 15px 0;}
.batch-refund-box .step-title{ margin: 10px auto; padding:12px 15px !important;background-color: #f8f8f8 !important;height: 44px !important;color: #333;line-height: 18px; border: none !important;  font-weight: normal !important;}
.batch-refund-box .step-title::before { content: ""; display: inline-block;  width: 3px; height: 12px; position: relative;top: 1px; background: #f60; margin-right: 5px;}
.batch-refund-box .table{ width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px #eee solid !important; background: #FFF none repeat scroll 0% 0%; font-size: 12px;}
.batch-refund-box .table tr{ border-bottom: 1px #eee solid;}
.batch-refund-box .table th{ background-color: #F5F5F5; text-align: center; padding: 10px 8px; font-weight: normal; border: none; color: #333;}
.batch-refund-box .table th label.input-label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: normal; cursor: pointer;}
.batch-refund-box .table th label.input-label .checkBox { margin: 4px 0 0; line-height: normal; vertical-align: sub; margin-right: 5px; cursor: pointer;}
.batch-refund-box .goods-info { padding: 10px;}
.batch-refund-box .goods-info .goods-img{ float: left; margin-right: 10px; width: 60px; height: 60px; overflow: hidden; border: 1px solid #eee;}
.batch-refund-box .goods-info .goods-img img{ vertical-align: middle; max-width: 100%; max-height: 100%; padding: 2px;}
.batch-refund-box input.edit-price{ width: 70px; padding: 5px; border-radius: 2px; border: 1px solid #ccc; box-shadow: 0 1px 2px 0 #f0f0f0 inset; background: #fff; text-align: center;}



/*****发货页面*****/
/*步骤标题*/
.step-title { margin: 12px 0px;font-size: 14px; font-weight: 600; color: #555;}
.step-title em { font-weight: 600; color: #F60; margin-right: 12px;font-style: normal;}
.messageBox{ border:1px solid #eee; padding: 8px;line-height: 20px;overflow: hidden;}
.address,.tfoot-info{border-top:1px solid #ddd;}
@media (min-width:468px) {.address,.tfoot-info{border-top:1px solid #ddd;}}
@media (min-width:768px) {.address,.tfoot-info{border-top:none;}}
@media (min-width:992px) {.address,.tfoot-info{border-top:none;}}
@media (min-width:1200px) {.address,.tfoot-info{border-top:none;}}
.tfoot-info p span{ display: inline-block;}
.address.valid{ border:1px solid #ddd;}
.deliver .table{ margin-bottom:0px;}
.deliver .remark dt,.deliver .remark dd{ display:inline-block;vertical-align: top;letter-spacing: normal;word-spacing: normal;}
.deliver .remark dl{margin: 0px auto 10px;width: 86%; text-align:left;}
.deliver .remark dt{text-align: right; font-weight:400;}
.deliver .remark dd{text-align: left; width:70%}
.waybillNum dt,.waybillNum dd{display:inline-block;}
.table tbody tr td.sku-goods-img img{ width: 30px; height: 30px;}
.collapse-panel{ max-height:412px; overflow-y:auto; margin-bottom:20px; transition: 1s;}
.collapse-panel.on{ height:200px; overflow:hidden; margin-bottom:20px; transition: 1s;}
.m-map-tip:after { content:'';position: absolute;left: 50%;margin-left:-10px;bottom:-8px;width:0;height:0;border: 4px solid transparent;border-top-color:rgba(255, 255, 255, .9);}

/******************************退款管理模块********************************/
/*商品信息*/
.refund-message { float: left;}
.refund-message div { text-align: left; margin-bottom: 3px; overflow: hidden;}
.refund-message div.name { height: auto;text-overflow: ellipsis; max-height: 35px; overflow: hidden; margin-bottom: 3px;}
/****退款详情*****/
.order-info{ width: 100%;  height: auto; display: inline-block; margin-bottom: 10px;}
.order-info h3{ font-size: 14px; height: 40px; line-height: 40px; border-bottom: 1px #ddd solid; }
/*退款详情左模块*/
.order-info .order-left{  height: auto; padding: 0px 10px; }
.order-info .order-left .order-goods{ width: 100%; padding: 10px 0px; display: inline-block; border-bottom: 1px #ccc dotted}
.order-info .order-left .order-goods .goods-attr span{ float: left; margin-right: 8px;}
.order-info .order-left .refund-info{ width: 100%; display: inline-block; padding: 10px 0px; border-bottom: 1px #ccc dotted;overflow: hidden;}
.order-info .order-left .refund-info dl{ width: 100%; display: inline-block;}
.order-info .order-left .refund-info dl dt, .order-info .order-left .refund-info dl dd{ float: left; font-weight: normal;}
.order-info .order-left .refund-info dl dt{ max-width: 30%; color: #999; width: 6.6em; height: 25px; line-height: 25px; }
.order-info .order-left .refund-info dl dt span{ width: 6.6em; display: inline-block; margin-right: -2em; }
.order-info .order-left .refund-info dl dt span.letter-spacing{ letter-spacing: 2em;}
.order-info .order-left .refund-info dl dd { max-width: 70%;}
.order-info .order-left .refund-info dl dd span{ height: 25px; line-height: 25px;width: 220px; display: inline-block;word-wrap: break-word;word-break: break-all;}
.order-info .order-left .refund-info dl dd .refund-img,.voucher{ padding: 5px 0px;}
.order-info .order-left .refund-info dl dd .refund-img img,.voucher img{ display:block; margin: auto; max-width: 100%; max-height: 100%;}
.order-info .order-left .refund-info dl dd .refund-img{width: 220px; overflow:hidden;}
.order-info .order-left .refund-info dl dd .refund-img a,.message-info .voucher a{display:inline-block; float:left;margin-right: 6px;margin-bottom: 7px; width: 55px; height: 55px; border: 1px #eee solid; line-height: 55px; padding:2px; text-align: center}
/*无边框*/
.order-info .order-left .border-none{ border: none;}
/*退款详情右模块*/
.order-info .order-right{ height:auto; padding: 0px 10px; }
/*操作模块*/
.order-info .order-right .refund-operate{ padding: 15px 10px; border-bottom: 1px #ccc dotted}
.order-info .order-right .refund-operate ul{ }
.order-info .order-right .refund-operate > ul > li{ padding: 10px 0px; }
.order-info .order-right .refund-operate ul li.operate-steps{ font-size: 16px;}
.order-info .order-right .refund-operate ul li.operate-steps i{ font-size: 30px; color: #0CC; margin-right: 10px;}
.order-info .order-right .refund-operate ul li.operate-steps span{ vertical-align: middle; color: #333;}
.order-info .order-right .refund-operate ul li.operate-button{ padding-left: 35px;} 
.order-info .order-right .refund-operate ul li.operate-button button{ margin-right: 10px; }
.order-info .order-right .refund-operate ul li.operate-prompt{ padding-left: 35px;} 
.order-info .order-right .refund-operate ul li.operate-prompt span{ margin: 0px 5px; color: #FF6A6A;}
.order-info .order-right .refund-operate ul li.operate-prompt span i{ font-size: 16px; vertical-align: text-bottom;}
p.prompt{ text-indent: 28px; line-height: 1.5em; font-size: 14px;}
/*留言模块*/
.order-info .order-message,.leave-word{ padding: 15px 10px; }
.order-info .order-message .admin-message p,.leave-word p{ margin-bottom: 10px;}
.order-info .order-message .admin-message p.submit-message{ text-align: right;}
.order-info .order-message ul,.leave-word ul{ width: 100%; height: auto; display: inline-block; }
.order-info .order-message ul li,.leave-word ul li{ width: 100%; height: auto; display: inline-block; position: relative; padding:13px 0px 0px; color: #999; border-top: 1px #ccc dotted}
.order-info .order-message ul li:first-child{ border-top:0px}
.order-info .order-message ul li div.buyer-head,.leave-word ul li div.buyer-head{ height: 50px;float:left; width:50px; position:absolute; display: flex; align-items: center; justify-content: center; top:18px; border: 1px solid #eee;} 
.order-info .order-message ul li div.buyer-head img,.leave-word ul li div.buyer-head img{ max-width: 100%; max-height: 100%; padding: 2px;}
.order-info .order-message ul li div.message-content,.leave-word ul li div.message-content{ float: right; min-height: 60px; overflow:hidden; width: 100%; padding-left: 70px;}
.leave-word ul{ max-height:220px; overflow-y:auto; padding:10px; border: 1px solid #ddd;}
.leave-word ul li div.message-content{ width:87%;}
.order-info .order-message ul li div.message-content p,.leave-word ul li div.message-content p{ width: 100%; min-height: 20px; line-height: 1.5em; clear:both; word-wrap: break-word;margin-bottom: 5px;}
.order-info .order-message ul li div.message-content p span.name,.leave-word ul li div.message-content p span.name{ float: left; color: #1B9AF7 }
.order-info .order-message ul li div.message-content p span.time,.leave-word ul li div.message-content p span.time{ float: right;}
.order-info .order-message ul li div.message-content p.message-answer{ text-align: right;}
.order-info .order-message ul li div.message-content .message-info-answer{ border-top: 1px #ccc dotted; margin-top: 10px; padding: 13px 0px 0px;}
@media (max-width:480px){.refund-message div.name{ max-width: 220px;}.order-info{ border: none;}.order-info .order-left { width: 100%; border: 1px #eee solid; margin-bottom: 10px; }.order-info .order-right{ width: 100%; border: 1px #eee solid;}}
@media (min-width:480px){.refund-message div.name{ max-width: 220px;}.order-info{ border: none;}.order-info .order-left { width: 100%; border: 1px #eee solid; margin-bottom: 10px; }.order-info .order-right{ width: 100%; border: 1px #eee solid;}}
@media (min-width:768px){.refund-message div.name{ max-width: 220px;}.order-info{ border: 1px #eee solid;}.order-info .order-left { width: 30%; float: left; border: none; border-right: 1px #eee solid;  }.order-info .order-right{ width: 70%;  float: left; border: none; border-left: 1px #eee solid; margin-left: -1px;}}
@media (min-width:992px){.refund-message div.name{ max-width: 240px;}.order-info{ border: 1px #eee solid;}.order-info .order-left { width: 30%; float: left; border: none; border-right: 1px #eee solid;  }.order-info .order-right{ width: 70%;  float: left; border: none; border-left: 1px #eee solid; margin-left: -1px;}}
@media (min-width:1200px){.refund-message div.name{ max-width: 240px;}.order-info{ border: 1px #eee solid;}.order-info .order-left { width: 30%; float: left; border: none; border-right: 1px #eee solid;  }.order-info .order-right{ width: 70%;  float: left; border: none; border-left: 1px #eee solid; margin-left: -1px;}}

/*评论*/
.photos{ padding: 5px 0px 0px; overflow: hidden; margin-bottom: 10px;}
.photos .photosBox{ position:relative;margin-right:6px;margin-bottom: 3px;display: inline-block !important;width: 50px; float:left; border: 1px solid #eee;text-align: center !important; height: 50px; background: #fff;}
.photos .highslide{ display:block}
.photos .highslide img{ display: inline-block; max-width: 50px; max-height: 50px; }
.photos .photosBox .photos-close{ position:absolute; top:0px; right:0px; font-size:12px; font-style:normal; color:#fff; background:#000;width: 15px; height: 15px; margin:auto; text-align:center;line-height: 14px; opacity:0; cursor:pointer;transform-origin: 50% 0% 0px;transition: all 300ms ease-in-out 0s; transform: scale(0);}
.photos .photosBox:hover .photos-close{ opacity:1; transform: scale(1);}
.rating h4{line-height: 18px;font-weight: 700;margin-bottom: 5px; font-size:12px;}
.rating h4 .ico-seller,.rating h4 .ico-shop{background:url(../images/common/icon_small.png) no-repeat -283px 1px; width:20px; height:20px; display:inline-block;vertical-align: bottom; margin-right:5px}
.rating h4 .ico-seller{background-position:-283px 1px;}
.rating h4 .ico-shop{ background-position:-263px 1px;}
.rating .rate-summary{text-align: right;line-height: 18px;height: 18px;margin-top: -23px;margin-bottom: 5px;}
.rating strong{color: #F60;font: bold 12px/20px Verdana;}
/*店铺评分*/
.rate-info tr td{ border:none !important; padding:5px 8px !important;}
.rate-info .graph{ border-right:1px dotted #ddd !important;}
.scroller { background: transparent url(../images/common/combine_img.png) no-repeat scroll right 22px; width: 340px;height: 44px;text-align: left;display: block;}
.scroller p { width:100%;display: block;height: 22px; margin-left:-15px;}
.scroller span {display: block;height: 22px; width: 30px;}
.scroller span.var-0{margin-left:0;}
.scroller span.var-1{margin-left:20%;}
.scroller span.var-2{margin-left:40%;}
.scroller span.var-3{margin-left:60%;}
.scroller span.var-4{margin-left:80%;}
.scroller span.var-5{margin-left:100%;}
.scroller em {background: transparent url(../images/common/combine_img.png) no-repeat scroll -84px 0px; display: block; float: right; padding-top: 1px; height: 22px; width: 30px;text-align: center; color: #FFF; font-style:normal;}
.rating .score{ width:20%; display:inline-block; text-align:center; float:left;}
.rating .score em{ font-style:normal; margin:0px 2px;color: #F60; font: bold 12px/20px Verdana;}
.rank-star{width: 145px;height: 23px;position: relative;display: inline-block;overflow: hidden;vertical-align: middle;margin-top: 3px;cursor: pointer;}


/********************************图片模块******************************/
/*图片查看*/
.picture-list{height:auto; overflow:hidden; margin:0px 0px;}
.picture-list ul {font-size: 0px;clear: both;width:100%;margin: -1px 0px -1px -1px; border-top:1px solid #E6E6E6}
.picture-list li{ vertical-align:top;letter-spacing: normal; word-spacing: normal; display: inline-block;width:20%;height:285px;border-style: solid;border-color:#E6E6E6;border-width: 0px 1px 1px 0px;position: relative; float:left;margin-bottom:-1px;}
.picture-list li:nth-child(5n){ border-right:none;}
.picture-list li dl {font-size:12px; width:100%; height:100%; padding:9%; position:absolute;  top:0px; left: 0px;}
.picture-list li:hover dl,.picture-list li.active dl { background-color: #f2f2f2; border: 1px solid #ddd; top: -1px;left: -1px; width: 100.8%;height:286px;z-index:1;}
.picture-list li:hover dl{ z-index:2}
.picture-list li dl dt .checkBox,.picture-list li dl dt .checkbox { position: absolute; z-index: 3; top: 20px; left: 20px; margin:0; cursor: pointer;}
.picture-list li dl dt {width: 182px; height:175px; margin: auto;}
@media (min-width:992px) {.picture-list li dl dt {width: 182px; height:175px;}}
@media (min-width:1200px) {.picture-list li dl dt {width: 204px; height:175px;}}
.style-seller .picture-list li dl dt {width: 175px; height:175px;}
.picture-list li dl dt .picture { width:100%; height: 100%; border: 1px solid #FAFAFA;background: #fff;}
.picture-list li dl dt .picture a { line-height: 0;  text-align: center; vertical-align: middle; display: table-cell;  width: 100%;  height: 100%; overflow: hidden; display:block;}
.picture-list li dl dt .picture a p{ display: none !important;}
.picture-list li dl dt .picture a img { max-width: 182px; max-height: 175px;}
.style-seller .picture-list li dl dt .picture a img { max-width: 175px; max-height: 175px;}
.picture-list li dl dt label{ margin-top: 7px; width: 160px; overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis; }
.picture-list li dl dd.date { font-size: 12px;line-height: 22px; color: #999; width: 90%;  height: 60px; position: absolute; top:210px; left: 8px; padding: 0px 0px 0px 8px; text-align:left;}
.picture-list li dl dd.date p{white-space: nowrap;}
.picture-list li dl dd.date p span{ display:inline-block}
.picture-list li:hover .date,.picture-list li.active .date{ color:#666}
.picture-list li .closeBox{ position:absolute; top:-10px; right:-8px;transform: scale(0);opacity: 0;transform-origin: 50% 0% 0px;transition: all 300ms ease-in-out 0s; z-index:22;}
.picture-list li .closeBox a{background: #DD1F26 none repeat scroll 0% 0%;width: 24px;height: 24px;line-height: 24px; border-radius:99%; display:inline-block; text-align:center; color:#fff; margin:auto; font-weight:bold;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}	
.picture-list li:hover .closeBox{ transform: scale(1);opacity: 1;}
.picture-title{line-height: 22px; overflow:hidden; padding: 0px 0px 10px; border-bottom: 1px solid #E6E6E6}
.picture .icon-quote{ width:28px; height:28px; text-align:center; position:absolute; top:8px; right:8px; border-radius:99%; color:#fff; background:#FF9900;display:inline-block; margin:auto; line-height:28px; font: 12px/28px Verdana;}
.picture-list li dl dt .editInput {font-size: 12px; font-weight: bold; line-height: 20px; color: #555; background-color: transparent;  width: 140px; height: 20px;  border: 0px none; position: absolute;  z-index: 1;top: 215px;cursor:pointer}
.picture-list li dl dt .editInput[type="text"]:hover,.picture-list li dl dt .editInput[type="text"]:focus{box-shadow:none}
.picture-list li dl dt span {font-size: 12px; line-height: 16px;vertical-align: middle; text-align: center; width: 16px; height: 16px; position: absolute;z-index: 2; top: 203px; cursor:pointer}
.picture-list li dl dt span i{ margin:0;}
.picture-list .field li dl dd.date { font-size: 12px; line-height: 22px; color: #999; width: 160px; height: 60px; position: absolute; z-index: 3; top: 225px;left: 50%;margin-left: -96px; padding: 0px 0px 0px 8px;}
.picture-list li dl dd.buttons {font-size: 0px; display: none; width:213px;top: 225px;position:absolute;left: 50%;margin-left: -88px; padding: 0px; z-index: 3;}
.picture-list li dl dd.buttons a { font-size: 12px; line-height: 16px; color: #999; background-color: #FFF; vertical-align: top;letter-spacing: normal; word-spacing: normal; display: inline-block; width: 40%;  padding: 2px 6px; margin: 0px 5px 5px 0px; border-radius: 2px;}
.picture-list li dl dd.buttons a:nth-last-child(1),.picture-list li dl dd.buttons a:nth-last-child(3){ margin-right:0px;} 
.picture-list li dl dd.buttons a i{display:inline-block}
.picture-list li dl dd a:hover {text-decoration: none; color: #27A9E3; box-shadow: 0px 0px 4px rgba(153, 153, 153, 0.75);}
.picture-list li:hover .buttons,.picture-list li.active .buttons{ display:block}
.picture-list li:hover .date,.picture-list li.active .date{ display:none;}
/*box*/
.picture-list .box li dl dt h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: #555; white-space: nowrap;  height: 20px;  margin: 7px auto; overflow: hidden;}
.picture-list .box li dl dt h3 a {color: #27A9E3;}
.picture-list .box li dl dd.date{  top:230px;left: 22px;display:block;font-size: 13px; width:175px;}
.picture-list .box li dl dd.buttons{ top:255px;left: 22px;}
.picture-list .box li dl dd.buttons,.picture-list .box li dl dd.date{position:absolute; left:50%; margin-left:-90px; padding:0;}

/*平台图片空间调整*/
.platform.picture-list li { height:295px;}
@media (min-width:1200px){.platform.picture-list li { height:315px;}}
.platform.picture-list li:hover dl,.platform.picture-list li.active dl { height:296px;}
@media (min-width:1200px){.platform.picture-list li:hover dl,.platform.picture-list li.active dl { height:316px;}}
.platform.picture-list li dl dt { width:185px; height:185px;position: relative; }
@media (min-width:1200px){.platform.picture-list li dl dt{ width:205px; height:205px;}}
.platform.picture-list li dl dt .picture a img { max-width:185px; max-height:185px;}
@media (min-width:1200px){.platform.picture-list li dl dt .picture a img { max-width:205px; max-height:205px;}}
.platform.picture-list li dl dt span.edit-name {top: 192px; right:0px;}
@media (min-width:1200px){.platform.picture-list li dl dt span.edit-name {top: 212px;}}
.platform.picture-list .field li dl dd.date,.platform.picture-list li dl dd.buttons { top:235px;}
@media (min-width:1200px){.platform.picture-list .field li dl dd.date, .platform.picture-list li dl dd.buttons {top:257px;}}


/****************************店铺模块***************************/
.page .table-content.CanEdit{ border-right:none;}
@media (min-width:468px) {.page .table-content.pull-left{ border-right:none;}}
@media (min-width:768px) {.page .table-content.pull-left{border-right:1px solid #e8e8e8;}}
@media (min-width:992px) {.page .table-content.pull-left{border-right:1px solid #e8e8e8;}}
@media (min-width:1200px) {.page .table-content.pull-left{border-right:1px solid #e8e8e8; }}
.page .detail{ padding:15px 0 10px 25px; height:auto; }
.page .detail dl {width: 100%;display: inline-block;}
.page .detail dl dt,.page .detail dl dd{display: inline-block; font-weight:normal; float:left;line-height: 25px;}
.page .detail dl dt {color: #999; width:6em; margin-right: 5px;height: 25px; text-align:right;}
.page .detail dl dd .ng-binding span{ display:block;}
.shop-state i.fa-popover{margin-left: 5px; font-size: 16px; margin-top: -2px; cursor:pointer; color:#FFB300}
.shop-state .popover{ font-size:12px; color:#333; box-shadow:none;  box-shadow: 0px 0px 0px 2px rgba(187,187, 187, 0.15); padding:0px; border-radius: 3px; font-family: "微软雅黑";}


/****************************红包模块**************************/
/*红包模态框*/
.bonus-modal { display: none; }
.modal-body p.prompt{ text-indent: 28px; line-height: 1.5em; font-size: 14px; padding: 0px;}
.modal-body span.payment{ width: 290px; display: inline-block; text-indent: 0px;}
.modal-body .content p.content-msg{ padding-left: 28px; font-size: 14px; font-weight: 600; color: #FF6A6A;}
.modal-body .content{ display: inline-block; width: 100%}
.modal-body .content .bonus-img, .modal-body .content .bonus-info{ float: left;}
.modal-body .content .bonus-img{ width: 100%; text-align: center; padding: 20px 10px;}
@media (min-width:468px) {.modal-body .content .bonus-img{ width: 100%; }}
@media (min-width:768px) {.modal-body .content .bonus-img{ width: 200px; }}
@media (min-width:992px) {.modal-body .content .bonus-img{ width: 200px; }}
@media (min-width:1200px) {.modal-body .content .bonus-img{ width: 200px; }}
.modal-body .content .bonus-info{ padding: 20px 10px;max-width: 400px;}
.modal-body .content .bonus-info h5{ font-size: 18px; font-weight: bold;}
.modal-body .content .bonus-info ul{ padding: 10px 0px; display: inline-block;}
.modal-body .content .bonus-info ul li{ height: 20px; line-height: 20px;}
.modal-body .content font.yellow{ color: #F0AD4E;}
.modal-body .content .bonus-info-spe>ul{ width: 400px; padding: 0px; display: inline-block;}
.modal-body .content .bonus-info-spe>ul>li{ width: 100%; height: auto; line-height: 20px; display: inline-block;}
.modal-body .content .bonus-info-spe ul li span,.modal-body .content .bonus-info-spe ul li font,.modal-body .content .bonus-info-spe ul li ul{ float: left;}
.modal-body .content .bonus-info-spe ul li ul li{ height: auto;}
/*红包派发选择会员容器*/
.table-content table.left-to-right{ width: 90%; height: 100%; margin: 0px auto}
.table-content table.left-to-right tr:first-child td{ font-size:14px; color:#555; font-weight:600;}
.table-content table.left-to-right td{ padding: 13px 8px; vertical-align: middle; text-align: center;}
.table-content table.left-to-right td ul{ height: 260px; border: 1px solid #D7D7D7; text-align: left; overflow-y: scroll;}
.table-content table.left-to-right td ul li{ height: 20px; line-height: 20px; padding: 0px 8px; color: #999; overflow: hidden;}
.table-content table.left-to-right td ul li:hover{ cursor: pointer; background: #3399FF; color: #fff;}
.table-content table.left-to-right td.text-c p .btn.btn-sm{ width:50px; font-weight:600;}
.table-content table.left-to-right select{ border:1px solid #ccc;}
.table-content table.left-to-right select option{ padding:5px 15px; cursor:pointer;}
/*红包详情内tab切换*/
.tabs-content{ border-bottom: 1px solid #FBEED5;}
.tabs-content .nav-tabs{ border-bottom: 1px solid #FBEED5;}
.tabs-content .nav-tabs li a { padding: 10px 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; border-color: #FBEED5; border-bottom-color: transparent}
.tabs-content .nav-tabs>li a:hover, .tabs-content .nav-tabs>li.active>a, .tabs-content .nav-tabs>li.active>a:focus, .tabs-content .nav-tabs>li.active>a:hover{ color: #F60; cursor: pointer; background-color: #FCF8E3; border: 1px solid transparent; border-radius: 4px 4px 0 0; border-color: #FBEED5 #FBEED5 #FCF8E3;}
.tabs-content .tab-content{ padding: 15px 15px 5px; background: #FCF8E3; }
.tabs-content .tab-content .tab-pane{ position: relative;}
.tabs-content .tab-content .tab-pane h3{ position: absolute; right: 10px; top: -10px; cursor: pointer; z-index:2;}
.tabs-content .tab-content .tab-pane h3 i{ color: #F60; font-size: 26px; cursor: pointer; }

/*红包推广*/
.popover-por{ position: relative;}
.popover-por .popover-box{border-radius: 2px; z-index: 18;-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
box-shadow: 0px 1px 6px rgba(0,0,0,0.2);}
.popover-por:hover .popover-box{ display: block}
.QR-code.popover-box{display:block;box-shadow:none; left: 0px;}
.popover-por .popover-box .popover-tip{ height:20px;position: absolute; width:100%; top: -18px;}
.popover-por .popover-box.top-left .popover-tip,.popover-por .popover-box.top-center .popover-tip,.popover-por .popover-box.top-right .popover-tip{ top:-18px; bottom:auto;}
.popover-por .popover-box.bottom-left .popover-tip,.popover-por .popover-box.bottom-center .popover-tip,.popover-por .popover-box.bottom-right .popover-tip{ top: auto; bottom: -18px;}
.popover-por .popover-box.left-top .popover-tip,.popover-por .popover-box.left-center .popover-tip,.popover-por .popover-box.left-bottom .popover-tip{ top: 0px; width: 20px; height: 100%; left:-18px;}
.popover-por .popover-box.right-top .popover-tip,.popover-por .popover-box.right-center .popover-tip,.popover-por .popover-box.right-bottom .popover-tip{ top: 0px; width: 20px; height: 100%; right: -18px;}
.popover-por .popover-box .popover-inner{position: relative; background: #fff; border-radius: 2px; padding: 10px 20px; color: #333; z-index: 2;}
.popover-por .popover-box .arrow{position: absolute; box-shadow: 0 1px 4px rgba(0,0,0,0.4); z-index: 1; width: 16px; height: 16px; background: #fff; transform: rotate(45deg) translateX(50%);}
.popover-por .popover-box.top-left .arrow { left: 10px; top:-10px;}
.popover-por .popover-box.top-center .arrow {left: 50%; top:-10px;}
.popover-por .popover-box.top-right .arrow { right: 10px; top:-10px;}
.popover-por .popover-box.right-top .arrow{top: 10px; right:0px;}
.popover-por .popover-box.right-center .arrow {top: 50%; right:0px;}
.popover-por .popover-box.right-bottom .arrow {bottom: 10px; right:0px;}
.popover-por .popover-box.bottom-left .arrow {left: 10px; bottom:0px;}
.popover-por .popover-box.bottom-center .arrow {left: 50%;bottom:0px;}
.popover-por .popover-box.bottom-right .arrow {right: 10px;bottom:0px;}
.popover-por .popover-box.left-top .arrow {top: 10px; left: -10px;}
.popover-por .popover-box.left-center .arrow {top: 50%; left: -10px;}
.popover-por .popover-box.left-bottom .arrow {bottom: 10px; left: -10px;}
.popover-tab-box .pop-tab-item{ overflow:hidden; background: #F8F8F8; text-align: center; margin:-10px -20px 10px;}
.popover-tab-box .pop-tab-item li{ display:inline-block; }
.popover-tab-box .pop-tab-item li a{ display: block; border: none; color: #666; line-height: 32px; padding:0px 40px;}
.popover-tab-box .pop-tab-item li.selected{ border-bottom:2px solid #59f;}
.popover-tab-box .pop-tab-item li.selected a{ color: #333;background: none; border: none;}
.popover-tab-box .pop-tab-item > li > a:hover{ background: none; border: none;}
.pop-tab-content{ overflow:hidden}
.popover-tab-box .pop-tab-pane{ display: none;}
.popover-tab-box .pop-tab-pane.selected{ display: block;}
.input-button-box{position: relative;display: flex; height: 30px; max-height: 36px;}
.input-button-box input{background-color: #f8f8f8; flex: 1; height:30px; border: 1px solid #e5e5e5; border-right:none; font-size: 12px; border-radius: 2px 0 0 2px; padding: 0 5px;}	
.input-button-box .input-button{color: #333; cursor: pointer;background: #f2f2f2; border-radius:0px 2px 2px 0;border: 1px solid #e5e5e5; padding: 0 5px; display: inline-block;font-size: 12px; line-height: 28px; vertical-align: middle;}
.qr-code-border{display: block; text-align: center;} 
.qr-code-border.qr-code-bg{ background-image: url(../images/default/qrcode_bg.png); background-size: 300px; background-repeat:repeat; padding:10px 0 15px;}
.qr-code-border .shop-name{ font-size: 14px; color: #333; line-height: 20px; }.qr-code-border .bonus-info{ font-size: 14px; color: #ff4444; border:1px solid #fab1af; border-radius:14px; line-height:28px; display: inline-block;padding: 0 15px; margin-top:8px;}
.qr-code-border .bonus-img{ display: block; text-align: center;margin:15px auto 20px; min-height:180px; }
.qr-code-border .bonus-img img{ width: 180px; }
.qr-code-border.hb.qr-code-bg{ border:none; background-size: auto; position: relative; background-image: url(../images/common/bonus_bg.png); background-repeat: no-repeat; width: 256px; height: 385px; padding:0px }
.qr-code-border.hb.qr-code-bg.small{background-image: url(../images/common/bonus_bg_small.png); height: 328px;}
.qr-code-border.hb .shop-name{position: absolute; top: 105px; display: block; text-align: center; width: 100%; font-size: 16px; color: #fff; line-height: 20px; margin-bottom: 10px;}
.qr-code-border.hb .bonus-info{position: absolute; top: 130px; display: block; border: none; margin:auto; text-align: center; width: 100%; font-size: 16px; color: #fff;line-height:28px; padding: 0 15px;}
.qr-code-border.hb .bonus-img{ display: block; position: absolute; left: 50px; top: 160px; text-align: center;padding: 16px 12px; width: 160px;margin: auto; }
.qr-code-border.hb.qr-code-bg.small .bonus-img {top: 102px;}
.qr-code-border.hb .bonus-img img{ width: 100%; }
.qr-code-border.hb .bonus-ft{ display: none;}
.qr-code-border .bonus-ft{ text-align: center; }
.qr-code-border .bonus-ft p{background: url(../images/default/long_press_icon.png) left top; background-size:20px;background-repeat: no-repeat;display: inline-block; padding-left:23px; line-height: 20px; font-size: 14px;}
/*为活动使用范围选择商品*/
.goods-picker-container.szy-goodspicker .col-sm-0.control-label,.col-sm-0.control-label{ display:none;}
.choose-goods-list{ width: 100%; position:relative; padding: 15px 10px; background: #EEF7FF; border: 1px solid #BCE8F1;}
.choose-goods-list .choose-goods-close{ position:absolute; right:-7px; top:-7px; width:22px; height:22px; background:#FF3300; border-radius:99%; color:#fff; font-size:18px; text-align:center; line-height:18px; cursor:pointer; display:block}
.choose-goods-list .tabmenu { background:none; position: static;}
.choose-goods-list .tabmenu .tab{border-bottom: 2px solid #1B9AF7; height:34px; overflow: hidden;}
.choose-goods-list .tabmenu .tab li{ margin-right:5px;}
.choose-goods-list .tabmenu .tab a{border: 1px solid #ddd;border-bottom: 0;background: #F5F5F5;border-radius: 0;font-size: 14px;display: block;text-align: center;line-height: 20px !important;color: #333; padding:7px 19px 6px !important}
.choose-goods-list .tabmenu .tab .active a,.choose-goods-list .tabmenu .tab .active a:hover{ background: #1B9AF7;border-color: #1B9AF7;color: #fff !important;}
.choose-goods-list .table-list.scroll{ height:172px; overflow-y:auto;} 
.choose-goods-list .goods-list .btn{padding: 0px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px;}
.choose-goods-list .search-condition{ display: block; width: 100%; height:auto;  background-color: #FFFFFF; padding: 8px 10px;}
.choose-goods-list .search-condition .chosen-container{width: 145px !important; min-width: 100px;}

.choose-goods-list .search-condition .search-condition-box{ display:block;clear: both;}
.search-condition-box .search-condition-field{ position: relative; min-height: 33px;}
.search-condition-box .search-condition-field .search-condition-label{ position: absolute; left:0px; line-height: 32px;}
.search-condition-box .search-condition-field .search-condition-wrap{ padding-left: 65px;}
.choose-goods-list .search-condition .search-condition-box > div,.choose-goods-list .search-condition .search-condition-box > span,.choose-goods-list .search-condition .search-condition-box > input{ margin-top:3px; margin-bottom:3px}
.choose-goods-list .search-condition .form-control{ width: 145px; margin-right: 5px; }
.choose-goods-list input, .choose-goods-list select{ font-weight: normal;}
.choose-goods-list label.input-label{ cursor: pointer;}
.choose-goods-list ul.goods-list{ width: 100%; padding: 0px; clear: both; background: #fff; display: inline-block; border-style: solid; border-color: #E6E6E6; border-width: 1px;}
.choose-goods-list ul.goods-list li{ float: left; width: 50%; padding-bottom: 5px; margin-bottom: -1px; border-style: solid; border-color: #E6E6E6; border-width: 0px 1px 1px 0px; position:relative}
@media (min-width:468px) {.choose-goods-list ul.goods-list li{ width: 33.3%;}}
@media (min-width:768px) {.choose-goods-list ul.goods-list li{ width: 25%;}}
@media (min-width:992px) {.choose-goods-list ul.goods-list li{ width: 20%;}}
@media (min-width:1200px) {.choose-goods-list ul.goods-list li{ width: 19.8%;}}
.choose-goods-list ul.goods-list li:nth-child(5n){ border-right:none;}
.choose-goods-list .table{ margin-bottom:0px;}
.choose-goods-list ul.goods-list li .picture{ text-align: center; position: relative;margin-top: 5px; height:120px;}
.choose-goods-list ul.goods-list li .picture a{ width: 100%; height: 100%; display: inline-block;}
.choose-goods-list ul.goods-list li .picture a img{ max-width: 120px; max-height: 120px;}
.choose-goods-list ul.goods-list li .picture .favourable-ing{ position: absolute; left: -1px; top: 5px; }
.choose-goods-list ul.goods-list li .picture .favourable-ing span{ font-weight: normal; color: #fff; background: #48CFAE; border-color: #48CFAE; border-width: 1px 1px 1px 0px; border-style: solid; border-radius: 0px 3px 3px 0px; margin-bottom: 5px; padding: 1px 3px; display: block;}
.choose-goods-list ul.goods-list li .picture .favourable-num{ position: absolute; right: 5px; top: 5px; height: 26px; line-height: 24px; width: 26px; border-radius: 13px; border-width: 1px; border-color: #48CFAE; border-style: solid;}
.choose-goods-list ul.goods-list li .picture .favourable-num span{ display: block; width: 24px; color: #48CFAE;}
.choose-goods-list ul.goods-list li .picture .favourable-num.danger{ border-color: #F00;}
.choose-goods-list ul.goods-list li .picture .favourable-num.danger span{ color: #F00;}
.choose-goods-list ul.goods-list li .date{ width: auto; margin: 0 auto; box-sizing: border-box; padding: 0px 10px;text-align: left}
.choose-goods-list ul.goods-list li .date p{ width: 100%; height: 36px; overflow: hidden}
.choose-goods-list ul.goods-list li .date .name a{ -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;  word-break: break-all; /*display: -webkit-box;*/ overflow: hidden;  text-overflow: ellipsis;}
.choose-goods-list ul.goods-list li .date .name .act-type{ margin-bottom: 0; padding: 0 4px; line-height: 16px; font-size: 11px;}
.choose-goods-list ul.goods-list li .date .choose{ line-height:15px; vertical-align: middle}
.choose-goods-list ul.goods-list li .date .choose a i.fa-ban{ color: #F00;}
.choose-goods-list ul.goods-list li .date .allattr a.btn-goodspicker{ position:absolute; right:8px; bottom:12px;}
.choose-goods-list ul.goods-list li .date .allattr a.btn-primary{background-color: #5cb85c !important; border-color: #4cae4c !important; color:#fff !important}
.choose-goods-list ul.goods-list li .date .allattr a.btn-default{color: #fff !important; background-color: #f0ad4e !important; border-color: #eea236 !important;}
.warning-option{font-size: 0;line-height: 32px;color: #27A9E3;*word-spacing: -1px;text-align: center;margin: 60px auto;}
.warning-option i { font-size: 22px; line-height: 32px; vertical-align: middle;letter-spacing: normal; word-spacing: normal; display: inline-block; margin-right: 8px;}
.warning-option span {font: 12px/32px "microsoft yahei"; vertical-align: middle;letter-spacing: normal; word-spacing: normal; display: inline-block;}
.choose-goods-list .search-condition .chosen-container.chosen-container-multi {width: 100% !important; max-width: 100%; display: block;}
 
/***************************储值卡模块****************************/
.form-group-showcase .control-label{ padding-top: 0px}
.form-group-showcase .control-label img{ height: 50px; border-radius: 4px}

/**活动发布步骤第一步***/
.release-activity-type { }
.release-activity-type ul { padding: 15px 0px; display: inline-block; width:100%}
.release-activity-type ul li{ float: left; border: solid 1px #ddd; height: auto; height: 160px; width: 100%; background-color: #F9F9F9; position: relative; display: inline-block}
.release-activity-type ul li.float-margin{ margin-left: 0px }
.release-activity-type ul li:hover{ background-color: #fff; border: 1px solid #1B9AF7; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);  -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15); box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
@media (min-width:468px) {.release-activity-type ul { padding: 15px 2%;}.release-activity-type ul li{ width: 49%;}.release-activity-type ul li.float-margin{ margin-left: 2% }}
@media (min-width:768px) {.release-activity-type ul { padding: 15px 2%;}.release-activity-type ul li{ width: 49%;}.release-activity-type ul li.float-margin{ margin-left: 2% }}
@media (min-width:992px) {.release-activity-type ul { padding: 15px 2%;}.release-activity-type ul li{ width: 49%;}.release-activity-type ul li.float-margin{ margin-left: 2% }}
@media (min-width:1200px) {.release-activity-type ul { padding: 15px 2%;}.release-activity-type ul li{ width: 49%;}.release-activity-type ul li.float-margin{ margin-left: 2% }}
.release-activity-type ul li:nth-child(2n){ margin-left:2%}
.release-activity-type ul li .icon{ height: 100%; padding: 25px; text-align: center; background: #fff;}
.release-activity-type ul li .icon span.activity-logo{ width: 60px; height: 60px; line-height: 60px; display: inline-block; text-align: center; border-radius: 4px; color: #FFF}
.release-activity-type ul li .icon span.activity-logo i{ font-size: 26px; margin: 0px; display:block; background:url(../images/common/icon_small.png) -15px -220px; width:60px; height:60px;text-indent: -9999px;}
.release-activity-type ul li .icon span.activity-logo-1 i{background-position: -15px -220px;}
.release-activity-type ul li .icon span.activity-logo-2 i{background-position: -105px -215px;}
.release-activity-type ul li .icon span.activity-logo-3 i{background-position: -15px -292px;}
.release-activity-type ul li .icon span.activity-logo-4 i{background-position: -105px -292px;}
.release-activity-type ul li .icon span.activity-logo-5 i{background-position: -14px -368px;}
.release-activity-type ul li .icon span.activity-logo-6 i{background-position: -187px -292px;}
.release-activity-type ul li .icon span.activity-logo-7 i{background-position: -104px -368px;}
.release-activity-type ul li .icon span.activity-logo-9 i{background-position: -187px -368px;}
.release-activity-type ul li .icon span.activity-logo-10 i{background-position: -188px -218px;}
.release-activity-type ul li .icon a { display: block; margin: auto; margin-top: 17px; text-align: center;}
.release-activity-type ul li .desc{ height: 100%; padding: 25px;}
.release-activity-type ul li .desc p{ line-height: 20px; color: #999;}

/***************************支付充值模块***********************/
.table-content.balance-recharge{ padding: 0px}
.table-content.balance-recharge table.left-to-right{ width: 100%; height: 100%; margin: 0px auto}
.table-content.balance-recharge table.left-to-right td{ padding:13px 0px}

/************************满额优惠、商品满送模块************************/
a.float-after, span.float-after{ height: 25px; padding: 3px 6px; display: inline-block; color: #AAA}
.modal-body .content .favourable-img, .modal-body .content .favourable-info{ float: left;}
.modal-body .content .favourable-img{ height: 110px; line-height: 110px; background:url(../images/shop/favourable.png) no-repeat center center; text-align: center; color: #fff; font-weight: bold; font-size: 22px;}
.modal-body .content .favourable-info{ padding: 20px 10px 0px;}
.modal-body .content .favourable-info p{ line-height: 25px;}
.modal-body .content .favourable-info p span{ font-size: 18px; font-weight: bold; float: left}
.modal-body .content .favourable-info p span.time{ font-size: 12px; color: #aaa; font-weight: normal}
.modal-body .content .favourable-info ul.favourable-desc{ width: 100%; padding: 10px 0px; display: inline-block;}
.modal-body .content .favourable-info ul.favourable-desc li{ line-height: 20px;}
.modal-body .content .favourable-info font.yellow{ color: #F0AD4E; font-size: 14px; font-weight: 600; margin: 0px 5px;}
.modal-body .content .favourable-info ul.favourable-desc li div.favourable-gift{ width: 100%; overflow: hidden; padding: 5px; margin: 5px 0px; border: 1px #2dc3e8 dashed; border-radius: 2px;}
.modal-body .content .favourable-info ul.favourable-desc li div.favourable-gift ul{ width: 100%; }
.modal-body .content .favourable-info ul.favourable-desc li div.favourable-gift ul li a{ color: #aaa;}
.modal-body .content .favourable-info ul.favourable-desc li div.favourable-gift ul li a:hover{ color: #1B9AF7;}
.modal-body .content .favourable-info ul.favourable-desc li p span{ float: none; font-size: 12px; color: #aaa; font-weight: normal;}

/**************************搭配套餐模块************************/
.table-content .table-responsive td a.choose-goods{ display: inline-block;}
.table-content .table-responsive td a.choose-goods img,.table-content .table-responsive td a.choose-goods span{ float: left}
.table-content .table-responsive td a.choose-goods img{ width: 40px; height: 40px; margin-right: 10px;}
.table-content .table-responsive td a.choose-goods span{ width: 300px; height: 40px; overflow: hidden}

/*************************商品分类模块************************/
.table-content .simple-form-field.edit{ display: none; float: none;}
.table-content .simple-form-field.edit .form-group .form-control{ width: 100%;}
.table-content .simple-form-field.edit .edit-content{ border: 1px #E1E6EB solid; border-bottom: none; position: relative;}
.table-content .simple-form-field.edit .edit-content h3{ position: absolute;right:-10px;top:-10px; cursor: pointer; z-index: 2}
.table-content .simple-form-field.edit .edit-content h3 i{ width: 22px; height: 22px; background: #FF3300; border-radius: 99%; color: #fff; font-size: 18px; text-align: center; line-height: 18px; cursor: pointer; display: block}
.table-content .simple-form-field.edit .edit-content .search-term{  border: none;}
.table-content .simple-form-field.edit .edit-content .table-responsive .table{ border: none !important; border-top: 1px #E1E6EB solid !important; margin-bottom: 0px !important;}
.table-content .simple-form-field.edit .edit-content .table-responsive{ border: none !important;}}

/****************************文章模块**********************************/
.art-icon{ margin-left:5px; cursor:pointer; display:inline-block;}
.art-icon i.fa{ font-size:14px; color:#00BB9C; margin:0px;}

/*文章详情左右分开*/
.article-info .info-left{ width: 100%; float:left;}
@media (min-width:468px) {.article-info .info-left{ width: 100%}}
@media (min-width:768px) {.article-info .info-left{ width: 66.66666667%;}}
@media (min-width:992px) {.article-info .info-left{ width: 66.66666667%;}}
@media (min-width:1200px) {.article-info .info-left{ width: 66.66666667%;}}
.article-info .info-right{width: 100%; float:left;}
@media (min-width:468px) {.article-info .info-right{ width: 100%}}
@media (min-width:768px) {.article-info .info-right{width: 33.33333333%;}}
@media (min-width:992px) {.article-info .info-right{width: 33.33333333%;}}
@media (min-width:1200px) {.article-info .info-right{width: 33.33333333%;}}
.article-number{display: block; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90px;}
.upload-thumb{ line-height: 0; background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; width: 160px;  height: 160px; border: 1px solid #F5F5F5;}
.upload-thumb img {max-width: 160px; max-height: 160px;}

/*上传图片相册*/
.goods-gallery {display: block; overflow: hidden;}
.goods-gallery .table_list{ margin-top: -1px;}
.goods-gallery .list { font-size: 0px; border:1px solid #d7d7d7; overflow: hidden; border-top: 0px}
.goods-gallery .list li {  vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block;  width:33%;  height: 88px; border-style: solid; border-color: #d7d7d7; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 1px 0px 0px; float:left; position:relative; overflow:hidden}
@media (min-width:468px) {.goods-gallery .list li {width:25%;  height: 107px;}}
@media (min-width:768px) {.goods-gallery .list li {width:20%;  height: 113px;}}
@media (min-width:992px) {.goods-gallery .list li {width: 16.66666667%; height: 131px;}}
@media (min-width:1200px) {.goods-gallery .list li {width: 16.66666667%; height: 131px;}}
.goods-gallery .list.null{ border:1px solid #d7d7d7;}
.goods-gallery .list li:nth-child(6n){ border-right:0px;}
.goods-gallery .list li a { line-height: 0;background-color: #FFF; text-align: center; vertical-align: middle; display: table-cell; width:100%; height: 100%;border: 1px solid #FFF; overflow: hidden; position:absolute; }
.goods-gallery .list li a img { max-width: 100%; max-height: 100%;}
.goods-gallery .list li.active a{ border:2px solid #1B9AF7;} 
.goods-gallery .list li span.pixel{position: absolute; left: 0; bottom:-23px; width: 100%; padding: 2px 0; text-overflow: ellipsis;background-color: rgba(0,0,0,.5);color: #FFF;transition: bottom .2s ease-out; overflow: hidden; font-size:12px; line-height:18px;}
.goods-gallery .list li:hover span.pixel{bottom: 0; transition: bottom .2s ease-out;}
.goods-list{padding:0px 10px;}
.goods-list ul{ border:1px solid #ddd; max-height:200px; height:200px; overflow-y:auto; }
.goods-list ul li{ border-bottom:1px dotted #efefef; padding:6px;}
.goods-list ul li:last-child{ border-bottom:none;}
.goods-list ul li a{ max-width:80%; height:20px; float:left;}
.goods-list ul li i{ font-style:normal; font-size:12px; cursor:pointer; margin-left:5px;width: 16px;height: 16px;line-height: 16px;border-radius: 99%;display: inline-block;text-align: center;}
.goods-list ul li:hover i{ background: #DD1F26 none repeat scroll 0% 0%;color: #FFF;font-weight: bold;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);}
/*编辑器中图片空间*/
.ke-dialog-body .goods-gallery .list li{width: 16.5%; height: 100px;}

/*商品标签*/
.tag_bg{ height: 26px;}
.goodstag-preview{position: absolute; top: 0; right: 10%; border: 1px solid #ddd; padding: 10px; width: 200px;}
.goodstag-preview p.title{font-size: 13px;color: #444;line-height: 20px;margin-bottom: 10px;}
.goodstag-preview .goodstag-content{ position:relative; width: 100%;border: 1px solid #eeee;width: 100%;height: 170px;text-align: center;}
.goodstag-preview .goodstag-content .goodstag-seat,.goodstag-preview .goodstag-content .goodstag-seat.location4{ position: absolute; top: 50%; left: 50%; margin:-30px auto auto -30px;}
.goodstag-preview .goodstag-content .goodstag-seat.location1{ top: 0px; right: 0px; left: auto; margin: auto;}
.goodstag-preview .goodstag-content .goodstag-seat.location3{ bottom: 0px; right: 0px; left: auto;  top: auto; margin: auto;}
.goodstag-preview .goodstag-content .goodstag-seat.location0{ top: 0px; right: auto; left:0; margin: auto;}
.goodstag-preview .goodstag-content .goodstag-seat.location2{ bottom: 0px; right: auto; left: 0; top: auto; margin: auto;}
.goodstag-item-box li{ display: inline-block; cursor: pointer; min-width: 40px; margin-right: 7px; display: inline-block;}
 
.goodstag-seat{ z-index: 24;} 
.goodstag-item{ position: relative; width: 60px; text-align: center;}
.goodstag-item span.tag-text{ position: absolute; left: 0px; color: #fff;width: 100%;line-height: 34px;z-index: 22; font-size: 12px; text-align: center;}
.goodstag-item i.iconfont{ font-size: 38px; line-height: 45px;position: absolute; top: 0px; left: 0px;}
.goodstag-seat img{ max-width: 60px;}
.goodstag-item-box{max-height: 350px; border: 1px solid #ddd; padding: 10px; overflow-y: auto; width: 450px;}
.goodstag-item-box .disp-block .goodstag-type{color: #333; display: block; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0px 0 10px;}
.goodstag-item-box li .goodstag-item i.iconfont,.goodstag-content .goodstag-item i.iconfont{ color: #ccc;}
.goodstag-item-box li .goodstag-item i.fa{ display: none; font-size:20px; position: absolute; top: 50%; left: 50%; z-index: 121; margin: -12px auto auto -10px;}
.goodstag-item-box li.selected .goodstag-item i.fa{ color:#FF4444; display: block;}

/*商品水印*/
.watermark,.watermark .goodstag-item{width: 100%; height: 100%; position: absolute ; left:0 !important; right: 0 !important; top:0 !important; bottom: 0 !important; margin:0 !important; overflow: hidden;}
.watermark .goodstag-item > div{ position: absolute; width: 60px; height: 60px; background-repeat: no-repeat; left:0; right:0; margin:0}
.watermark.location1 .goodstag-item > div{ left:0; right:auto; top:0; bottom:auto; margin:0; background-repeat: no-repeat !important;}
.watermark.location3 .goodstag-item > div{ left: auto; right:0; top:0; bottom:auto; margin:0; background-repeat: no-repeat !important;}
.watermark.location7 .goodstag-item > div{ left:0; right:auto; top:auto; bottom:0; margin:0; background-repeat: no-repeat !important;}
.watermark.location9 .goodstag-item > div{ left:auto; right:0; top:auto; bottom:0; margin:0; background-repeat: no-repeat !important;}
.watermark.location5 .goodstag-item > div{ left:50%; top:50%; right:auto; bottom:auto; margin:-30px; background-repeat: no-repeat !important;}
.watermark.location10 .goodstag-item > div{ left:0; top:0; right:0; bottom:0; margin:0; background-repeat: repeat  !important; width:100%; height:100%}



/*前台调用选择相册图片样式*/
.goods-gallery { display: block; overflow: hidden;}
.goods-gallery .nav { background-color: #F5F5F5; padding: 4px;clear: both;overflow: hidden;height: auto;border: 1px solid #d7d7d7;}
.goods-gallery .nav select{ cursor:pointer;width: auto;min-width: 100px; max-width: 150px;}
.goods-gallery .nav .pull-left{ font-size: 12px; line-height: 24px;color: #999;}
.goods-gallery .list li a { top:0px; left:0px;}

/*搭配套餐 预览效果*/
.modal-package .modal-dialog{ width: 90%; max-width: 1160px;}
.package-view{ width: 988px; border: 1px solid #e5e5e5;}
.package-view .tab-nav{ width: 100%; height: 38px; line-height: 38px; font-weight: bold; color: #E31939;}
.package-view .tab-nav .selected{ color: #E31939; border-top: 2px solid #E31939; position: relative; top: -1px; float: left; padding: 0 20px; font-size: 14px;}
.package-view .tab-content{ width: 100%; height: 220px; overflow: hidden;} 
.package-view .tab-content .tab-content-groups{ float: left; width: 630px; height: 170px; margin: 20px 0 0 20px; position: relative; overflow: hidden;}
.package-view .goods-list{ overflow: hidden; position: absolute; left: 0; top: 0; padding: 0;}
.package-view .goods-item{ width: 150px; height: 170px; padding: 10px; float: left;}
.package-view .goods-item .picture img{ max-width: 130px; max-height: 130px;}
.package-view .goods-item .price input{ vertical-align: sub;}
.package-view .tab-content-control{ width: 52px; float: left;}
.package-view .tab-content-control .fa{ font-size: 25px; width: 40px; height: 50px; margin: 0 auto; border: 1px solid #e5e5e5; line-height: 50px; text-align: center;}
.package-view .tab-content-control .fa:hover{ color: #E31939;}
.package-view .tab-content-control .disabled{ color: #e5e5e5;}
.package-view .tab-content-control .disabled:hover{ color: #e5e5e5;}
.package-view .tab-content-action{ width: 240px; float: right;}
.package-view .price-suit{ display: inline-block; color: #E31939;}
.package-view .price-suit strong{ font-size: 18px;}
.package-view .price-save{ display: inline-block; background: #333; color: #fff; line-height: 18px; padding: 1px 3px;}
.package-view .buy-now{ display: block; width: 130px; height: 30px; line-height: 30px; background: #FF6500; color: #fff; text-align:center; font-size: 14px;}
.package-view .add-cart{ display: block; width: 130px; height: 30px; line-height: 30px; background: #E31939; color: #fff; text-align:center; font-size: 14px;}

/*快递模块 快递公司设置模板设置*/
.express-box{ width:872px; height:483px; border:1px  solid #ddd;position: relative;background: #eee;}
.express-box #img_bg{ border:3px solid #f5f5f5; max-width:100%; max-height:100%; margin:auto;}
.express-box .express-center{position:absolute;top: 0px;left: 0px; width:100%; height:100%}
.express-box .express-center .message-box{ border:1px dashed #666; padding: 4px 8px; font-size:12px; color:#222; line-height:12px; position:absolute; cursor:move; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; max-width: 800px; min-width:70px; min-height:22px !important; text-align:center}
.express-box .express-center .message-box .close-btn{ position:absolute; top:-8px; right:-8px; color:#fff; border-radius:99%; width:16px; height:16px;text-align: center;background: #DD1F26;line-height: 15px;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); cursor:pointer;transform: scale(0);opacity: 0;transform-origin: 50% 0% 0px;transition: all 300ms ease-in-out 0s;z-index: 22;}
.express-box .express-center .message-box:hover .close-btn{transform: scale(1);opacity: 1;}
/*快递模糊搜索*/
.form-control-wrap.text-c .chosen-container{ width:150px; text-align:left; margin-right: 3px;}
.search-show-region{ width:700px; margin:50px auto 20px;}
.search-show-region .search-show-notice{ font-size:14px; margin:10px 0;}
.search-show-region .search-show-notice span{ color:red; margin:0 5px;}
.search-show-region .delivery-container{ border:1px solid #ddd; padding:10px 0;}
.search-show-region .delivery-container ul{ overflow-y:auto; max-height:260px;}
.search-show-region .delivery-container li {font-size: 12px; list-style: none;border-bottom: solid 1px #f5f5f5; width: 680px; overflow: hidden;}
.search-show-region .delivery-container li:last-child{ border-bottom:none;}
.search-show-region .delivery-container li .delivery-timeline{padding: 10px; margin-left: 15px; float: left; border-left: solid 2px #ececec;}
.delivery-timeline-sign { width: 65px; float: left; display: inline-block;position: relative;overflow: hidden;background-color: #fff; left: -18px; margin-top: 12px; }
.delivery-timeline-text-mult{background-color: #f13f40;padding:2px 5px; margin-left: 5px;display: inline-block; text-align:center;font-size: 12px;font-weight: 400;color: #fff;line-height: 100%;vertical-align: text-bottom; display:none}
.delivery-timeline-circle{display: inline-block;width: 14px;height: 14px;vertical-align: text-bottom;font-style: normal;overflow: hidden; background:url(../images/common/combine_img.png) no-repeat -83px -39px;}
.delivery-timeline-info { float: left; width: 540px; margin-left: -10px; word-break: normal;}
.search-show-region .delivery-container li:first-child .delivery-timeline-info { color: #f54040; font-weight: 700;}
.search-show-region .delivery-container li:first-child .delivery-timeline-text-mult{ display:inline-block}
.search-show-region .delivery-container li:first-child .delivery-timeline-circle{ background-position:-69px -39px;}
/*模板信息位置*/
/*发件人*/
.message-box.sender-name{ top:40px;left:85px;}
.message-box.sender-tel{ top:40px;left:245px;}
.message-box.sender-postcode{ top:160px;left:265px;}
.message-box.sender-company{ top:70px;left:145px;}
.message-box.sender-address{ top:96px;left:100px;}
/*收件人*/
.message-box.addressee-name{ top:40px; left:442px;}
.message-box.addressee-tel{ top:40px; left:610px;}
.message-box.addressee-postcode{ top:158px; left:615px;}
.message-box.addressee-company{ top:70px;left:495px;}
.message-box.addressee-address{ top:96px; left:452px;}
/*特殊*/
.message-box.date{ top: 14px;left: 235px;}
.message-box.goods{ top:230px;left:35px;}
.message-box.num{top: 230px;left: 245px;}
.message-box.remarks{top: 305px; left: 437px;}

/*财务信息弹框样式*/
.popover-box.message .popover-info{width: 300px; left:178px;}
.popover-box.message .popover-info ul li div.dt { width:auto;}
.popover-box.message .popover-info ul li div.dd{line-height: 20px; }
/*财务搜索*/
.form-item .control-label{width: 85px;}
.form-item .form-control-wrap span{ display:inline-block;}
.simple-form-field .inline-item{color: #666; display: inline-block;padding: 3px 10px;border-radius: 2px;cursor: pointer;margin: 3px 5px 3px 0px;}
.simple-form-field .inline-item.active,.simple-form-field .inline-item.active:hover{color: #FFF;background-color: #999;}
.simple-form-field .inline-item:hover{background-color: #EBEBEB;}
.simple-form-field .inline-text{color: #666;display: inline-block;padding: 3px 0px 3px 10px;margin: 3px 0px;line-height: 18px;}
.ft-bar{ font-style:normal;}
.simple-form-field .take-time{background: #fff; line-height: 24px; height: 26px; display: inline-block;  padding: 0px 8px; border: 1px solid #ddd; border-radius: 3px; margin-right: 5px; cursor: pointer;}
.simple-form-field .take-time:hover{ border-color: #2589FF; color: #2589FF;}
.simple-form-field .take-time.selected,.simple-form-field .take-time.selected:hover{ background:#2589FF; border-color: #137DFF; color: #fff;}
.search-params{ border-top: 1px dashed #D4D4D4; position:relative; padding-top: 5px;}
.search-params .control-label{ position:absolute;}
.search-params .form-control-wrap{ width:100%; padding-left:90px; vertical-align: text-top; margin-top: -5px;}
.choice i{ margin:0px 0px 0px 5px}
.search-term .btn-link.more{position:absolute; bottom:10px; right:10px;}
/*收入与支出*/
.balance {margin: 25px 0px; font-size: 12px; text-align: center; font-weight: 300;}
.balance span{ margin:0px 15px;}
.balance .ft-amount {font-size: 18px;margin: 0px 6px; font-weight: 500;}
.balance .ft-in { color: #1BB974;}
.balance .ft-out { color: #FF7B0E;}
.balance .ft-total { color:#FF4040;}
/*财务订单统计*/
.orderList {font-size: 0px;color: #777;background-color: #FFF;padding: 12px 0px;margin-top: -1px;border-style: solid;border-width: 1px 0px;border-color: #F0F0F0;position: relative;z-index: 1; }
.orderList ul{overflow: hidden;}
.orderList li{ width: 25%; height: 60px; position: relative; z-index: 1; border-top: 1px dashed #E7E7E7; border-left: 1px dashed #E7E7E7;  margin: -1px 0px 0px -1px; display:inline-block; float:left;}
.orderList li h4 { font-size: 14px;line-height: 20px; color: #555;position: absolute;z-index: 1; top: 10px; left: 3%;}
.orderList li h6 { font-size: 12px; line-height: 20px; color: #999;font-weight: normal; position: absolute; z-index: 1; bottom: 10px; left: 3%;}
.orderList li h2 { font-size: 20px; line-height: 40px; font-weight: normal; color: #2CBCA3; position: absolute;  z-index: 1; top: 10px;right: 5%;} 


/*************************消费者保障服务样式*************************/
/*标题*/   
.titleBox { margin-bottom:10px;padding-left: 5px;}   
.titleBox .title{ font-size:20px; font-weight:bold; color:#333;}

/*服务项目*/
.serve-item{border: 1px solid #eee;background: rgb(245, 245, 245) none repeat scroll 0px 0px;height: 100%;padding: 30px; clear:both; overflow:hidden; border-bottom:none;}
.serve-img{float: left;width: 60px;height: 60px; background: #fff; display: flex; align-items: center; justify-content: center;}
.serve-img img{ max-width: 100%; max-height: 100%;}
.serve-info{float: left; margin-left: 15px; width: 320px;}
.serve-name{float:left; margin-bottom: 12px;}
.serve-name .name{font-size: 16px;font-weight: 700;}	
.serve-handle{ clear:both;}
.serve-details{width:100%;clear: both; height: 60px; padding:10px 20px; border: 1px solid #eee;}
.serve-details div{ overflow:hidden;color: #9c9c9c; line-height: 18px; height:38px;}
.col-sm-6:hover .serve-item{border: 1px solid #ddd;border-bottom:none;}
.col-sm-6:hover .serve-details {border: 1px solid #ddd;}
/*没有服务项目*/
.serve-none{padding: 140px 10px 220px; text-align:center}
.serve-none i{ font-size:48px; color:#3399CC; margin-right:20px;}
.tab-pane .supplier{ border-right:1px solid #ddd}
/*卖家中心商家入库底部浮动样式*/
.page-bottom{ position:fixed; bottom:0px; width:100%; z-index:99; padding: 0px 15px;background: #fff;margin: 0px -15px; border-top:1px solid #ddd;}
.page-bottom .table,.page-bottom .table tr,.page-bottom .table td{ border: medium none;}

/*地区列表字母筛选样式*/
.filter-item{display:block;width:100%;height:100%;background-color:#F9FAFA;padding:5px 10px;border:1px #ddd solid;overflow:hidden}
.filter-list ul li{display:inline-block;float:left;margin:2px 5px;text-align:center;border-radius:3px;padding: 2px 7px;cursor:pointer; border:1px solid #F9FAFA}
.filter-list ul li:first-child{ margin-left:0px;}
.filter-list ul li a{ color:#666; width:100%; height:100%; font-size:14px; line-height: 18px;}
.filter-list ul li:hover,.filter-list ul li.selected{ border:1px solid #078AEB; background: #1B9AF7;}
.filter-list ul li:hover a,.filter-list ul li.selected a{color:#fff;}
.area-name{ color:#666 !important; cursor:pointer;}
table tr td .area-name i.fa-pencil{ visibility:hidden; margin-right:10px;}
table tr td:hover .area-name i.fa-pencil{ visibility:visible;}
/*地区管理*/
.table.table-bordered tr td.handle a{ border:1px solid transparent; background:transparent; color:#666}
.table.table-bordered tr td.handle a:hover{ color:#333; background:transparent; text-decoration:underline; border:1px solid transparent; box-shadow:none;}
.table.table-bordered tr td.handle span{ display:inline-block;}
.table.table-bordered tr td.handle span.ico-switch{ color:#999;}


/**************************打印发货单**********************/
/*打印发货单*/
.print-layout {font-size: 12px; min-height: 500px; background: #FAFAFA; border: solid 1px #CCC; position: relative;  width:1003px;  padding: 5mm 50mm 5mm 5mm; margin: 20px auto;  box-shadow: 2px 2px 2px rgba(204,204,204,0.5);}
.print-fixed{ position:absolute; right:0px; top:20px; width: 190px;}
.print-fixed .division-line,.print-module_wrap .division-line{position: absolute; left:0px; width:100%; text-align: center; border-bottom: 1px dashed #ddd; margin-top: -1px;}
.print-fixed .division-line span,.print-module_wrap .division-line span{color: #999; position:absolute; left: 50%; margin-left: -30px; top:-9px; background: #FAFAFA;}
.print-layout .print-btn {background: #FFF; border: solid 1px #ccc; position: absolute; z-index: 3; top: 10mm; right: 11mm; line-height: 32px; padding: 5px 10px; border-radius: 5px; box-shadow: 2px 2px 0 rgba(153,153,153,0.2); cursor: pointer;width: 115px;}
.print-layout .print-btn a{width:100%;height:100%;display:block;font-size: 20px;color:#555;font-weight: 600; letter-spacing: 0px;}
.print-layout .print-btn i { background: url(../images/common/combine_img.png)scroll no-repeat 0 -26px; vertical-align: middle; display: inline-block; width: 32px; height: 32px; margin-right:5px;}
.print-layout .print-btn:hover{ background:#555; box-shadow:none; border:1px solid #555;}
.print-layout .print-btn:hover a{ color:#fff;}
.print-layout .print-spec{ position:absolute; top:120px; right:8mm; width:120px;z-index: 3;}
.print-layout .print-spec select,.print-layout .print-spec select option{ cursor:pointer;}
.print-layout .print-spec select option{ padding:2px 10px; }
.print-layout .print-page { width:210mm;  margin: 1px; overflow: auto;}
.orderprint {background: #FFF; width:210mm; padding: 0; color: #000000; position: relative;border: dashed 1px #ccc; }
.print-panel{ position: relative; box-sizing: border-box; color: #000; overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:20px; margin-bottom:0px; display:block;}
.orderdiv:last-child .print-panel{ border-bottom:none;}
.print-panel .address-info p span{ display:inline-block;}
.orderprint .top { position:relative; margin-bottom:10px;}
.orderprint .top > img{ z-index:99}
.orderprint .top  h3{line-height: 60px; height: 60px; font-size: 24px; text-align:center; width:250px; display:block; margin:auto;}
.orderprint .top .print-logo{max-width: 200px; max-height: 60px;}
#printContent table.print_paper{ margin:auto;}
/*打印发货单表格内容*/
.orderprint table { border-collapse: collapse;}
.buyer-info{margin: 15px 0; }
.buyer-info tr td{ padding:1px; color:#000;}
.invoice-info{ width:100%;border-spacing: 0;  border-collapse: collapse;max-width: 100%; border:none;}
.invoice-info thead tr th{ padding:4px 7px;border-bottom: 1px dashed #000; border-top: 1px dashed #000 !important;background: #f5f5f5; color:#000; font-weight:400}
.invoice-info tbody tr td { padding: 8px 0; color:#000}
.invoice-info tbody tr td { background: #fff;padding: 8px 7px; text-align: center; font-weight: 200; border-bottom: 1px dashed #000; border-top:1px dashed #000;}
.invoice-info tfoot tr td { border-bottom:1px dashed #000; padding: 4px 7px;color:#000;}
.invoice-info tfoot tr td span { line-height: 24px; white-space: nowrap; display: inline-block; width: 20%; height: 20px; padding: 0; margin: 0; border: 0; overflow: hidden; text-overflow: ellipsis;}
.orderprint .pages { line-height: 18px; color: #999; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}
.orderprint em.operator{ font-style:normal;}
/*打印发货单右侧信息*/
.print-layout .tip{top: 82mm;color: #333;width: 36mm;position: absolute;z-index: 2;right: 8mm; text-align: center;}
.print-layout dl dt h1 { font-size: 72px; line-height: 72px;}
.print-layout dl dt em { font-family: Arial; font-size: 11px;  line-height: 20px; background: #333; color: #FFF; padding: 0 5px; height: 20px; border-radius: 10px; -webkit-text-size-adjust: none; font-style:normal;font-weight: 100;}
.print-layout .tip dd { line-height: 24px; text-align: left;}
/*打印规格*/
.print-layout{ width: 265mm; height: auto;}
.print-layout.a4 .orderprint{ width:210mm;}
.print-layout.a4 .orderprint .print-panel{height:291mm;}
.print-layout.mm241mm93{ width: 296mm;}
.print-layout.mm241mm93 .orderprint{width:241mm;}
.print-layout.mm241mm93 .orderprint .print-panel{ height:87mm; }
.print-layout.mm241mm139{ width: 296mm;}
.print-layout.mm241mm139 .orderprint{width:241mm;}
.print-layout.mm241mm139 .orderprint .print-panel{ height:133mm; }
.print-layout.mm241mm280{ width: 296mm;}
.print-layout.mm241mm280 .orderprint{width:241mm;}
.print-layout.mm241mm280 .orderprint .print-panel{  height:274mm; }

.print-layout.mm210mm145{ width: 265mm;}
.print-layout.mm210mm145 .orderprint{ width:210mm;}
.print-layout.mm210mm145 .orderprint .print-panel{ height:139mm;}

.print-layout.mm190mm280{ width: 245mm;}
.print-layout.mm190mm280 .orderprint{width:190mm;}
.print-layout.mm190mm280 .orderprint .print-panel{  height:274mm;}
.print-layout.mm190mm140{ width: 245mm;}
.print-layout.mm190mm140 .orderprint{width:190mm;}
.print-layout.mm190mm140 .orderprint .print-panel{ height:134mm;}
.print-layout.mm190mm93{ width: 245mm;}
.print-layout.mm190mm93 .orderprint{ width:190mm;}
.print-layout.mm190mm93 .orderprint .print-panel{ height:87mm; }

.print-layout.mm120mm280{ width: 175mm;}
.print-layout.mm120mm280 .orderprint{ width:120mm;}
.print-layout.mm120mm280 .orderprint .print-panel{  height:274mm; }
.print-layout.mm120mm140{ width: 175mm;}
.print-layout.mm120mm140 .orderprint{ width:120mm;}
.print-layout.mm120mm140 .orderprint .print-panel{ height:134mm; }
.print-layout.mm120mm93{ width: 175mm;}
.print-layout.mm120mm93 .orderprint{ width:120mm;}
.print-layout.mm120mm93 .orderprint .print-panel{height:87mm; }

.print-layout.mm100{ width: 155mm;}
.print-layout.mm100 .orderprint{width:100mm; padding: 0; }
.print-layout.mm100 .orderprint .print-panel{ width:100mm; padding:1mm; height:auto}
.print-layout.mm80{ width: 135mm;}
.print-layout.mm80 .orderprint{width:80mm;  padding: 0;}
.print-layout.mm80 .orderprint .print-panel{ width:80mm; padding:1mm;height:auto}
.print-layout.mm70{ width: 125mm;}
.print-layout.mm70 .orderprint{ width:70mm;  padding: 0;}
.print-layout.mm70 .orderprint .print-panel{ width:70mm; padding:1mm;height:auto }
.print-layout.mm60{ width: 115mm;}
.print-layout.mm60 .orderprint{ width:60mm; padding: 0;}
.print-layout.mm60 .orderprint .print-panel{ width:60mm; padding:1mm;height:auto}
.print-layout.mm50{ width: 105mm; font-size:10px;}
.print-layout.mm50 .orderprint{ width:50mm; padding: 0; }
.print-layout.mm50 .orderprint .print-panel{ width:50mm; padding:0mm;height:auto}
.print-layout .small-print.invoice-info thead tr th{ background:#fff;}
.print-layout .small-print.invoice-info tbody tr td{ padding:0; border:none;}
.print-layout .address-info.p-t-10{ border-top:1px dotted #000}

/***************************模板设置*********************************/
.templatesContent{overflow: hidden;position: relative; padding:0px 25px;}
.template-title{font-size: 18px;height: 30px;line-height: 30px;margin-bottom: 10px;}
.template,.template-default{display: block;width: 322px;height: 218px;outline: 0;cursor: default;text-decoration: none;float: left;margin-left:45px;margin-bottom: 48px;position: relative;background:url(../images/renovation/renovation-bg.png) no-repeat -176px -280px ; overflow:hidden;}
.template-default{ margin-left:0px; margin-right:100px;}
.template-message{ float:left;}
.template-message .template-name,.template-message .template-type{ color:#666; font-size:15px; line-height:40px; height:40px; display:block;}
.template-message .template-button{line-height:40px; height:40px; display:block; margin-top:40px;}
.template-box{ margin-left:-45px;}
.template .templateImg,.template-default .templateImg{width:320px;height:200px;position: absolute;top: 17px;left: 1px; overflow:hidden;transform: scale(1);transition: all 0.5s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 0.5s ease 0s;}
.template .templateImg img,.template-default img{ width:322px;}
.template:hover .templateImg{transform: scale(1.02);transition: all 0.5s ease 0s;-webkit-transform: scale(1.02);-webkit-transform: all 0.5s ease 0s;}
.template .templateCover{visibility: hidden;opacity:0;filter: alpha(opacity=0);background: #000;width: 320px;height: 203px;position: absolute;top: 15px;left: 1px;transition: all 1s ease 0s;}
.template .templateLayer{width: 320px;height: 200px;position: absolute;top: 17px;left: 1px;visibility: hidden;z-index: 2;opacity:0;filter: alpha(opacity=0);transition: all 1s ease 0s;}
.templateBtnContainer{width: 100%;height: 56px;text-align: center;position: absolute;top: 50%;margin-top: -28px;}
.templateBtnContainer .templateBtn{ background:url(../images/renovation/renovation-bg.png) no-repeat -395px -143px;display: inline-block;width: 102px;height: 47px;line-height: 47px;color: #fff;font-size: 14px;text-decoration: none;overflow: hidden;position: relative;text-align: left;}
.templateBtnContainer .templateBtn i{float: left;width: 30px;height: 20px;margin: 14px 7px 0 18px;  background:url(../images/renovation/renovation-bg.png) no-repeat -378px -7px;}
.templateBtnContainer .templateBtn.lookTemplateBtn  i{ background-position: -378px -7px;}
.templateBtnContainer .templateBtn.copyTemplateBtn  i{ background-position: -378px -37px;}
.templateBtnContainer .templateBtn.lookTemplateBtn{ margin-right:10px;}
.template:hover .templateCover,.template:hover .templateLayer{ visibility:visible;transition: all 1s ease 0s;opacity:0.7;filter: alpha(opacity=70)}
.template:hover .templateLayer{opacity:1;filter: alpha(opacity=100)}

/*账单*/
.balance-box.row{ margin: 0;}
.balance-box .col-sm-9,.balance-box .col-sm-3{ padding: 0;}
.balance-box .col-sm-3 h5, .balance-box .col-sm-3 .balance-bill{ border-left:1px solid #ddd}
.balance-box h5{ color: #333; font-size: 20px; text-align: center; display: block; font-weight: bold; padding: 5px 0px; line-height: 38px; border-top: 1px solid #ddd;}
.balance-bill{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;background: rgba(0,0,0,0.008);zoom: 1;overflow: hidden; margin:0px auto 10px;text-align: center; display: flex; align-items: center;}
.balance-bill dl {float: left; width: 25%; margin-left: -1px; padding: 10px 0px; min-height: 80px; border-left: 1px dashed #e5e5e5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.balance-bill dl.top-line{border-top: 1px dashed #e5e5e5; padding-top:5px; margin-top: 5px;}
.balance-bill dl.bottom-line{ border-bottom: 1px dashed #e5e5e5; }
.balance-bill dl dt{font-size: 14px;color: #333;margin-bottom: 10px; font-weight:normal;}
.balance-bill dl dt .small{ font-size: 80%; display: block; color: #999;}
.balance-bill dl dd span{line-height: 28px; margin:0;}
.balance-bill dl dd span.money{font-size: 25px;color: #f60;}
.balance-bill dl dd span.unit{font-size: 12px;color: #666; margin-left:5px;}
.balance-bill dl dd span .line{ margin: 0 5px; position: relative; font-style: normal; }
.balance-bill dl dd span .line::after{content: ""; display: block; position: absolute; left: 0; top: 20%; width: 1px; height: 60%; background: #ccc; }
.balance-bill.settlement dl{width: 16.733333%;}
.balance-bill.column3 dl{ width:33.3333%}
.balance-bill.column2 dl{ width:50%}
.balance-bill.column5 dl{ width:20%}
.balance-bill.column7 dl{ width:14.3%; padding:10px 0;} 
.balance-bill.column2 dl p {font-size: 14px;color: #333;line-height: 26px;text-align: left;padding-left: 20px;}
.settlemnet-message{ padding:5px; clear:both; overflow:hidden;margin-bottom: 10px;}
.settlemnet-message p span{height: 30px;line-height: 30px;width: 33.333%;display: inline-block;float: left;text-align:left;}
.settlemnet-message p:last-child span{ width:auto;}
.label-dao,.label-tui{ border-radius:0px; margin-right:5px; font-size:11px; font-weight:100;}
.label-dao{ background:#FF6600;}
.label-tui{background:#FF9900;}
/*账单合并th及div*/
.colspan-th{ padding:0px !important;}
.colspan-th .colspan-div{ border-style:solid; border-color:#ddd; border-width:0 1px; display: block !important;}
.colspan-div{ display: flex; align-items: center; justify-content: center;}
.colspan-div p { padding:7px 0; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.colspan-div p.text-c{ border-bottom:1px solid #ddd; }
.colspan-div p + p{ border-bottom: 0px !important;}
.colspan-div span{ min-width:50px; display:inline-block; float: left;}
.gather-box{ overflow:hidden}
.gather-box h5{ font-size:18px; font-weight:700; color:#333; margin-bottom:10px;}
.gather-box ul li{ width:50%; display:inline-block; float:left; font-size:14px; color:#666; line-height:24px;}
.bill-title{ padding:5px 0; margin-bottom:5px; font-size:14px;}
.bill-title span{ display:inline-block; margin-right:20px;}
.bill-title span em{ font-size:16px; color:#F30; font-style: normal}
.tooltip.in{ min-width:200px;}
/**/
.balance-bill.settlement{ border:1px solid #e5e5e5; padding:10px 20px; text-align:left;}
.balance-bill.settlement h5{ line-height:30px; margin-bottom:5px; font-size:16px;color: #f60;}
.balance-bill.settlement p{ padding-left:50px; margin-bottom:5px; font-size:14px;}
/*小计*/
.subtotal span{margin:0px 10px;}
.subtotal span:first-child{ margin-left:0px;}
.subtotal span em{color: #f60; padding:0px 2px; font-style:normal; font-family:Georgia,Arial; font-size:16px; font-weight:600;}

/*卖家地图*/
.map-main{ margin:10px auto; width:900px;position: relative;}
.map-main-module{width: 100%;padding-bottom: 20px;border-bottom: 1px dashed #dedede;margin-bottom: 20px;}
.map-main-module:last-child { border-bottom:0px;}
.map-main h4 { margin-bottom: 3px;}
.map-main h4 a { color: #ff6800;font-size: 14px;font-weight: normal; line-height:24px;}
.map-main-info a { margin-right: 20px;color: #555555;line-height: 24px;}
.map-main-info a:hover{color: #ff6800} 

/*程序解决*/
#table_list .chosen-container{ width:150px !important}
#table_list .form-control-error{ margin-left:0px;}
.order-content .ng-binding span{ display:block; overflow:hidden;}
.bonus-modal{ display:none !important}

/*分类列表 全部收起展开样式*/
.category-all{ background:#FF9F24 none repeat scroll 0% 0%; color:#fff; border-radius: 4px; padding: 2px 6px; vertical-align: top; margin-right:30px; font-weight:400; font-size: 12px;}
.category-all:hover { color:#fff;}
.table tr td.handle.text-l font a{ border:none; background:none;}
.table tr td.handle.text-l font a:hover{ background:#6DD26A}
.style-original .table tr td.handle.text-l font a:hover{ background:#1B9AF7;}

/*安全文件检测*/
.testing-box{ padding:20px; margin:60px auto 0;width: 850px;}
.testing-box .testing-img{ width:200px; height:200px; background:url(../images/common/testing.png) no-repeat center center; display:inline-block; margin-right:20px;margin-top: 20px; float:left;}
.testing-box .testing-text{ float:left; width:580px; display:inline-block; padding:10px}
.testing-box .testing-text h3{ font-size:28px; margin-bottom:25px;}
.testing-box .testing-text .num{ display:block; clear:both; margin-bottom:25px;width: 250px;}
.testing-box .testing-text .num span{ width:80px; height:80px; border-radius:99%; border:2px  solid #9D9D9D;display: inline-block; text-align:center; margin-right:20px; float:left;}
.testing-box .testing-text .num span i.fa{ color:#9D9D9D; font-size:42px; margin:auto;line-height: 80px;}
.testing-box .testing-text .num dl{float:left;display:inline-block;margin-top: 12px;}
.testing-box .testing-text .num dl dt,.testing-box .testing-text .num dl dd{ display:block; line-height:24px; font-weight:500;}
.testing-box .testing-text .num dl dt {font-size: 16px;color: #333333;}
.testing-box .testing-text .num dl dt em{font-size:22px;font-weight:600;font-family:Georgia, Arial;padding:0 4px;color:#00C177}
.testing-box .testing-text .num dl dd { font-size:16px;color: #999999;}
.testing-box .testing-text .testing-check{ display:block; margin-bottom:30px; }
.testing-box .testing-text .testing-check ul li{ float:left; display: inline-block; min-width:180px;margin-right: 5px;line-height: 24px;}
.testing-box .testing-text .testing-check ul li label{ cursor:pointer;}
.testing-box .testing-text .testing-check ul li input{ margin-right:8px;vertical-align: sub;}
.testing-box .testing-btn{ background: #00C177; color: #fff; font-size: 24px; padding: 8px 28px; text-align: center; border: 1px solid #00B06F}
.testing-box h3.testing-progress-text{font-size:24px; margin-bottom:20px; text-align:center; margin-top:60px;}
.testing-box h3.testing-progress-text span{ border:1px dashed #ddd; width:60px; height:60px; border-radius:99%; text-align:center; display:inline-block; margin-right:20px;}
.testing-box h3.testing-progress-text span b{font-size:22px; font-weight:600; font-family:Georgia, Arial; color:#00C177;line-height: 54px;}
.testing-box a.testing-cancel{border:1px solid #ddd;color:#999;padding:2px 12px;font-size:12px;margin-left:40px;cursor:pointer;}
.testing-box a.testing-cancel:hover{ border:1px solid #bbb; color:#666;}
.testing-box .testing-progress{ height:20px; width:300px; margin:auto;}
.testing-box .testing-progress .progress { height:14px;}
.testing-box.loading{position:absolute; background:#fff; top:50px; left:0; width:100%; height:100%; z-index:3}
.form-horizontal .simple-form-field .authset-list ul.authset-section.b-n li { width:230px;}
.form-horizontal .simple-form-field .authset-list:hover { background:#fff;}


/*********************拼团*******************/
.together-group .image-group{ display: inline-block; position: relative;}
.together-group .image-group a{ float: left; padding: 0px; border: 1px #ddd solid; margin-right: 5px; position: relative}
.together-group .image-group a span{ display: none; width: 100%; left: 0px; bottom: 0px; position: absolute; height: 20px; line-height: 20px; filter: alpha(opacity=0.7); -moz-opacity: 0.7; opacity: 0.7; color: #fff; background: none repeat scroll 0 0 #000000; text-align: center; cursor: pointer; overflow: hidden;}
.together-group .image-group a:hover span{ display: block}
.together-group .image-group a img{ width: 55px; height: 55px;}
.together-group .image-group a.image-group-button { float: left; position: relative; padding: 0px !important; border: 1px #ddd dashed; background: #FCFCFC; cursor:pointer;}
.together-group .image-group a .image-group-bg { height: 55px; line-height: 55px; width: 55px; text-align: center; background: url(../images/default/add-img.png) no-repeat center center;}
.together-group .image-group a .inputstyle {width: 55px !important; height: 55px !important; cursor: pointer; font-size: 30px; outline: medium none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; left: 0px; top: 0px; }
.together-group .image-group-info{right: 33px; top: -5px; left:auto;width:200px; padding:4px;}
.together-group .image-group-info i.fa-caret-right{right: -10px; top: 10px; left:auto;}
.together-group .image-group-info ul li { min-width:100%;height: auto; line-height: 20px;}
.together-group .image-group .image-group-info{ position: absolute; left: -210px; top: 0px; width: 200px; padding: 4px; background: #FCF8E3; border: 1px #fce3b3 solid; border-radius: 4px; z-index:3; display: none;}
.together-group .image-group .image-group-info i.fa-caret-left,.together-group .image-group .image-group-info i.fa-caret-right{position: absolute; right: -10px; top: 18px; color: #fce3b3;}
.together-group .image-group .image-group-info p{ padding: 7px; border-radius: 4px; background: #fff;}
/*拼团订单详情*/
.table-responsive.together-order-info .table{border-color: #ddd;}
.table-responsive.together-order-info .table .item img{max-width: 60px; max-height: 60px; border: 1px solid #eee;}

/*小提示信息*/
.operat-tips{padding:80px 30px 30px 150px}
.operat-tips h4{color: #48CFAE;font-size: 20px;}    
.operat-tips h4 i{ font-size:22px;} 
.operat-tips .operat-box {margin-left: 20px;padding: 10px;}
.operat-tips .operat-box p{ font-size:12px;line-height: 26px;}  
.operat-tips .operat-box h5{ font-size:14px;height: 30px;line-height: 30px;}
.operat-tips .operat-box ul li{ line-height:18px;}

/*服务保障常见问题*/
.question-box{ border-left:1px solid #ddd; border-right:1px solid #ddd;}
.question-box dl dt,.question-box dl dd{ font-size:12px; display:block; color:#777; font-weight:300; padding:5px; word-wrap: break-word; word-break: break-all;}
.question-box dl dt{ border-bottom:1px dashed #eee;}
.question-box dl dt em,.question-box dl dd em{ font-style:normal;color:#fff; width:20px; height:17px; text-align:center; margin-right:10px;display:inline-block;background:url(../images/common/combine_img.png) no-repeat -90px 0;text-indent:-9999px;}
.question-box dl dt em.q{ background-position: -131px -1px;}
.question-box dl dd em.a{ background-position: -166px -1px;}

/*shop-time-table店铺时间表格样式*/
.shop-time-table{ margin-bottom:0px;}
.shop-time-table thead tr th,.shop-time-table tbody tr td{ padding:10px 8px;}
.shop-time-table tbody tr td{ text-align:center;}
.shop-time-table tbody tr td input[type="checkbox"]{ margin:auto;}
.shop-time-table tbody tr td .form-control.select{ width:55px; min-width:50px; max-width:60px;}
.shop-time-table .time-panel{ padding: 0px !important; line-height: 40px;}
.shop-time-table .time-subtime > div{float: left;display: inline-block;padding:2px; text-align:center;}
.shop-time-table .time-select{border-right: 1px solid #ddd; width:150px;}
.shop-time-table .time-panel .handle{ width:48px; text-align:center;}
.shop-time-table .time-subtime{ border-bottom:1px solid #ddd; height:45px; padding:0 !important;}
.shop-time-table .time-subtime:last-child{ border-bottom:0;}
.shop-time-table .time-subtime .btn.disabled{color: #BBB !important}

/*选择地区地址select宽度设置*/
#region_container select.form-control{ max-width:150px; width: 100px; }

/*产品库商品导入类型选择*/
.type-chosen{ font-size:18px; line-height: 30px; padding:20px;}
.select-list ul li{width:340px;background-color:#fff;display:inline-block;*display:inline;*zoom: 1;vertical-align:top;cursor: pointer;position:relative;text-align:left;margin-left:25px;margin-right:25px;border:1px solid #e7e7eb;font-size: 14px;overflow:visible;margin-top: 40px;}
.type_info { height:260px; position: relative;padding: 5px 20px 0;padding-left: 1em;padding-right: 1em;}
.type_info dt { font-size: 18px;padding-bottom: 35px; text-align:center;padding-top:70px; border-bottom:1px dashed #ddd;margin-bottom: 20px;}
.type_info .type_desc_sub{padding: 20px; text-align: center;}
.type_info .type_desc {color: #7b7b7b; height:80px;line-height: 1.6; padding:30px auto}
.type_info .type_pic,.type-import .type-pic{position: absolute;vertical-align: middle;display: inline-block; left:50%; margin-left:-43px; top:-40px;background:url(../images/common/combine_img.png) no-repeat -2px -233px; width:85px; height:85px;}
.type-import:hover{background: #f9f9f9}
.type-import a{ display:block; cursor:pointer; padding:35px 0;}
.type-import .type-pic{ position:static; top:0px; margin:10px auto;}
.type-import span{ display:block; text-align:center; font-size:16px; }
.type-import.last{ border-top:1px solid #eee; overflow:hidden}
.type_info .type_pic.manual,.type-import .type-pic.manual { background-position: -2px -233px;}
.type_info .type_pic.machine,.type-import .type-pic.machine {background-position: -120px -233px;}
.type_access { margin-top: 15px; padding-bottom: 34px; margin-left: 1em; display:none;}
.type_access a{color: #459ae9;text-decoration: none;}
.type_toolbar {background-color: #fbfbfb;padding: 10px 4px;text-align: right;border-top: 1px solid #e7e7eb;}
.type_toolbar em{font-weight: 400;font-style: normal;display:inline-block}
.type_toolbar em i.next{width: 16px;height: 16px;vertical-align: middle;display: inline-block; background:url(../images/common/combine_img.png) no-repeat -116px -161px; margin:0px 10px 0 5px;}
.select-list ul li:hover,.select-list ul li.selected { background-color: #f4f5f9;}
.select-list ul li:hover .type_toolbar,.select-list ul li.selected .type_toolbar { background-color:#f4f5f9; border-top-color: #e7e7eb;}
.select-list ul li:hover .type_toolbar em,.select-list ul li.selected .type_toolbar em{ color:#333;}

/*数据采集*/
.search-left{width: 197px; position:relative; z-index: 2; left: 0px; top: 0px; float: left;}
.goods-list-right{margin-left: 210px;}
/*右侧导入分类选择*/
.import-type-box .type-nav{border-bottom: 2px solid #58B4FF; height: 32px;}
.import-type-box .type-nav ul{display: block; height: 30px;}
.import-type-box .type-nav ul li{margin-right: 5px;position: relative;display: block;float: left;}
.import-type-box .type-nav ul li a{border: 1px solid #ddd;border-bottom: 0;background: #F5F5F5;border-radius: 0;font-size: 14px;margin: 0 !important;padding: 0px 14px 0px;color: #333;line-height: 30px; height:30px; display:inline-block;text-align: center;}
.import-type-box .type-nav ul li.selected a{background: #58B4FF;border-color: #58B4FF;color: #fff;}
.import-type-box .type-info{ border:1px solid #ededed; border-top:0px; min-height:400px; text-align:center;}
.import-type-box .type-info p{ line-height:120px; font-size:13px;}
.btn-import-preview{ margin-top:200px;}
.import-type-box .type-search{ margin:0px auto 5px; border-bottom:1px dashed #eee; padding:8px 10px; overflow:hidden}
.import-type-box .type-search input{width:128px; float:left; display:inline-block}
.import-type-box .type-search .btn{ padding:8px !important; float:left; display:inline-block; margin-left:5px;}
.top-level-menu{ padding-bottom:5px;position:relative; background: #FCFEFD; }
.top-level-menu > li{height: 30px; display:block; text-align:left; border:1px solid transparent; border-left:0px; border-right:0px; position:relative;} 
.top-level-menu > li > .menu-name{padding: 0 20px 0px 25px; display: block;font-size: 14px; line-height:28px; position:relative}
.top-level-menu > li > .menu-name i{color: #999; position:absolute; top:7px; right:10px; font: 400 12px/14px consolas;}
.sub-level-menu{position: absolute;top: -180px;left: 195px; z-index:999; background:#f9f9f9; border:1px solid #ddd; width:650px; padding: 8px; display:none; min-height:300px; height:auto;}
.sub-level-menu dl{width: 100%; overflow: hidden; line-height: 2em;}
.sub-level-menu dl dt{position: relative;float: left;width: 104px;padding: 12px 20px 0 0;text-align: right;font-weight: 600;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;}
.sub-level-menu dl dt a i{position: absolute;top: 13px;right: 8px;width: 4px;height: 14px;font: 400 9px/14px consolas;}
.sub-level-menu dl dd{float: left; width: 520px; padding: 8px 0 6px;}
.sub-level-menu dl dd a { float: left; padding: 0 8px; margin: 4px 0; line-height: 16px; height: 16px;border-left: 1px solid #e0e0e0;white-space: nowrap;}
.top-level-menu > li:hover{ border-color:#ddd}
.top-level-menu > li:hover > .menu-name{ color:#333;background: #f9f9f9;position: relative;z-index: 9999;margin-right: -1px;}
.top-level-menu > li:hover > .menu-name a{ color:#333;}
.top-level-menu > li:hover > .menu-name i{ display:none}
.top-level-menu > li:hover .sub-level-menu{ display:block}

/*数据采集导入*/
.data-import-box{ border:1px solid #eee; background:#fdfdfd; padding:20px; width:740px; margin:30px auto;}
.data-import-box h5{ font-size:16px;}
.data-import-box h5 strong{ margin:0 5px; color:#f60; font-family:Verdana, Geneva, sans-serif}
.data-import-box .data-list{ margin:20px; border:1px solid #efefef; padding:10px;}
.data-import-box .data-list ul{ height:200px;overflow:auto; overflow-x:hidden;}
.data-import-box .data-list ul li{ padding:3px; border-bottom:1px dashed #ddd; font-size:13px;}
.data-import-box .data-list ul li span{ display:inline-block; overflow:hidden}
.data-import-box .data-list ul li span.name{max-width:380px; text-overflow: ellipsis;white-space: nowrap;}
.data-import-box p{ font-size:12px; color:#666;}

/*地区管理*/
.parent-code select{min-width: 50px; max-width: 100px; margin-bottom:5px}

/*分类导航小图标*/
.iconfont-box{width: 55px; display: inline-block;text-align: center;border: 1px solid #ddd;padding: 3px;height: 55px;line-height: 50px;font-size: 28px !important;vertical-align: middle;}
.iconfont-box.iconfont-bg{ background: url(../images/default/add-img.png) no-repeat center center #FCFCFC; border: 1px #ddd dashed;}
#category_icon{ cursor: pointer;}
#category_icon i{ width: 16px; height: 24px; vertical-align: middle; display: inline-block;}
.nav-category-icon ul{ max-height: 250px;  display: inline-block; overflow: auto;margin-top: 20px;
border: 1px solid #eee; padding: 10px 20px;}
.nav-category-icon ul li{ width: 78px; height: 60px; text-align: center; float: left; overflow: hidden; padding:10px; cursor: pointer;}
.nav-category-icon ul li:hover{ background:#FF9F24; color:#fff;}
.nav-category-icon ul li.no-data{ width: 570px; padding: 50px 0; font-size: 14px; color: #D9534F !important;background: none !important;}


/******************微信*****************/
/*二维码排版*/
.wechat { overflow:hidden;}
.wechat .wechat-img{ text-align:center; width:200px; margin-left: 40px; float:left; display:inline-block;padding: 10px 20px}
.wechat .wechat-img .szy-imagegroup ul.image-group li .image-group-bg {width: 74px; height: 74px;}
.wechat .wechat-img .szy-imagegroup ul.image-group li .inputstyle {width: 80px !important; height: 80px !important;}
.wechat .wechat-img .szy-imagegroup ul.image-group li{width: 80px; height: 80px; text-align: center;}
.wechat .wechat-img .szy-imagegroup ul.image-group li a {width: 100%; height: 100%;}
.wechat .wechat-img img{max-width: 160px; text-align:center;margin-bottom: 5px;}
.wechat .wechat-info{float:left; display:inline-block;padding:20px;}
.wechat .wechat-info p{ line-height:26px; }
.wechat .wechat-info p:last-child{ margin-top:30px;}

/*文本页样式*/
.text-model-box{ padding:25px 25px 25px 40px;}
.text-model-box h5.title{font-weight:700; font-size:14px; margin-bottom:10px; } 
.text-model-box p{font-size:12px; margin-bottom:10px; line-height:24px; width:85%;}
/*消息内容*/
.message-info-box{ border:1px solid #ddd; padding:15px; border-radius:2px; width: 400px; min-height: 200px;}
.message-info-box h3.title{ font-size:16px; font-weight:600; color:#444; display:block; margin-bottom:3px;}
.message-info-box span{ font-size:12px; color:#999; margin-bottom:5px; display:block}
.message-info-box p{ font-size:12px; color:#666; line-height:24px; margin-bottom:3px;}
.message-info-box p a{ color:#039}
/*介绍盒子*/
.introduce-box{ overflow:hidden; padding:20px; border:1px solid #e9e9e9; margin-bottom:10px;}
.introduce-box .introduce-img,.introduce-box .introduce-text{ float:left; display:inline-block}
.introduce-box .introduce-img{ width:120px; height:120px; margin-right:20px;text-align: center; border:1px solid #eee;}
.introduce-box .introduce-img img{ max-width:100%; max-height:100%;}
.introduce-box .introduce-text{ width:860px;}
.introduce-box .introduce-text h5{ font-size:16px; color:#333; margin-bottom:10px;}
.introduce-box .introduce-text p{ font-size:12px; color:#666; line-height:22px;}
.introduce-box .introduce-text p span{ display:inline-block;}
.introduce-box .introduce-text p span b{ font-size:14px; color:#f60; font-weight:500;}
.introduce-box.small{ border:none; padding:10px;}
.introduce-box.small .introduce-text{ max-width:380px; } 

/*对接授权*/
.swiper-container{overflow: hidden;}
.swiper-container .swiper-ul li{width:33.33%; float: left; height: 198px;}
.swiper-container .swiper-ul li .swiper-box-item{padding: 0; height: 196px; border: 1px solid #ddd; display: block; background: #fff;text-decoration: none; color: #333; text-align: left; margin-right: 15px; margin-bottom:15px;}
.swiper-container .swiper-ul li:nth-child(3n+0) .swiper-box-item{ margin-right:0; }
.swiper-container .swiper-ul li:hover .swiper-box-item { border: 1px solid #2589FF; }
.swiper-container .swiper-ul li .swiper-box-item .pull-left{ float: left; width: 80px; text-align: right; display: inline-block;}
.swiper-container .swiper-ul li .swiper-box-item img{width: 50px; height: 50px;  margin-top: 40px;}
.swiper-container .swiper-ul li .swiper-box-item .download-link{ display: block; color: #666; margin-top: 20px;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont { min-width: 220px; max-width: 65%; margin: 20px 0 20px 30px; overflow:hidden; display: inline-block;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont h1{margin: 0; font-size: 20px; line-height: 20px;padding-bottom: 20px; font-weight: 500;color: #000;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont h1 label{ margin:0 0 0 10px; vertical-align:bottom}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont p{color: #666; font-size: 12px; line-height: 1pc; height: 3pc; overflow: hidden;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont p.h20{ width: 240px; text-overflow: ellipsis; white-space: nowrap;display: inline-block;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont p.time{ height:20px; margin-top:10px;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont p.text-r{ height:auto;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont .swiper-btn{margin-top: 10px; margin-right:5px; color: #fff;height: 26px;background-color: #fc6720;line-height: 26px;text-align: center;width: 75pt; display: inline-block;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont .swiper-btn.default{ background:#eee; color:#333;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont .swiper-btn.disabled{ background:#eee; color:#999; cursor:not-allowed;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont .swiper-btn.open{ background:#6DD26A; cursor: default;}
.swiper-container .swiper-ul li .swiper-box-item .needs-cont .swiper-btn.refuse{ background:#FF6262;}
.swiper-container.backend .swiper-ul li,.swiper-container.backend .swiper-ul li .swiper-box-item{ height:210px;}
/*无授权时间样式.swiper-container.backend .swiper-ul li,.swiper-container.backend .swiper-ul li .swiper-box-item{ height:172px;}*/

/*微信公众号对接样式*/
.weixin-form .table-content > .simple-form-field:last-of-type {padding: 0;}
.weixin-form .col-sm-2, .weixin-form .col-sm-10, .weixin-form .col-sm-4, .weixin-form .col-sm-8 {padding-left: 0;padding-right: 0;}
.weixin-form .form-control-text {width: 300px;height: 32px;*height: 20px;_height: 20px;padding: 6px;color: #777;font-size: 12px;display: inline-block;vertical-align: middle;}
.weixin-form .privileges li {-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 170px;margin: 8px 0;}
.weixin-form .privileges li .auth-item-label {color: #22BAA0;border: 1px solid #22BAA0;border-radius: 2px;display: inline-block;font-size: 12px;line-height: 1.2;padding: 0 2px;}
.weixin-form .privileges li .auth-item-name {color: #666;display: inline-block;max-width: 154px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 5px;}
.auth-item-text {width: 400px;padding: 15px;background: #f8f8f8;border: 1px solid #E5E5E5;margin-bottom: 15px;clear: both;}
.auth-item-text p {padding-bottom: 5px;}
.auth-item-text p a {color: #22BAA0;}
.layui-layer-content .auth-tips li {color: #FF7840;list-style: disc inside;margin-top: 5px;}
.unbind-weixin {display: inline-block;color: #22BAA0;margin-left: 10px;}

/*应用服务 云产品库样式*/
.section-type-box  ul {display: inline-block; margin-left: -2%;}
.section-type-box  ul li{ float: left; margin-left: 2%; border: solid 1px #e9e9e9; height: 220px; width: 48%; background-color: #F9F9F9; position: relative; display: inline-block}
.section-type-box  ul li.float-margin{ margin-left: 0px }
.section-type-box  ul li:hover{ background-color: #fff; border: 1px solid #1B9AF7; -moz-box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);  -webkit-box-shadow: 0 0 0 0 2px rgba(82, 168, 236, 0.15); box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15); outline: 0 none;}
.section-type-box  ul li .icon a { display: block; margin: auto; margin-top: 17px; text-align: center;}
.section-type-box  ul li .desc{ height: 100%; padding: 25px;}
.section-type-box  ul li .desc p{ line-height: 20px; color: #999;}
.section-title{ border-bottom: 1px #ccc solid; padding-bottom: 10px;}
.section-type-box ul li .icon{ height: 100%; padding: 58px 15px; text-align: center; background: #fff;}
.section-type-box ul li .icon.section-icon .section-logo{ width: 100px; height: 100px; line-height: 100px; display: inline-block; text-align: center; border-radius: 4px; color: #FFF}
.section-type-box ul li .icon.section-icon .section-logo i{background:url(../images/common/service.png) no-repeat; display:block; width:100px; height:100px;}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-category i{background-position: -110px -378px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-goods i{background-position: 0 -482px;}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-brand i{background-position: -110px -470px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-cloud i{background-position: 8px 18px;}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-sousou i{background-position:8px -85px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-erp i{background-position: 8px -180px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-cashier i{background-position: 8px -280px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-collection i{background-position:-110px -280px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-sm i{background-position: 8px -375px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-fx i{background-position: 8px -480px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-tp i{background-position: 8px -600px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-kj i{background-position: 8px -705px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-dx i{background-position: -110px -85px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-yj i{background-position:-112px 18px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-wx i{background-position: -110px -190px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-data i{background-position:-112px -705px}
.section-type-box ul li .icon.section-icon .section-logo.section-logo-system i{background-position: -210px 18px}
.section-type-box ul li .section-label{ position:absolute; top:0px; right:0px; background:#FE0000; color:#fff; font-size:14px; line-height:26px; height:26px; width:65px; text-align:center}
.section-type-box ul li .section-label.free{ background: #58B4FF;}

/*ztree-box*/
.ztree-center-item{ overflow:hidden;}  
.ztree-center-box{ width:800px; text-align:center; margin:35px auto; overflow:hidden;}
.ztree-center-box ul.ztree{margin-top: 10px; border: 1px solid #ddd; background: #f9f9f9; width: 300px; height: 320px; overflow-y: scroll; overflow-x: auto;}
.ztree li span.button.switch { height:22px;}
.ztree li a{ min-height:19px; padding: 1px 3px; border: 1px solid transparent; text-decoration:none !important;}
.ztree li a.curSelectedNode { min-height:19px !important; padding: 1px 3px;border: 1px #FFB951 solid;}
.ztree-center-box h5.ztree-title{ font-weight:700; font-size:14px; text-align:center; display:block; line-height:32px; color: #333;}
.ztree-center-box .ztree-handle h5.ztree-title{ margin-bottom:150px;}
.ztree-center-box .ztree-handle{ width:200px; display:inline-block;}
.ztree-center-box .ztree-handle a{ width:60px; display:block; font-size:14px; margin:5px auto; font-weight:700;}
.ztree-center-box .bottom{ display:block;}

/*按字母查找*/
.apptools-inner{ overflow:hidden; padding:4px 0;}
.apptools-inner span{ float:left; font-size:13px;line-height: 30px;}
.apptools-inner a{border: 1px solid #CCC; display: block; overflow: hidden; float: left; margin:2px; padding: 1px 4px; min-width: 20px;color: #666; text-decoration: none; font-size:14px; height:28px; line-height:26px; text-align:center;background:#fff; cursor:pointer;}
.apptools-inner a:hover,.apptools-inner a.selected{ color:#fff; background:#58B4FF; border-color:#42AAFF;}
.authset-list.b-n:hover{ background:none;}
.authset-list.b-n .authset-section{ border:0px;}
.authset-list.b-n .control-label.text-l{ margin:10px 0; font-size:14px;}
.authset-list.b-n ul.authset-section li label span{padding:0 3px;}
.authset-list.b-n ul.authset-section li label:hover span{ background:#B0B0B0; color:#fff; }

/*地图上浮动操作*/
.amap-container{width: 780px; height: 400px; border: 1px solid rgb(215, 215, 215); overflow: hidden; position: relative; background: rgb(252, 249, 242) none repeat scroll 0% 0%;}
.amap-container.toggle{ position:fixed; top:0px; left:0px; right:0px; bottom:0px;visibility:visible; width:100%; height:100%; z-index:9999;filter:Alpha(opacity=90);}
.amap-container .amap-icon img { width: 100% !important;}
/*左侧定位搜索盒子*/
.search-fixed-box{ position: absolute; top:10px; left:10px; z-index: 99; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.15); border-radius: 3px;}					
.searchbox{position: relative; z-index: 2201; width: 325px; height: 45px; }
.searchbox .iptbox {position: absolute; left: 10px;top: 0;  width: 265px; height: 45px;box-sizing: border-box;z-index: 2202; border-radius: 2px;}
.searchbox .searchipt { position: absolute; top: 12.5px; left: 0; box-sizing: border-box; text-indent: 2px;z-index: 2200; border: none !important; box-shadow: none !important; width: 219px;  height: 20px; line-height: 20px; padding: 0; letter-spacing: .5px; font-size: 14px;}
.searchbox .searchbtn,.direntry{background: url(../images/common/combine_img.png) no-repeat;}
.searchbox .searchbtn{ background-position:-320px -34px; position: absolute; right: 0; top: 0;  z-index: 9308; box-sizing: border-box; width: 45px; height: 45px;}
.direntry{background-position:-265px -34px;  width: 45px; height: 45px; position: absolute; right: 0; top: 0; text-align: center; background-color: #f8f8f8; border-radius: 0 3px 3px 0;}
.searchbox .searchbtn:hover .tooltipDark,.searchbox .direntry:hover .tooltipDark{ display: block;}
.search-fixed-box .search-type{ padding: 10px; border-top: 1px solid #eee;}

.real-height-box{ position:absolute; top: 0px; z-index: 9999; overflow: hidden; width: 370px; padding-bottom: 68px; background: #3d93fd; border-radius: 3px; padding: 14px 30px 14px 14px;}
.real-height-box .close-btn{position: absolute; font-size: 28px; right: 10px; top: 10px; color: #edf8ff; cursor: pointer;}
.real-height-box .select-search-form{margin: auto;}
.select-search-panel{ overflow: hidden;}
.select-search-panel select{ width: 100px !important; border: 1px solid transparent !important; margin-bottom: 5px; display: inline-block; float: left;}
.select-search-panel select:first-child{ margin-left: 5px;}
.select-search-submit{margin-top: 17px; border-bottom: none; }
.select-search-submit a.select-search-clear{color: #fff; font-size: 13px; float: left; text-decoration: none; opacity: 1; line-height: 32px;}
.select-search-submit a.select-submit{display: inline-block; margin-right: 12px; float: right; padding: 0 25px; height: 32px; color: #666; font-size: 14px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.21); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.21); line-height: 32px; background-color: #fff; border: none; border-radius: 2px;}

/*右侧配送区域盒子*/
.amap-fixed-box{ position:absolute; top:10px; right:10px; min-height:60px; min-width:180px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.15); border-radius: 3px; color:#666; z-index:99;    padding: 10px 0;}
.full-screen-btn{ position:absolute; top:15px; left:15px; z-index:999; background:#3D4253; color:#fff !important; text-align:center; padding:6px 14px; font-size:12px; border-radius:3px; opacity:0.85 }
.amap-fixed-box p.null{ margin:20px auto; text-align:center;}
.amap-fixed-box .amap-header{ height:30px;  padding:0 10px}
.amap-fixed-box .amap-header span.tit{ font-size:14px;}
.amap-fixed-box .amap-body{ overflow:hidden; padding:10px 0;}
.amap-fixed-box ul{ max-height:290px; overflow-y:auto; border-top:1px solid #eee; border-bottom:1px solid #eee}
.amap-fixed-box ul li{position: relative; padding: 10px 10px 0 10px; cursor: default;overflow: hidden;}
.amap-fixed-box  ul li a{ visibility:hidden; color: #3385FF; cursor:pointer;  padding: 0px 5px; border-radius: 3px; border:1px solid transparent}
.amap-fixed-box  ul li a:hover{background:#3385FF; border: 1px solid #3385FF; color:#fff !important;}
.amap-fixed-box  ul li a.c-red:hover{background:red; border: 1px solid red; color:#fff !important;}
.amap-fixed-box  ul li{ border: 1px solid transparent;}
.amap-fixed-box  ul li::after{content: '';z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; border-bottom:1px dashed #ddd;}
.amap-fixed-box  ul li:last-child::after{ border-bottom:0px;}
.amap-fixed-box  ul li.active{position: relative; border: 1px solid #3385FF; box-shadow: 0px 3px 3px rgba(51,133,255,.25);}
.amap-fixed-box  ul li.active::after{content: ''; color: #3385FF; width:0; height:0; z-index: 1; border: 14px solid #3385ff; border-color: transparent #3385ff #3385ff transparent; position: absolute; right: 0; left: auto; bottom: 0;}
.amap-fixed-box  ul li.active::before{content: ''; z-index: 2; width: 12px; height: 6px; transform: rotate(-45deg); border-left:2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: 3px; bottom: 6px;}
.amap-fixed-box  ul li:hover{ background:#fafafa;}
.amap-fixed-box  ul li:hover a{ visibility:visible}
.amap-fixed-box  ul li.active:hover{ background: #fff;}
.amap-fixed-box  ul li .amap-header{ padding:0;}
.amap-fixed-box .btn-save{ padding:6px 20px;}
.amap-fixed-box .block,span.block{ width:30px; height:30px; border:2px solid #ddd; cursor:pointer; display:inline-block;vertical-align: middle;}
span.block{ width:20px; height:20px; margin-right:7px;}
.amap-fixed-box .block.blue,span.block.blue{ background:#93C1FC; border-color:#0778E2}
.amap-fixed-box .block.red,span.block.red{ background:#FF9486; border-color:#BB412D}
.amap-fixed-box .block.young,span.block.young{ background:#A3E1B8; border-color:#47C370}
.amap-fixed-box .block.light-blue,span.block.light-blue{ background:#A4DCDE; border-color:#58C9CD}
.amap-fixed-box .block.brown,span.block.brown{ background:#F4E08E; border-color:#E9C11D}
.amap-fixed-box .block.green,span.block.green{ background:#A7EE99; border-color:#4FDC33}
.amap-fixed-box .block.orange,span.block.orange{ background:#FFBF80; border-color:#FF7F00}
.amap-fixed-box .block.purple,span.block.purple{ background:#BDA3EF; border-color:#7B47DF}
.amap-fixed-box .block.powder,span.block.powder{ background:#EFA3DB; border-color:#DF47B6}
.amap-fixed-box .amap-fixed-info.freight-records-view ul{ border-top:0px;}
.freight-records-none{ border:none;}
/*地图区域范围中进度条框*/
.progress-fixed-box{position: absolute; bottom: 10px; right: 10px; min-height: 60px; min-width: 180px; background: #fff; border: 1px solid #dedede; color: #666; z-index: 99; padding: 10px 0 0; width: 300px;}
.progress-fixed-box .progress-header{ height:30px;  padding:0 10px; border-bottom: 1px solid #eee;}
.progress-fixed-box .progress-header span.tit{ font-size:14px;}
.progress-fixed-box .progress-body{ overflow:hidden; padding:10px;}
.progress-fixed-box .progress-body  span.pull-left{ width: 90px; text-align: right; margin-right: 10px;}
.progress-fixed-box .progress-body .progress{ width: 160px; height: 18px; margin: 2px auto 0; float: left;}

/*特别的单选方式*/
.special-check{height:38px;width: 130px;border-radius: 3px;display: inline-block;float: left;line-height: 34px;text-align: center;margin: 2px 15px 2px 0; color: #333333; border: 1px solid #c2c2c2; cursor:pointer; font-size:14px;overflow: hidden; padding: 0px 5px}
.special-check:hover{ border:1px solid #22BAA0}
.special-check.selected,.special-check.selected:hover{border: 1px solid #ff6600; background:url(../images/common/selected.jpg) right top no-repeat; color: #ff6600;}
.special-check input[type="radio"] { display:none}
.special-check label{ cursor:pointer;width: 100%;}

/*申请推荐开店*/
.form-control-box .img-container{ float: left;}

/*运费模拟计地址选择*/
.address-picker{ position: relative; overflow: hidden;}
.address-picker .amap-container{ width: 674px;}
.address-picker .map-footer{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 8px 0px; text-align: center; background: #AAA; opacity: .95; filter: alpha(opacity=95); z-index: 999;}
.address-picker .map-footer a{ padding: 5px 8px; margin: 0px 3px; border-radius: 2px; display: inline-block;}
.address-picker .map-footer .save-map{ background-color: #ffaa45; color: #fff;}
.address-picker .map-footer .back-map{ background-color: #fff;}

/*新上传图片及相册选择图片*/
.plus-album{width:690px; position: relative; z-index: 1;color: #777;}
.plus-album .item-list-tabs{ background:#fff}
.plus-album .item-list-tabs .active{ background:#F5F5F5}
.plus-album .item-list-tabs .active a{ font-weight:700; font-size:14px; margin-top:-2px}
.itme-panel{min-height: 280px; width: 840px; overflow: hidden; }
.tree-wrap{position:absolute; margin-left: 10px; border: solid 1px #C1C1C1; background-color: #FFF; width:180px; height: 268px; overflow: hidden; z-index:2}
.tree-wrap .tree-title{margin: 5px; text-align:left; line-height: 18px;}
.tree-wrap .tree-panel{ max-height:240px; text-align: left; padding: 5px 10px; line-height:18px; overflow-y:auto;}
/*上传图片*/
.upload-container{margin-left: 18px; margin-right: 10px; min-height: 300px;}
.upload-container .upload-title { text-align: right; margin-bottom: 10px; margin-top: 5px; line-height: 26px;}
.upload-container .upload-title .tree-wrap{position: absolute;top: 87px;right: 10px;}
.upload-container-inside { border: 1px dashed #D7D7D7; background: #fff; height: 250px; position: relative; padding-top: 20px; text-align: center; overflow-y: auto;}
.upload-container-inside .upload-icon i.fa{ font-size:68px; color:#C9C9C9}
.upload-container-inside .file-attach-1{ float:none; margin:auto; width:200px; margin-bottom:10px;}
.upload-container-inside p{ line-height:28px;}
/*相册图片选择*/
.pic-container{margin-left: 200px; width: 640px; overflow: hidden; padding-right: 10px;}
.search-container{position: relative; overflow: hidden; text-align: left; padding-bottom: 7px; border-bottom: 1px solid #C1C1C1;}
.search-container .mod-category{display: block; float: left;}
.search-container .mod-pagination{display: block; width: 57px; height: 26px; position: absolute; z-index: 1; top: 0; right: 0;}
.search-container .mod-category a,.search-container .mod-pagination a { position: relative; z-index: 1; display: block; float: left; width: 26px; height: 26px; padding: 2px; text-align: center; line-height: 20px; background-color: #FFF; border: solid 1px #C9C9C9; box-shadow: inset 1px 2px 1px rgba(0,0,0,0.05); color: #767676;}
.search-container .mod-category a i,.search-container .mod-pagination a i{ margin:auto;}
.search-container .mod-category a:last-child,.search-container .mod-pagination a:last-child{ margin-left:-1px;}
.search-container .mod-category a.selected { background-color: #D7D7D7; box-shadow: none; }
.search-container .mod-pagination a.disabled{border-color: #E4E4E4; color: #E4E4E4; cursor:not-allowed}
.search-result {width: 640px; overflow: hidden;}
.mod-img{display: inline-block;background: #fff; position: relative; top:0px !important; bottom:0px; width: 70px; height: 70px; margin-right:5px; margin-top: 5px; border: 1px solid #ddd; font-size: 0; cursor: pointer;}
.mod-img a { display: table-cell; position:relative; overflow: hidden; width: 70px; height: 70px; text-align: center; vertical-align: middle; font-size: 12px; }
.mod-img i.fa { display: none; position: absolute; cursor:pointer; right: -6px; top: -6px; width: 16px; height: 16px; text-align: center; margin: 0; font-size: 18px; color:red; line-height: 16px;}
.mod-img.selected i.fa{ display:block} 
.mod-img a img{ max-width:100%; max-height:100%; vertical-align: middle; margin-top: -1px;}
.mod-img a span.pixel{position: absolute; left: 0; bottom: -1px; width: 100%;height:20px; padding: 2px 0; text-overflow: ellipsis;background-color: rgba(0,0,0,.5);color: #FFF;transition: bottom .2s ease-out; overflow: hidden;}
.mod-img a span.file-preview{display: none; position: absolute; z-index: 9; left: 28px; top: 6px; width: 100px; background: #fff; border: 1px solid #ddd; padding: 2px;}
.mod-img a span.file-preview img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.mod-img:hover a span.pixel{bottom:-24px; transition: bottom .2s ease-out;}
.mod-img.seat{ border: 1px dashed #ccc;}
.mod-img.seat .seat-icon{font-size: 36px; line-height: 24px; width: 30px; height: 30px; display: block; margin: auto; color: #aaa;}
.mod-img.ui-sortable-handle a{ cursor:move}
.selected-pic-container {  text-align: left; border-bottom: 1px solid #C1C1C1;z-index: 1; position: relative; width: 700px;}
.selected-pic-container .selected-pic-title { padding: 5px 10px; border: 1px solid #C1C1C1; border-width: 1px 0; background: #FFF; color: #666;}
.selected-pic-container .selected-pic-title span.num{ margin:0 5px;}
.mod-selected { padding: 5px 10px; width:100%; overflow:hidden; height: 100px; background-color: #F2F2F2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mod-selected .ui-sortable { overflow-y: hidden; overflow-x: auto; white-space: nowrap; position:relative;}
.mod-selected .mod-img:hover i.fa { display: block;}
.mod-list-title{border: solid #CCC; border-width: 0 1px 1px; border-style:solid; background: #FFF; display:none; width: 100%; height: 32px;line-height: 32px; overflow: visible;}
.pic-container.list .mod-list-title{ display:block}
.pic-container.list .mod-list-title span{ display: inline-block; margin-left: 2%; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; float: left; line-height: 32px; font-size: 12px; }
.pic-container.list span.file-name { display: inline-block;  width: 61%; margin-left: 2%; font-size: 12px;}
.pic-container.list span.file-size { display: inline-block; margin-left: 4%; width: 15%; font-size: 12px;}
.pic-container.list .search-result { width: 630px; max-height: 238px; overflow-x: hidden; overflow-y: auto; background-color: #FFF;border: 1px solid #ccc; border-top: 0;}
.pic-container.list .mod-img { display: block; width: 100%; height: 32px; line-height: 32px; margin: 0; border: 0; border-bottom: 1px solid #ddd; overflow: visible;}
.pic-container.list .mod-img a { width: 25px; height: 25px; float: left; position: relative; color: #333; margin-left: 12px; text-decoration: none; overflow: visible; border:1px solid #ddd; margin-top:3px; cursor:pointer;}
.pic-container.list .mod-img a img{ vertical-align:top;}
.pic-container.list .mod-img span.pixel{ display:none; transition: bottom .2s ease-out;}
.pic-container.list .mod-img a:hover span.file-preview{ display:block}
.pic-container.list .mod-img span.file-size{ margin-left:35px;}
.pic-container.list .mod-img i.fa {left: 558px;  right: 0;}
/*相册图片选择2*/
.category-list-region { float: left; width: 160px; height: 325px; padding: 5px 0 0; background:#DDF1FD; overflow: hidden; overflow-y: auto;}
.category-list-region .category-list{ height:auto;}
.category-list-region li { position: relative; height: 40px; width: 100%; color:#555; line-height: 40px; padding: 0 0px 0 15px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.category-list-region li.selected { background: #fff; color: #000;}
.category-list-region li span { position: absolute;right: 10px; top: 0px;color: #777;}
.category-list-region li:hover { background: #fafafa;}
.attachment-list-region { padding:5px 0px 5px 165px; width:690px; background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.attachment-list-region .image-list { height: 242px; margin-left: -5px; padding-top: 5px; overflow: hidden;}
.attachment-list-region .page-box{ margin-right:5px; margin-top: 5px; }
.attachment-list-region .attachment-box{height: 280px;}
.attachment-list-region .attachment-box .no-data{padding: 0px 0; line-height: 280px; text-align: center}
.attachment-list-region .attachment-box .no-data i.fa{ color:#58B4FF}
.attachment-box .image-list .image-item { position: relative; float: left; width: 90px; height: 90px; border: 1px solid #ddd; margin-left: 13px;margin-bottom: 30px; cursor: pointer;}
.attachment-box .image-list .image-box {background: #ccc;width: 100%;height: 100%;background-size: cover;background-position: 50% 50%;}
.attachment-box .image-list .image-meta {  position: absolute;  width: 100%; height: 25px; line-height: 25px; color: #fff; text-align: center; background: rgba(0,0,0,0.2); bottom: 0;}
.attachment-box .image-list .image-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px;}
.attachment-selected { position: absolute;top: -1px; left:-1px; width: 91px; height:91px; border: 2px solid #1B9AF7; visibility:hidden; opacity:0;}
.attachment-selected::after { position: absolute; display: block;  content: ' '; right: 0; bottom: 0; border: 14px solid #1B9AF7; border-left-color: transparent; border-top-color: transparent; z-index: 1;}
.attachment-selected i { position: absolute; right: 1px; bottom: 1px; z-index: 2; color:#fff;margin: 1px;}
.attachment-box .image-list .image-item.selected .attachment-selected{ visibility:visible; opacity:1}

/*打印小票模板*/
.busitable {width: 25%;float: left;margin: 1%;border: 1px solid #d7d7d7;}
.busitable .border-b-d7 { border-bottom: 1px solid #d7d7d7;}
.busitable .print-template { height: 300px;overflow-y: auto;}
.busitable .print-template ul {border-bottom: 1px dotted #ddd;margin-top: 5px;padding-bottom: 5px;}
.busitable .print-template ul li {clear: both;height: 30px;line-height: 30px;}
.busitable .print-template.handle span {color: #666;}
.busitable .operate-edit {float: right;margin: 0 5px;width: 23px;height: 23px;display: inline-block;background-color: transparent;}
.busitable .sales-icon {width: 24px;height: 24px;display: block;}
.busitable .print-template ul li p, .print-template ul li div {margin: 0;padding: 0;}
.busitable .print-template .radio-style {vertical-align: middle;margin: 0;}
.document-content {background: #fafafa;white-space: pre-wrap;word-wrap: break-word;height: 400px;width: 240px;border: 1px solid #ccc; line-height: 105%; padding: 10px;}
.input-text { height: 32px; line-height: 32px; width: 230px;}

/*现时折扣时间选择*/
.day-checked-box{ display:inline-block; overflow:hidden; vertical-align: middle;}
.day-checked-box li{ float:left; display:inline-block; margin-right:5px; position: relative; vertical-align: middle; padding: 1px; line-height:30px;}
.day-checked-box li a{float: left;background-color: #fff;white-space: nowrap;width: 32px; height:32px; min-width: 10px;padding: 0 2px;text-align: center;border: 1px solid #b8b7bd;color: #999;text-decoration: none;}
.day-checked-box li:hover a{ color:#666; border-color:#999}
.day-checked-box li i{position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;overflow: hidden;text-indent: -99em;display: none; background:url(../images/common/combine_img.png) no-repeat; background-position: -60px -25px;}
.day-checked-box li.selected a,.day-checked-box li.selected:hover a{border:1px solid #2EA8DC; color:#2EA8DC}
.day-checked-box li.selected i{ display:block;}
.date-input-box li{ margin-bottom:7px;}

/*新建换购规格*/
.rule-box{border-bottom:1px dashed #ddd; margin-bottom:10px;}
.rule-box:nth-last-of-type(1){ border-bottom:none; margin-bottom:0px;}

/*统计商品分析概况*/
.matrix{ overflow:hidden}
.matrix li{border-bottom: 2px solid #F7F7F7; padding: 8px 10px; font-size: 16px; overflow:hidden}
.matrix li .matrix-name{float: left; margin: 10px; text-align: center; border-right: 1px dotted #ccc; padding-right: 20px; width: 50px; font-size: 12px; color: #999;}
.matrix li .matrix-block{float: left; margin: 7px 10px; padding-right: 20px; width: 20%;}
.matrix li .matrix-block p.name{margin-bottom: 5px; font-size: 12px; color: #666;}
.matrix li .matrix-block p.count{font-size: 20px; font-weight: normal; color: #333;}

/*统计交易分析*/
.funnel{ position:relative; margin:0 40px;}
.funnel-block{margin-right: 240px;border-bottom: 1px solid #e4e4e4;padding-top: 4px;height: 84px;width: auto;}
.funnel-block .cell { float: left; margin-right: 16px; min-width: 80px; max-width: 120px; font-size: 12px; color: #666;}
.funnel-block .cell .cell-body span.number{color: #000;font-size: 18px; line-height: 1.2; font-family: Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif;}
.funnel-block .cell .cell-footer .ratio{position: relative; padding-left: 14px; color: #999;}
.funnel-block .cell .cell-footer .desc{color: #518502;}
.funnel-block .cell .cell-footer .desc::after { position: absolute; left: 0; content: '\2193';}
.funnel-block .cell .cell-footer .asc{color: #EE3935;}
.funnel-block .cell .cell-footer .asc::after { position: absolute; left: 0; content: '\2191';}
.funnel .funnel-rate{position: absolute; top: 0; right: 0; width: 400px; }
.funnel-rate .pic{float: right; margin-top: 10px; width: 346px; height: 246px; background:url(../images/common/visitor.png) no-repeat left;}
.funnel-rate .region{position: absolute; font-size: 12px; color: #666;}
.funnel-rate .region .num{font-size: 18px; font-family: Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif;}
.funnel-rate .region-order-rate{right: 32px;top: 60px;}
.funnel-rate .region-shop-rate{right: 45px;bottom: 91px;}
.funnel-rate .region-pay-rate{right: 63px;bottom: 31px;}

/*交易构成*/
.customer.clearfix{margin-bottom: 10px;border: 1px solid #e4e4e4;padding: 20px;height: 265px; position:relative}
.customer h2.title{ font-size:14px; text-align:left; margin-bottom:5px;}
.customer .customer-pie{ width:250px; height:200px; position: absolute;}
.customer .customer-pie .customer-pie-label{ font-size:13px; margin-top:5px;}
.customer .customer-pie .customer-pie-label span{ margin-right:10px; width:35px; height:20px;vertical-align: middle; border:1px solid #ddd; display:inline-block}
.customer .customer-pie .customer-pie-label span.bg-green{ background:#75CF8F;border-color: #75cf8f}
.customer .customer-pie .customer-pie-label span.bg-red{ background:#F15755; border-color:#F15755}
.customer .customer-pie .customer-pie-label i.fa{ color:#ddd; font-size:18px; margin-left:10px; cursor:pointer;}
.customer .table-wrapper{margin-left: 270px; padding-top: 30px; width: auto;}

/*统计数据概况平台*/
.general.clearfix{ overflow:hidden; margin:10px auto;}
.general .general-region{width: 25%; height: 60px; position: relative; z-index: 1; border-top: dashed 1px #E7E7E7; border-left: dashed 1px #E7E7E7; margin: -1px 0 0 -1px;font-size: 12px; vertical-align: top; letter-spacing: normal; display:inline-block; float: left;}
.general .general-region h4{font-size: 14px; font-weight:bold; line-height: 20px; color: #555; position: absolute; z-index: 1; top: 10px; left: 3%;}
.general .general-region p{font-size: 12px; line-height: 20px; color: #999; font-weight: normal; position: absolute; z-index: 1; bottom: 10px; left: 3%;}
.general .general-region span.count-number{font-size: 20px; line-height: 40px; font-weight: normal; color: #58B4FF; position: absolute; z-index: 1; top: 10px; right: 5%;}
.fight-group-pic img{ width: 32px; height: 32px; border: 1px solid #eee; vertical-align: top; margin-right: 5px;}

/*二手物品图片展示*/
.used-img-box ul li{width: 100px; margin: 0px 5px 5px 0;  text-align: center; border: 1px solid #ddd; padding: 2px; height: 100px; display: inline-block; float: left;}
.used-img-box ul li img{ max-width: 100%; max-height: 100%;}

/**/
.wx-card-color{ display: block;}
.wx-card-color li{ display: inline-block; cursor: pointer; border: 1px solid transparent; width: 20px; height: 20px; margin: 5px 5px 0 0; float: left; text-indent: -999px;}
.wx-card-color li.selected{ border: 2px solid #000000;} 


/*权益卡*/
.card-container{ position: absolute; right: 100px; top: 80px;}
.card-inner{padding: 15px; width: 240px; min-height: 120px; border-radius: 5px; color: #fff; background-size: cover;}
.card-inner .shop-info img { border-radius: 50%; width: 30px; height: 30px; vertical-align: middle;}
.card-inner .shop-info span { font-size: 14px; margin-left: 5px; vertical-align: middle;}
.card-inner .card-title { margin: 15px 0 10px; font-size: 14px;}
.card-inner .card-time {font-size: 12px;}

/*手机装修*/
.design-box{min-width: 860px; width: 970px; margin: 30px auto; position: relative;}
.design-box .design-preview { position: relative; float: left; width: 320px; background: #fff; margin-bottom: 24px;}
.design-box .design-header{ display: none; height: 70px; background:url(../images/common/iphone_head.png) no-repeat center center;}
.design-box .design-preview.big {padding: 0 10px 60px; width: 340px; border:1px solid #ddd; border-radius:20px; }
.design-box .design-preview.big .design-header{  display: block;}
.design-box .design-entry { width: 100%; margin: 0 auto; position: relative; min-height: 200px; background: #f9f9f9; -webkit-box-shadow: 0 0 0 1px #c5c5c5; box-shadow: 0 0 0 1px #c5c5c5;}
.design-config-region{position: relative;}
.design-config-region h1{padding: 18px 60px 0 60px; height: 64px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; line-height: 46px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; background:url(../images/common/graphic_material_title.png) no-repeat;}
.design-config-region h1 span { display: inline-block; height: 46px; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.design-content{ min-height: 400px; padding-bottom: 10px; margin-bottom: 50px; display: block;}

/*设置模块*/
.design-box .design-sidebar { position:relative; float: left; width: 630px; margin: 0 0 50px 20px; font-size: 14px;}
.design-box .design-sidebar .sidebar-arrow, .design-box .design-sidebar .sidebar-arrow::after { width: 0px; height: 0px; border-style: solid; border-width: 6px 7px 6px 0; border-color: transparent #d1d1d1 transparent transparent; position: absolute; left: -6px; top: 19px;}
.design-box .design-sidebar .sidebar-arrow::after { content: ""; border-right-color: #f8f8f8; left: 2px; top: -6px;}
.design-box .design-sidebar .sidebar-inner { padding: 12px 10px; min-height: 48px; background: #f8f8f8; border-radius: 5px; border: 1px solid #d1d1d1;}	
/*装修签到模块*/
.design-sign-inner{ min-height: 400px;}
.design-sign-inner img{ max-width: 100%; position: absolute; z-index: 2;}
.design-sign-inner .design-sign-bgimg{width: 100%; height: 170px; position: absolute; top: 0px; background-repeat: no-repeat; background-position: top center;}
.design-sign-inner .design-sign-bgcolor{position: absolute; top: 170px; width: 100%; height: 340px;}
.design-inner-text{color: #666; position: absolute; top: 405px; z-index: 2; width: 200px; overflow: hidden; height: 38px; text-align: center; left: 50%; margin-left: -100px; font-size: 13px;}

/*签到推广图*/
.spread-box{ background: #fff; padding: 20px; min-width: 500px;}
.spread-top-box{  text-align: center; overflow: hidden;}
.spread-top-box h5{ display: block; font-size: 16px; color: #333; line-height: 28px;}
.spread-top-box p{ display: block; line-height: 22px; margin-bottom: 10px; color: #999;}
.spread-top-box img{ display: block; padding: 5px; border: 1px solid #ccc; width: 150px; height: 150px; margin: auto auto 10px; }
.spread-top-box .flex-box{display: flex;margin: 20px auto;justify-content: center;}
.spread-top-box .flex-box .flex1{margin: 0 40px;}
.widget-box{padding: 25px 20px; background: #f8f8f8;}
.widget-box.small{  padding: 10px 20px; font-size: 14px;}
.widget-box .fa-exclamation-circle{ margin-right: 5px; margin-top: -2px; color: #2589FF;}
.widget-box p{ color: #333; line-height: 20px; }
.widget-box .num{ font-size: 16px; margin: 0px 4px; color: red;}
.widget-box h5{ color: #333; font-size: 16px; text-align: left; margin-bottom: 10px;}
.procedure-box{display: flex; }
.procedure-box .procedure-item{flex: 1; text-align: center; position: relative;display: inline-block; float: left; }
.procedure-item span.number{ background: #ccc;position: absolute; left: 50%; z-index: 2; margin: 0px auto; margin-left: -9px; width: 18px; line-height: 18px; height: 18px; display: block; border-radius: 99%; font-size: 12px; text-align: center; color: #333;}
.procedure-item::before{ position: absolute;content: ''; top: 9px; left: 0px; right: auto; width: 100%; height: 2px; display: inline-block;background: #ccc;}
.procedure-item.active span.number{ color: #fff; background: #2589FF;}
.procedure-item.active::before {  background: #2589FF;}
.procedure-item:first-child::before{ width: 50%; right: 0px; left: auto;}
.procedure-item:last-child::before{ width: 50%; right: auto; left: 0px;}
.procedure-item p{margin-top: 22px; line-height: 16px; font-size: 12px;}

/*简介*/
.brief-box{ position: relative;}
.brief-top{ border-bottom:1px solid #ddd; padding: 10px 0; margin-bottom:10px;}
.brief-top .brief-top-info {overflow: hidden;}
.brief-top .brief-top-info h5{ margin-right:10px; font-size: 18px; color: #333; float:left;  display: inline-block;}
.brief-top .brief-top-info .sex{ text-align: center; width:24px; height:24px; display: inline-block; vertical-align: middle; border-radius: 99%; color: #fff;}
.brief-top .brief-top-info .sex.boy{ background: #57A9FA}
.brief-top .brief-top-info .sex.girl{ background: #FB6AB3}
.brief-top .brief-top-info .sex i{ margin: auto; line-height: 24px;}
.brief-top .brief-top-info .state{ display: inline-block; vertical-align: middle; border: 1px solid #ddd; line-height: 20px; padding: 0px 8px; margin-bottom: 0px; margin-left: 10px;}
.brief-top .brief-top-info .state.green{color: #5BB85D; border-color: #5BB85D }
.brief-top .brief-top-info .state.blue{color: #2589FF; border-color: #2589FF}
.brief-top .brief-top-info .edit-r{ float: right; cursor: pointer; font-size: 12px; display: inline-block; color: #2280ED;}
.brief-top .brief-top-info .edit-r i{ font-size: 12px;}
.brief-top p{ font-size: 12px; display: block; color: #666; margin-top:8px;}
.brief-tips{ display: block; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.brief-tips span{display: block; margin: 5px 0; background: #F5E6E6; color: #333; line-height: 40px; padding: 0px 10px;}
.brief-tips span i{ float: right; color: #FF4963; font-size: 20px; line-height: 40px;}
.brief-desc {text-align: center;}
.brief-desc ul { margin-bottom: 20px; display: block;}
.brief-desc ul li{ display: block; color: #333; margin-bottom: 5px; text-align: left; font-size: 12px; line-height: 24px; position: relative; }
.brief-desc ul li span{ display: inline-block;}
.brief-desc ul li span.tit{ position: absolute; left: 0px;}
.brief-desc ul li span.content{ padding-left: 65px;}
.tab-base-box ul { border-bottom: 1px solid #ddd; overflow: hidden; width: 100%; position: relative;}
.tab-base-box ul li{margin-right: 3px; float: left; overflow: hidden;}
.tab-base-box ul li a{padding: 0px 20px; display: block; line-height: 38px; font-size: 14px;}
.tab-base-box ul li.selected a{color: #2589FF;}
.tab-base-box ul li.selected a::after{border-bottom: 2px solid #2589FF; content: ""; display: block; margin: 0;}
.total-num{ background: #F8F8F8; margin:10px auto; padding: 5px 10px; display: block;}
.total-num span{ line-height: 32px; display: inline-block; margin-right:30px; color: #333; font-size: 12px;}
.total-num span em{ font-size: 12px;}
.data-choose-box{display: inline-block;}
.data-choose-box .arrow-icon{ background: #ddd; border-radius: 99%; color: #333; width:25px; height:25px; display:inline-block;}
.data-choose-box .arrow-icon i{margin: 0px auto; line-height: 25px; text-align: center;display: block;}
.data-choose-box .arrow-icon.prev{ margin-right:5px;}
.data-choose-box .arrow-icon.next{ margin-left:5px;}

/*添加模块*/
.fmodel-item{padding: 10px; background: rgba(93,178,255,.1); margin-bottom: 10px; border: 1px solid #BCE8F1;min-width: 650px}
.fmodel-item-box{ background: #fff; border: 1px solid #eee; padding: 10px; border-bottom: 0px}
.child-fmodel-box{ margin-top: 10px; padding-left: 18px;}

/*线下教程*/
.brief-board{background: #f7f8fa; padding: 15px; color: #323233; overflow: hidden;}
.brief-board .brief-board-img{float: left; position: relative; margin-right: 20px;}
.brief-board .brief-board-img img{ width:200px; height:112px;}
.brief-board .brief-board-img span.state{ position: absolute; bottom: 0px; width: 100%; left: 0px; text-align: center; color: #fff; background: rgba(0,0,0,0.5); height: 25px; line-height: 25px;}
.brief-board-intro{float: left; width: 60%;}
.brief-board-intro h3{font-size: 18px;font-weight: 700;line-height: 24px;}
.brief-board-intro .state{font-size: 12px; font-weight: 500; color: #999; border: 1px solid #ddd; border-radius: 4px; padding: 0px 5px; line-height: 20px; display: inline-block; margin-left: 10px; vertical-align: top;}
.brief-board-intro .state.green{color: green; border: 1px solid green;}
.brief-board-intro .state.red{color: red; border: 1px solid red;}
.brief-board-intro .intro{font-size: 14px; line-height: 20px; height: 42px; display: block;}
.brief-board-intro .price{margin: 5px 0; color: red; font-size: 14px;}
.brief-board-intro .more{ display:block; }
.brief-board-intro .more span{ color:#999; margin-right:15px;}
.brief-board-button{float: right;width: 200px;text-align: right;}
.biaoji{position: absolute; bottom: 5px; right: 5px; background: rgba(0,0,0,0.5); color: #fff; border-radius: 99%; margin: 0px; width: 22px; height: 22px; font-size: 12px; text-align: center; line-height: 24px;}
.biaoji-tag span{border: 1px solid green; font-size: 12px; color: green; line-height: 20px; display: inline-block; padding: 0px 3px; margin-right: 3px; }
	
.amap-icon img{ max-width: 100% !important;}

/* 网点取消订单戳 */
.store-seal-apply-cancel{width: 160px;height: 140px;background: url(../images/common/state.png) no-repeat -332px -173px;}


/*微信视频申请流程*/
.widget-app-board{ padding: 20px; background: #f7f8fa; }
.widget-app-board .title{font-size: 20px; color: #323233; font-weight: 700;}
.widget-app-board .desc{ color: #666; font-size: 14px; margin-top: 15px;}
.step-line-box{ width: 80%; margin: 40px auto 30px;}
.step-line-box .step-line-item{ display: block; position: relative;}
.step-line-box .step-line-item .step-line-round{ top: 20px; z-index: 2; position: absolute; left: 0; border-radius: 99%; width: 30px; height: 30px; background:#C6C7CA; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.step-line-box .step-line-item.current .step-line-round{ background:#58B4FF;}
.step-line-box .step-line-item.finish .step-line-round{ background:#58B4FF;}
.step-line-box .step-line-item::after{ content: ""; width: 1px; height: 100%; position: absolute; left: 15px; top: 35px; background: #ddd;}
.step-line-box .step-line-item:last-child::after{ display: none;}
.step-line-box .step-line-item .info{  display: block; padding: 20px 140px 20px 50px; box-sizing: border-box;}
.step-line-box .step-line-item .info .title{ color: #333; font-size: 16px ;  min-height: 26px; line-height: 26px; margin-bottom: 10px;}
.step-line-box .step-line-item .info .desc{line-height: 22px; color: #888; font-size: 13px;}
.step-line-box .step-line-item .btn{ position:absolute; right: 10px; top:20px}
.step-line-box .step-line-item .step-load-text{position: absolute;font-size: 12px; right: -40px; top: 60px; color: #999;}
.step-line-box .step-line-item .step-result-text{position: absolute; font-size: 12px;left: 50px; margin-top: -10px; color: red;}
.step-line-box .step-line-item .reason-text{position: absolute;font-size: 12px; cursor: pointer; right: 0;top: 60px;}

.wx-card-board{margin:30px auto 0; border：1px solid #ddd;  position: relative; box-sizing: border-box; padding: 30px 140px 30px 30px; width: 400px; height: 160px; background: #fff;}
.wx-goods{ display: flex; align-items: center;}
.wx-goods .goods-pic{ margin-right: 10px; width: 80px; height:80px; display: inline-flex; text-align: center; align-items: center; justify-content: center;}
.wx-goods .goods-pic img{ max-height: 100%; max-width: 100%;}
.wx-goods .goods-info{flex: 1; border: none; display: inline-block;}
.wx-goods .goods-info .goods-name{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  word-break: break-all; margin-bottom: 20px; font-size: 16px; color: #333;}
.wx-goods .goods-info .goods-price{ font-size: 14px;}
.wx-code{ position: absolute; width: 100px;text-align: center; height: 100px; top: 30px; right: 30px; background: #fff; display: flex; align-items: center; justify-content: center;}
.wx-code img{ max-width: 100%; max-height: 100%;}