@charset "utf-8";

/*商品图片放大镜样式*/
.imgdet{position:relative;height:350px;}
.imgdet .imgpart{vertical-align:top; position:relative; display:inline-block; *display:inline; *zoom:1; width:350px; height:350px; line-height: 350px; border:1px solid #E8E8E8;}
.imgdet .imgpart .pic{position:relative;width:100%;height:100%}
.imgdet .imgpart .pic .magnify{display:none; position:absolute; top:0; left:0; width:200px; height:200px; cursor:move; background: #000; filter: Alpha(opacity=50); opacity:0.5;}
.imgdet .imgpart .pic img{width:100%;}

.imgdet .imglist{position:relative;display:inline-block;*display:inline;*zoom:1; width:350px; height:100%;overflow:hidden}
.imgdet .imglist ul{position:absolute; top:10px; left:0; width:100%; font-size:0}
.imgdet .imglist ul li{float: left; display:inline-block; *display:inline; *zoom:1; width:62px; height:62px; line-height: 62px; margin-left: 5px; border:1px solid #E8E8E8; padding: 1px;}
.imgdet .imglist ul li:first-of-type {margin-left: 0;}
.imgdet .imglist ul .active{border:2px solid red; padding: 0;}
.imgdet .imglist ul li img{width:100%;}

.imgdet .imgpart .bigpic{display:none; position:absolute; top:0; right:-360px; width:350px; height:350px; z-index:333; border:1px solid #E8E8E8; overflow:hidden}
.imgdet .imgpart .bigpic>img{position:absolute; top:0; left:0;}

/**选择商品分类**/
.wareSort { padding: 15px 8px 15px 7px; border: 1px solid #ddd; background-color: #f6f6f6; }
.wareSort ul { float: left; width: 25%; max-height: 300px; overflow-y:scroll; padding: 10px; border: 1px solid #ddd; margin-right: 7px; margin-left: 8px; background-color: #fff; }
.wareSort ul li a { display: block; padding-right: 25px; padding-left: 10px; border: 1px solid #fff; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wareSort ul li a:hover { color: #52bea6; }
.wareSort ul li.active a { border-color: #52bea6; color: #52bea6; }
.selectedSort { padding: 10px 15px; border: 1px solid #ed7f5a; margin-top: 10px; margin-bottom: 10px; background-color: #fff4f0; color: #ed7f5a; }
.selectedSort b { font-weight: bold; }
.selectedSort cite font { font-family: simsun; }

/*商品信息*/
.arrow i {font-family: simsun; font-style: normal;}

/**********上传样式***********/
.photo_upload_box{position: relative;}
.ul_pics li{float:left;width:80px;height:80px;margin:0 8px 8px 0;position: relative}
.ul_pics li img{width:100%;height: 100%}
.progress{position:relative;width:80px;padding: 1px; border-radius:3px; margin:30px 0 0 0;}
.bar{background-color: green; display:block; width:0%; height:10px; border-radius:3px;}
.percent{position:absolute; height:10px; display:inline-block;top:3px; left:2%; color:#fff}
.pic_close{background:url("images/ico_layer.png") no-repeat scroll -25px -25px; display: none; height: 20px; width: 20px; position: absolute;right:0;top:0;z-index: 990}
.ul_pics li:hover .pic_close{display: block}

.uploading-tip {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom: 0; box-sizing: border-box; height: 0; left: 0; position: absolute; width: 100%; z-index: 100; text-align: left; line-height: 20px}
.uploading-tip > span ,.uploading-tip > i {color: green; cursor: pointer; font-family: "宋体"; font-size: 18px; font-style: normal; margin:0 0 0 12px;}
.uploading-tip>i {color: red; font-family: "微软雅黑";}

/*订单列表*/
.order-table-head {padding: 9px 15px 0;}
.order-table-head table.order-item {width: 100%;}
.order-table-head .order-item th {border-width: 0 1px 0 0;}
.order-table-head .order-item th:last-child {border: 0;}

.order-table {padding: 9px 15px 0;}
.order-table .table-box {border: 1px #E6E6E6 solid; margin-bottom: 15px;}
.order-table .table-box:hover {border: 1px #BFBFBF solid;}
.order-table .table-box:last-child {margin-bottom: 0;}
.order-table .table-box .layui-table {margin: 0;}
.order-table .layui-table tr {border-width: 0px;}
.order-table .layui-table th {border-width: 0 0 1px 0;}
.order-table .layui-table td {border-width: 0 1px 0 0;}
.order-table .layui-table td:last-child {border-right: 0;}
.order-table table.order-item {width: 100%;}
.order-table .order-item tr {border: 0}
.order-table .order-item tr td:last-child {border-right: 0;}
.order-table .order-item td {border-width: 0 1px 1px 0; border-style: solid; border-color: #e6e6e6;}
.order-table .order-item tr:last-child td {border-bottom: 0}

/*运费模板-省/市/县选择*/
.aui_alert_zn{ position:relative;background: #fff}
.aui_alert_zn li{list-style-type:none;font: 12px/1.5 宋体,Arial,sans-serif; }
.aui_alert_zn a{text-decoration:none; color:#0077b3;}

table.aui_border, table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100% }
.aui_footer, .aui_main { padding: 0 }

.aui_main { text-align: left; min-width: 9em; min-width: 0\9 }
.aui_content { width: 100%; display: inline-block; text-align: left; border: none 0; vertical-align: middle }
.aui_content .timer { text-align: center; color: red }

.aui_buttons { text-align: center;  background-color: #FFF }
.aui_buttons a, .aui_buttons button { margin: 0 15px 10px 0;  }
.aui_inner { background: #FFF }
.aui_titleBar { width: 100%; height: 45px; line-height:45px; margin-top:5px; bottom: 30px; z-index: 1 }
.aui_title { font-size: 16px; height: 45px; line-height: 45px; padding: 0 15px; color: #000; font-weight: 400 }

.aui-btn { display: inline-block; padding: 5px 12px; font-size: 14px; line-height: 18px; color: #333; text-align: center; vertical-align: middle; cursor: pointer; background: #f5f5f5; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: visible }
.aui-btn-disabled, .aui-btn:active, .aui-btn:focus, .aui-btn:hover, .aui-btn[disabled] { color: #333; background: #e6e6e6 }
.aui-btn:active { background: #ccc \9}
.aui-btn:focus, .aui-btn:hover { color: #333; text-decoration: none; background-position: 0 -15px }
.aui-btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.aui-btn.active { background-image: none; outline: 0 }
.aui-btn-primary { float:right;color: #fff; background: #3d9ccc; border: 1px #3c98c7 solid;}
.aui-btn-primary.active, .aui-btn-primary.disabled, .aui-btn-primary:focus, .aui-btn-primary:hover, .aui-btn-primary[disabled] { color: #fff; background: #3689b3 }
.aui-btn-primary.active{ background: #3d9ccc }
.aui-btn-light { float:right;color: #3d9ccc; background: #fff; border: 1px #d2edfa solid ;}
.aui-btn-light.active, .aui-btn-light.disabled, .aui-btn-light:active, .aui-btn-light:focus, .aui-btn-light:hover, .aui-btn-light[disabled] { color: #00528c; background: #f5f9ff }
.data-error { display: none; top: 10px; right: 10px; padding: 3px 15px; color: #b94a48; border-color: #eed3d7; background-color: #f2dede; border-radius: 3px; position: absolute; font-size:12px;}
.data-result { background-color: #FFF; line-height: 32px; padding: 0 15px 15px; font-size:12px;}
.data-result em { color: #678; margin-right: 10px; display: inline-block; vertical-align: middle; font-style:normal; }
.data-result span { display: inline-block; vertical-align: middle; background-color: #5297cc; border-radius: 15px; padding: 0 14px 2px; color: #fff; margin: 0px 5px 2px 0; line-height: 26px; white-space: nowrap; }
.data-result span i { display: inline-block; margin-left: 5px; color: #a9cbe6; font-size: 18px; cursor: pointer; vertical-align: bottom; *vertical-align: middle;margin-left: 5px; margin-right: -5px; font-style:normal;   }
.data-result span i:hover { color: #fff; }
.data-tabs { background-color: #FFF;}
.data-tabs ul {*zoom:1;padding: 0 15px;margin: 0}
.data-tabs ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.data-tabs ul li { float: left; position: relative; border-width: 1px 1px 0 1px; border-color: #d9d9d9; border-style: solid; line-height: 29px; margin-right: -1px; border-radius: 2px; padding-right: 10px;}
.data-tabs ul li a { display: block; padding: 2px 15px 0; color: #333; }
.data-tabs ul li a em {position: absolute; right: 10px; top: 2px; font-size: 12px;}
.data-tabs ul li a:hover, .data-tabs ul li a:active, .data-tabs ul li a:focus { color: #333; text-decoration: none; }
.data-tabs ul li.active { padding-bottom: 1px; margin-bottom: -1px; background-color: #fcfcfc; }
.data-title {margin: 0 0 5px 20px;font-size: 12px;font-weight: bold}
.data-container { margin-left: 15px; margin-right: 15px; min-height: 350px; display:none; padding-left: 0}
.data-container .data-all { font-weight: 600}
.data-container a.d-item { line-height: 30px; padding: 0 10px; display: inline-block; vertical-align: middle; white-space: nowrap; }
.data-container a.d-item:hover, .data-container a.d-item:active, .data-container a.d-item:focus{ text-decoration: none; }
.data-container a.d-item:hover{ background-color: #d5e9f2; }
.data-container a.d-item:focus { outline: none; }
.data-container a.d-item-active, .data-container a.d-item-active:hover { color: #fff; background-color: #3d9ccc; }
.data-container .view-all { overflow: hidden; }
.data-container-city{display:block; background-color: #fcfcfc;border: 1px solid #e5e5e5;margin:0 15px 18px;padding:14px 0 ;border-radius:2px}
.data-container-city .clearfix{padding-left: 10px}
.data-container.data-container-city ul li { float: left; margin-bottom: 1px;overflow-x: hidden;text-overflow: ellipsis; width: 100px;}
.data-container.data-container-city a.d-item label {background-color: #5297cc; color: #fff; display: none;font-family: Arial;line-height: 16px; margin-left: 4px;padding: 0 4px;}
.li-disabled {cursor:not-allowed;color:#ccc;}
.li-disabled a {color:#ccc;}

/*默认运费*/
.default-fare {width: 610px; padding: 10px;}
.default-fare .layui-form-label {width: auto; padding: 9px 5px 9px 0;}
.default-fare .layui-input {padding-left: 0; margin-right: 5px; text-align: center;}
/*运费设定*/
.fare-box { width: 100%; min-width: 630px;}
.fare-box th {text-align: center;}
.fare-box td {padding: 0;}
.fare-box .layui-input {border: 0; padding: 9px 0;}
/*表格增删*/
.addel {position: relative; }
.addel .addel-add {width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 24px; color: #FFF; position: absolute; left: -35px; bottom: 0px; background: #8D8D8D; border-radius: 5px 0 0 5px; cursor: pointer;}
.addel .addel-delete,.tab-delete {cursor: pointer; font-size: 18px; color: #DD514C;}