body { text-align: left; margin: 0; padding: 0; color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; min-width: 480px;}
img, dl, dt, dd, ul, ol, li, p, i, em, h1, h2, h3, h4, h5, a, div { margin: 0; padding: 0; outline: none;}
dl ,dt, dd, ul, ol, li { list-style: none;}
em, i { font-style: normal;}
a:link { text-decoration: none; color: #656d78;}
a:visited { text-decoration: none; color: #656d78;}
.clearfix:after { content: ""; display: block; *zoom: 1; height: 0; clear: both; visibility: hidden;}
form, input, button, select, textarea, a, img { margin: 0; padding: 0; outline: none; font-style: normal;}
textarea { resize: none; font-family: Arial, Helvetica, sans-serif;}
input, button { vertical-align: middle; -webkit-appearance: none; border-radius: 0;}
input[type='radio']{ -webkit-appearance: radio;}
img { vertical-align: middle; border: 0;}
textarea::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder { color: #aaa;}
textarea:-moz-placeholder, input[type='text']:-moz-placeholder { color: #aaa;}
textarea:-ms-input-placeholder, input[type='text']:-ms-input-placeholder { color: #aaa;}
textarea:focus::-webkit-input-placeholder, input[type='text']:focus::-webkit-input-placeholder { color: transparent;}
textarea:focus::-moz-placeholder, input[type='text']:focus::-moz-placeholder { color: transparent;}
textarea:focus::-ms-input-placeholder, input[type='text']:focus::-ms-input-placeholder { color: transparent;}
input, textarea, .item-info select { font-size: 13px; display: inline; padding: 0 5px; height: 20px; line-height: 20px; box-sizing: border-box; border: 1px solid #aaa; vertical-align: middle;}
input[type="checkbox"] { cursor: pointer; padding: 5px; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; position: relative;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;}
input[type="number"] { -moz-appearance: textfield; }
.wrap, .main { margin: 0 auto;}
.main { margin: 0 auto; max-width: 1920px; position: relative; background-color: #f1f4f6;}
.erp-top { padding-left: 150px; width: 100%; height: 74px; background-color: #30333c; color: #fff; box-sizing: border-box;}
.erp-foot { padding-left: 145px; width: 100%; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box;}
.contain { padding: 0 10px 0 160px; width: 100%; min-height: 820px; box-sizing: border-box;}
.erp-left { position: fixed; left: 0; top: 0; width: 150px; height: 100vh; background-color: #f60; color: #fff; z-index: 10;}

.erp-log { padding: 0;}
.login { margin: 50px auto; width: 300px; border:1px solid #1E83A8; padding: 20px;}
.adm-ipt { height: 30px; line-height: 30px; text-align: center; margin-bottom: 10px;}
.adm-ipt span { display: inline-block; font-weight: 700; font-size: 15px; width: 50px; text-align: left; vertical-align: middle;}
.adm-ipt .adm-ipt-zh { width: auto; margin-right: 5px;}
.adm-ipt .adm-ipt-en { width: auto; margin: 0 5px 0 25px;}
.adm-ipt input { display: inline-block; vertical-align: middle; font-size: 15px; width: 120px; color: #1E83A8; height: 20px; border: 1px solid #ccc;}
.adm-ipt input[type="radio"] { width: 20px;}
.adm-spt { height: 26px; line-height: 26px; text-align: center;}
.adm-spt input { background-color: #1E83A8; height: 26px; border: none; padding: 0 15px; font-size: 13px; color: #fff; cursor: pointer; margin-left: 10px;}
.adm-cop { height: 30px; line-height: 30px; text-align: center; margin-bottom: 15px; font-weight: 700;} 

.erp-logo { padding: 18px 10px;}
.logo-img { float: left; width: 42px; height: 42px; overflow: hidden; border-radius: 42px; background-color: rgba(255,255,255,0.3);}
.logo-img a { display: block; height: 42px; vertical-align: middle; text-align: center;}
.logo-img img { margin-top: 12px; vertical-align: middle;}
.acc-info { float: left; height: 42px; overflow: hidden; padding-left: 10px;}
.acc-info span { display: block; line-height: 21px;}
.left-con { padding: 10px 0 10px 10px; overflow: hidden;}
.left-con .bsj-ico { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px;}
.left-con li { height: 30px; line-height: 30px; margin-bottom: 15px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis;}
.left-con a { display: inline-block; height: 30px; vertical-align: middle; color: #fff; font-size: 14px;}
.left-con .left-ico { display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: middle; background: url(../images/bsj-ico.png) no-repeat;}
.left-con .erp-ico1 { background-position: 0 0;}
.left-con .erp-ico2 { background-position: -136px -96px;}
.left-con .erp-ico3 { background-position: -136px -144px;}
.left-con .erp-ico4 { background-position: -43px -144px;}
.left-con .erp-ico5 { background-position: -91px -96px;}
.left-con .erp-ico6 { background-position: -43px -96px;}
.left-con .erp-ico7 { background-position: -91px -144px;}
.left-con .erp-ico8 { background-position: 0 -144px;}
.left-con .erp-ico9 { background-position: -184px -144px;}


.erp-site { font-size: 16px; height: 24px; line-height: 24px; padding: 16px 0 5px 10px; font-weight: 700;}
.erp-site a { margin-left: 50px;}
.erp-wrap { border-radius: 10px; padding: 20px; background-color: #fff; min-height: 730px;}

.model-nav { height: 30px; position: relative; border-bottom: 1px solid #cfcfcf; }
.model-nav li { float: left; min-width: 70px; padding: 0 12px; height: 30px; line-height: 30px; background-color: #30333c; border-radius: 5px 5px 0 0; margin-right: 12px; text-align: center; color: #fff; cursor: pointer; font-size: 13px;}
.model-nav .mod-now { background-color: #f60;}
.model-nav li a { color: #fff;}
.mod-con { display: none;}
.mod-show { display: block;}

/**********sales***************/

.sale-tit { padding: 20px 40px 0 40px; font-size: 16px;}
.sale-img { padding: 20px 0 20px 40px; max-width: 1346px;}
.sale-img ul { margin-right: -30px;}
.sale-img li { float: left; margin-right: 30px; margin-bottom: 30px;}
.sale-img span { display: block; border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 30px;}
.sale-img dl { border: 1px solid #e5e5e5;}
.sale-img dd, .sale-img dt { text-align: center; line-height: 35px; overflow: hidden; font-weight: 700; box-sizing: border-box;}
.sale-img dt { padding: 5px 0 4px 0;}
.sale-img dd { border-top: 1px solid #e5e5e5;}
.sale-img dd div { float: left;}
.sale-date { width: 90px; border-right: 1px solid #e5e5e5;}
.sale-order { width: 100px; border-right: 1px solid #e5e5e5;}
.sale-total { width: 140px;}
.sale-platform { width: 120px; border-left: 1px solid #e5e5e5;}
.sale-img div span { display: block; border: none; padding: 0; margin: 0;}
.sale-img .filter_sale { border-bottom: 1px solid #e5e5e5;}
.sale-img .nav-tab { height: 71px; line-height: 71px;}
/******************************/

.stk-contain:hover { background-color: #f3f3f3; cursor: pointer;}
.stk-con { margin: 30px 0; padding: 15px 20px; border: 1px solid #aaa;}
.stk-in { font-weight: 700;  margin-bottom: 15px;}
.stk-in span, .stk-in a { display: inline-block; margin-right: 20px;}
.stk-cat { padding-bottom: 50px; border-bottom: 1px dashed #ddd; margin-bottom: 30px; position: relative;}
.stk-brd { margin-bottom: 20px;}
.stk-wrap { padding-bottom: 20px; min-height: 400px; overflow: hidden;}
.stk-opt select, .stk-opt input, .adm-update, .sup-item select, .sup-item input, .mod-right select, .po-opt input, .po-opt select, .po-info select, .cell-input input, .po-note input { width: 155px; height: 26px; line-height: 26px; box-sizing: border-box; border: 1px solid #aaa; padding: 0 10px; vertical-align: middle;}
.sup-ord input { width: 110px;}
.po-opt .item-opt, .po-opt .return-opt { width: 80px;}
.stk-opt .img-tb { width: 400px; height: 150px;}
.stk-opt #qty { width: 60px;}
.stk-opt #desc { width: 200px;}
.stk-opt #upt-desc { width: 260px;}
.stk-opt { float: left; margin-right: 30px;}
.stk-opt .check-on { border: 1px solid #F30;}
.stk-opt input[type="submit"], .adm-update { width: 80px;}
.stk-opt input[type="submit"].adm-upstk { width: 150px;}
.stk-opt .file-upload { margin-right: 20px;}
.get_shopee_span { display: block; margin: 10px; color: #ccc;}
.stk-opt .file-ipt { width: 250px; margin-right: 20px;}
.stk-opt-pad { width: 100%; margin-top: 20px; padding-left: 320px;}
.stk-full { width: 100%; margin-top: 20px;}
.sup-item .item-opt, .sup-item .item-opt-stock { width: 80px;}
.stk-opt .get_shopee_span { display: block; margin-top: 15px; color: #999;}
.stk-ban { line-height: 36px; border: 1px solid #ddd; border-bottom: none;}
.stk-cell, .sup-cell, .item-cell { float: left; width: 12%; height: 36px; padding: 0 15px; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 13px; position: relative;}
.stk-none { border-right: none;}
.stk-max span, .stk-none span { color: #f00;}
.stk-nav { font-weight: 700; color: #555;}
.stk-min { width: 10%;}
.stk-max { width: 30%;}
.stk-mid { width: 16%;}
.stk-mdn { width: 6%;}
.sup-name { font-weight: 700; cursor: pointer;}

.list-ban { display: block; overflow: hidden;}
.sup-az span { display: inline-block; width: 40px; line-height: 30px; margin-right: 10px; text-align: center; cursor: pointer; font-weight: 700;}
.sup-az .now { color: red;}
.sup-az span:hover { text-decoration: underline; color: red;}
.sup-az .max-az { width: 80px; text-align: left;}
.sup-cell, .item-cell { padding: 0 10px; height: 40px; line-height: 40px;}
.sup-lt { width: 4%;}
.sup-pos { width: 16%;}
.sup-min { width: 9%;}
.sup-last { width: 8%; border-right: none; position: relative;}
.sup-cell .upt-btn, .item-cell .item-btn, .item-cell .item-stk-btn { padding: 5px 15px;}
.item-img { width: 16%; position: relative;}
.item-img .user_id { position: absolute; left: 20px; top: 5px; color: red; font-size: 14px;}
.item-cell .item-num, .ext-info .item-num { color: #fff; font-size: 20px; display: block; position: absolute; left: 5px; top: 5px; z-index: 1; -webkit-text-stroke: 1px #f60; text-stroke: 1px #f60;}
.item-list .item-img { cursor: pointer;}
.item-sup { width: 15%;}
.stk-onl, .item-prie { width: 6%;}
.stk-pos { width: 14%;}
.item-link { width: 8%;}
.item-id { width: 4%;}
.item-ord, .item-out { width: 12%;}
.item-ord span { display: block; cursor: pointer;}
.item-ord span:hover { color: #f60;}
.stk-note { width: 13%;}
.stk-note-full { width: 50%;}
.item-list, .item-list-fill, .item-stock-fill, .ord-list-fill { position: relative;}
.tab-cell { height: 250px; display: flex; align-items: center; justify-content: center; text-align: justify; }
.item-list .item-img, .item-list-fill .item-img, .item-stock-fill .item-img { padding: 10px 0;}
.item-img img { height: 100%;}
.item-cell .item-btn, .item-cell .item-mod, .item-cell .item-cancel, .item-cell .item-stk-btn { line-height: 18px;}
.item-cell .item-cancel { position: absolute; bottom: 20px;}
.lst-note { white-space: normal; line-height: 20px; padding: 0 10px;}
.stk-note .lst-note { color: #f00;}
.item-cell a { line-height: 30px; padding: 0 20px; margin: 5px 0; display: block; color: #00699B;}
.item-cell a:hover { color: #f60; text-decoration: underline;}

.item-cell .pnr_down, .item-cell .pnr_up { display: inline-block; text-align: center; width: 22px; height: 13px; margin-top: 5px; padding: 4px 0; border: 1px solid #ccc; color: #666; line-height: 13px; font-weight: bold; cursor: pointer; vertical-align: middle; background: #f5f5f5; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #f0f0f0); background: -o-linear-gradient(top, #fff, #f0f0f0); background: linear-gradient(to bottom,#fff,#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0'); text-decoration: none;}
.item-cell .pnr_down:hover, .item-cell .pnr_up:hover { background: #ededed; background: -moz-linear-gradient(top,#f6f6f6,#e5e5e5); background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#e5e5e5)); background: -o-linear-gradient(top,#f6f6f6,#e5e5e5); background: linear-gradient(to bottom,#f6f6f6,#e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e5e5e5'); text-decoration: none;}
.item-cell .pnr_down { font-size: 16px;}
.stk-cell .qty-off { background: #f2f2f2; color: #aaa; cursor: default;}
.item-cell .pnr-num { display: inline-block; width: 34px; height: 23px;  border-color: #ccc; border-left: none; border-right: none; text-align: center; vertical-align: middle;}
.stock-zero { text-align: center; color: #048; border-bottom: 1px solid #ddd; padding: 20px 0;}

.mod-new { position: relative; margin: 20px; padding: 20px 10px 10px 10px; width: 580px; min-height: 630px; padding-bottom: 50px; border: 1px solid #aaa; background-color: #fff; float: left;}
.mod-right { display: none; position: relative; margin: 20px; width: 800px; height: 697px; padding: 20px 10px 10px 10px; border: 1px solid #aaa; background-color: #fff; float: left; overflow-y: scroll;}
.sku-list { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.sku-list li { width: 24%; height: 190px; margin-bottom: 20px; border: 1px solid #ddd; overflow: hidden; position: relative;}
.sku-list li.on { border-color: #f60;}
.sku-list img { width: 100%;}
.sku-list span, .sku-list em { display: inline-block; padding: 4px 25px 4px 15px; border-radius: 0 0 15px 0; background-color: #f60; color: #fff; position: absolute; top: 0; left: 0; z-index: 10;}
.sku-list em { z-index: -1;}
.multiple_sku { display: none;}
.mod-stock { min-height: 200px;}
.mod-new em { display: block; text-align: center; font-size: 16px; font-weight: 700;}
.mod-new span, .sup-dia span { display: inline-block; width: 150px; text-align: right; vertical-align: middle;}
.mod-new .new-exp { font-size: 12px; color: #999; text-align: left; width: 340px;}
.mod-new .stk-select { width: 350px;}
.mod-new div, .sup-dia div { margin-bottom: 10px;}
.new-text { padding: 0 30px; line-height: 30px; font-size: 16px; font-weight: 700; color: #f00; display: none;}
.mod-new i { display: inline-block; color: #f00; margin-left: 5px; vertical-align: middle;}
.mod-new .refresh-ipt { width: 20px; height: 20px; background: #f60 url(../images/bsj-ico.png) no-repeat -183px 2px; border-radius: 2px; margin-left: 10px; cursor: pointer;}
.new-text-up, .new-text-mod { padding: 0 30px; line-height: 24px; display: none;}
.new-text-stk, .new-text-stk_off, .new-text-stk-tit { float: left; width: 100%; padding: 15px 0; color: #f00; }

.mod-new input, .mod-new textarea, .mod-new select { font-size: 12px; display: inline; width: 90px; padding: 0 5px; height: 20px; line-height: 20px; box-sizing: border-box; border: 1px solid #aaa; vertical-align: middle;}
.mod-new input { width: 350px;}
.mod-new select { padding: 0; width: 350px;}
.mod-new input[type="radio"] { width: 30px; margin-right: 30px;}
.mod-new .adm-upipt, .mod-new .adm-upstk { width: auto; padding: 0 15px; cursor: pointer; height: 24px; line-height: 24px;}
.mod-new textarea { width: 350px; height: 80px;}
.mod-new input:focus, .mod-new textarea:focus, .po-opt input:focus, .cell-input input:focus, .cell-alert input { border-color: #f60;}
.mod-new .file-ipt, .sup-dia .file-ipt { padding: 0; width: 160px; height: 24px; line-height: 24px;}
.mod-new .file-ipt { width: 350px;}
.adm-upl .file-ipt { width: 180px;}
.ctn-btn, .new-btn, .adp-btn, .item-ajx { display: block; position: absolute; width: 90px; left: 50%; margin-left: -45px; bottom: 15px; background-color: #f60; color: #fff;  height: 30px; line-height: 30px; border-radius: 3px; border: none; cursor: pointer; text-align: center;}
.new-cat-btn { margin: 0 auto; width: 90px; background-color: #f60; color: #fff;  height: 30px; line-height: 30px; border-radius: 3px; border: none; cursor: pointer; text-align: center;}

/*
.msg-model { position: fixed; width: 300px; min-height: 100px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), -2px -2px 5px rgb(0 0 0 / 20%); left: 50%; margin-left: -100px; top: 40%; background-color: #fff; z-index: 9999; display: none;}
.msg-model .msg-text { padding: 30px 30px 15px 30px; text-align: center;}
.msg-text img { width: 100%;}
*/

.cat-list { margin: 0 auto; width: 400px; padding: 20px 50px; border: 1px dashed #606060;}
.cat-list li { list-style: disc;}

.adm-upl { height: 94px; padding: 20px 0; margin: 20px auto; border: 1px dotted #aaa; width: 450px; text-align: center; position: relative;}
.adm-upl a { display: block; position: absolute; right: 10px; bottom: 10px;}

/***********************/




/*****order*****/

.stk-ord-wrap { margin-top: 20px; overflow: hidden; border-bottom: 1px solid #ddd; font-size: 13px;}
.stk-ord-nav { overflow: hidden; border: 1px solid #ccc; boder-right: 0; border-bottom: 0; line-height: 40px;} /**1450px*/
.ord-nav-center { text-align: center; font-weight: 700;}
.ord-id { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 190px;}
.ord-sku { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 240px;}
.ord-img { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 340px; overflow: hidden; position: relative;}
.ord-price { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 90px; text-align: center;}
.ord-status { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 90px; text-align: center;}
.ord-time { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 90px; text-align: center;}
.ord-note { float: left; padding: 0 5px; width: 213px;}
.ord-account { float: left; padding: 0 5px; border-right: 1px solid #ccc; width: 110px; text-align: center;}
.stk-ord-nav .line-item { height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ord-img span { display: inline-block; margin-right: 15px; position: relative;}
.ord-img .ord-pay { display: block; position: absolute; top: 0; right: 10px; width: 50px; text-align: right; margin: 0; z-index: 10; color: #9B9696;}
.ord-img img { height: 50px;}
.ord-img span i { display: block; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: right; font-size: 12px; top: 0; right: -10px; color: red;}

.info-blank { border-bottom: 1px dotted #0E83A8; height: 30px;}


.ord-table { border-spacing: 0; border-collapse: collapse; width: 100%; line-height: 22px; margin-bottom: 50px; border: 1px solid #ccc;}
.table-nav { background-color: rgba(0,0,0,0.05);}
.ord-table th { border: 1px solid #ccc; text-align: center; border-collapse: collapse; padding: 5px 3px;}
.ord-table td { border: 1px solid #ccc; box-sizing: border-box; padding: 5px; border-collapse: collapse;}
.ord-table .td-id { width: 60px; text-align: center;}
.ord-table .td-account { width: 90px; text-overflow: ellipsis; white-space: nowrap; text-align: center; overflow: hidden;}
.ord-table .td-platform { width: 100px; text-align: center;}
.ord-table .td-orderid { width: 160px; text-align: center;}
.ord-table .td-info { width: 200px; padding: 6px 20px 3px 20px;}
.ord-table .td-payment { width: 120px; text-align: center;}
.ord-table .td-time { width: 180px; padding: 5px 10px;}
.ord-table .td-ship { width: 180px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ord-table .td-status { width: 100px; text-align: center;}
.ord-table .td-note { min-width: 35px;}
.td-time span { display: block;}
.td-wrap { position: relative; padding: 8px 0 0 65px; height: 55px;}
.td-wrap .td-img { display: block; position: absolute; left: 0; top: 0;}
.td-wrap .td-img img { width: 58px; border: 1px solid #ddd;}
.td-wrap .td-sku, .td-wrap .td-qty { display: inline-block; vertical-align: middle;}
.td-wrap .td-price { display: block;}
.td-wrap .td-qty { padding: 3px; width: 22px; height: 22px; border-radius: 50px; background: rgba(0,0,0,0.4); color: #fff; text-align: center;}
.td-wrap .td-on { background: #f60;}
.ord-table .td-ship span { display: inline-block; cursor: pointer;}
.full_order_none { width: 100%; height: 50px; line-height: 50px; text-align: center;}


.upt-wrap { margin: 0 auto; width: 1300px; overflow: hidden;}
.upt-wrap form { margin-top: 15px; border-top: 1px dotted #0E83A8; overflow: hidden;}
.upt-ban { font-size: 14px; text-align: center; height: 30px; line-height: 30px; font-weight: 700; color: #144A7C; padding: 15px; border-left: 1px dotted #0E83A8; border-right: 1px dotted #0E83A8; border-bottom: 1px dotted #0E83A8; position: relative;}
.upt-addr { font-size: 14px; border-left: 1px dotted #0E83A8; border-right: 1px dotted #0E83A8; border-bottom: 1px dotted #0E83A8; position: relative; padding: 15px 42px; max-height: 250px; overflow: hidden;}
.height-auto { height: auto; max-height: 100%;}
.adrr-nav { height: 34px; line-height: 34px;}
.adrr-nav strong { color: #144A7C; display: inline-block; margin-right: 28px; vertical-align: middle;}
.adrr-nav span, .upd-opt { font-size: 12px; padding: 3px 10px; display: inline-block; line-height: normal; vertical-align: middle;}
.upd-note { display: inline-block; vertical-align: middle; color: red;}
.adrr-note { padding-left: 42px; height: 30px; line-height: 30px; font-weight: 700;}
.adrr-note span, .upt-nt span { font-size: 14px; color: #006A35;}
.adrr-note em, .upt-nt em { font-size: 14px; color: #F00;}
.adrr-note strong { margin-right: 22px;}
.addr-info { margin: 0 auto 30px; border: 1px dotted #0E83A8; border-bottom: none; width: 1200px; overflow: hidden;}
.addr-wrap { font-size: 14px; height: 31px; overflow: hidden; color: #144A7C; border-bottom: 1px dotted #0E83A8;}
.addr-wrap .addr-blank { height: 30px; line-height: 30px; display: block; text-align: center; color: #333; font-weight: 700;}
.addr-wrap-ban { font-weight: 700; color: #333;}
.addr-wrap div { float: left; padding-left: 10px; height: 30px; line-height: 30px;}
.addr-country { width: 119px; border-right: 1px dotted #0E83A8; }
.addr-zip { width: 99px; border-right: 1px dotted #0E83A8; }
.addr-city { width: 300px; border-right: 1px dotted #0E83A8; }
.addr-state { width: 300px; border-right: 1px dotted #0E83A8;}
.addr-code { width: 328px;}
.addr-alert { margin-left: 108px; color: #144A7C;}
.addr-alert em, .addr-alert span { display: block;}
.addr-alert span { padding-left: 38px;}
.upt-act, .upt-tel, .upt-san { font-size: 12px; display: block; position: absolute; right: 25px; bottom: 5px; height: 20px; line-height: 20px;}
.upt-tel { right: 300px; cursor: pointer;}
.upt-san { left: 25px; right: auto;}
.cst-con { border-left: 1px dotted #0E83A8;}
.cst-con input, .cst-con select { font-size: 12px; height: 24px; line-height: 24px; border: 1px solid #aaa; padding: 0 10px; margin-top: 4px; width: 410px; color: #333;}
.cst-con .upt-num { width: 45px; text-align: center; padding: 0; margin: 0 5px 0 0; vertical-align: baseline;}
.cst-con .track-ipt { width: 200px;}
.cst-con input[type='text']:focus, .cst-con textarea:focus, .stk-qty input:focus, .stk-brand select:focus, .stk-model select:focus, .stk-desc input:focus, .info-time input:focus, .info-time select:focus, .stk-price input:focus, .stk-note input:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.cst-con select { width: 220px; height: 26px; line-height: 26px; box-sizing: border-box;}
.upt-left, .upt-right, .upt-mdl, .upt-mdr, .note-left, .note-right, .pro-tit, .upt-tans, .upt-ship, .upt-track, .upt-qty, .upt-tval, .upt-trg { float: left; height: 34px; line-height: 34px; border-bottom: 1px dotted #0E83A8; border-right: 1px dotted #0E83A8; width: 100px; padding: 0 20px; text-align: center; position: relative;}

.upt-mdl { width: 467px; text-align: left; font-size: 13px;}
.upt-right { width: 468px; text-align: left;}
.upt-tit { font-size: 14px; color: #144A7C;}
.upt-note { height: 60px;}
.upt-note .upt-tit { line-height: 60px;}
.upt-note textarea { float: left; font-size: 12px; color: #333; margin: 9px 30px 0 0; border: 1px solid #aaa; padding: 5px; width: 190px; height: 30px;}
.upt-nt { line-height: 30px;}
.upt-site { position: absolute; right: 15px; top: 0; height: 34px; line-height: 34px; border-left: 1px dotted #0E83A8; padding-left: 15px; width: 160px}

.pro-tit { width: 755px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-tit .upt-tit { display: block; text-align: center;}
.upt-tans { text-align: left; width: 151px;}
.upt-track { text-align: left; width: 162px;}
.upt-ship { width: 94px; padding: 0; font-size: 13px;}
.upt-pp { width: 93px; padding: 0 10px;}
.upt-total { width: 91px;}
.upt-qty { text-align: left; width: 81px;}
.upt-tval { text-align: left; width: 100px;}
.upt-trg { width: 91px;}
.upt-trans { width: 180px;}
.opt-test { margin-left: 50px; vertical-align: middle;}
.test-status { margin-left: 10px; color: #f00; vertical-align: middle;}
.test-order-id { display: block; width: 300px; height: 100px; margin-bottom: 10px;}
.upt-btn { height: 40px; line-height: 40px; text-align: center; padding: 30px 0 0;}
.upt-btn .bg-linear { height: 30px; line-height: 18px; padding: 0 20px;}

/*************setting******************/
.nav-bar { padding: 30px 0 15px; height: 30px; line-height: 30px;}
.nav-bar .refresh { display: inline-block; width: 40px; height: 30px; background-color: rgba(0,0,0, 1); background-position: -173px 7px; cursor: pointer; border-radius: 3px; vertical-align: middle;}
.nav-bar .refresh:hover { background-color: rgba(0,0,0, 0.8);}
.nav-bar .add { display: inline-block; height: 30px; background-color: #18bc9c; cursor: pointer; border-radius: 3px; padding: 0 16px; vertical-align: middle; margin-left: 15px; color: #fff;}
.nav-bar .add .bsj-ico { display: inline-block; width: 18px; height: 30px; vertical-align: middle; background-position: -137px 5px}
.nav-bar .add:hover, .bsj-cell .modify:hover, .add-po:hover, .po-add-btn:hover, .sku-confirm span:hover, .po-list .po-modify:hover, .sk-action a:hover, .po-list .cell-in .po-in:hover, .cell-in .po-out:hover { background-color: #128f76;}

.bsj-table, .pobox-table { display: table; width: 100%; border-collapse: collapse; text-align: center; box-sizing: border-box;}
.bsj-row { display: table-row;}
.row-nav { font-weight: 700; background-color: rgba(0,0,0,0.05);}
.bsj-cell { display: table-cell; padding: 0 10px; border: 1px solid #ddd; height: 40px; vertical-align: middle;}
.id-cell { width: 50px;}
.bsj-cell .modify { display: inline-block; width: 22px; height: 20px; background-color: #18bc9c; background-position: -41px 2px; cursor: pointer; margin-right: 10px; border-radius: 2px;}
.bsj-cell .delete { display: inline-block; width: 22px; height: 20px; background-color: #e74c3c; background-position: -87px 2px; cursor: pointer; border-radius: 2px;}
.bsj-cell .delete:hover, .add-close:hover, .po-list .po-label:hover, .po-list .po-cancel:hover, .po-list .po-in:hover, .row-list .po-action { background-color: #d62c1a;}



/************purchase*******************/
.msg-pobox { position: fixed; width: 1100px; padding: 30px 30px 50px 30px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 2px 2px 5px rgb(0 0 0 / 30%), -2px -2px 5px rgb(0 0 0 / 20%); left: 50%; margin-left: -550px; top: 200px; background-color: #fff; z-index: 9999; display: none; max-height: 600px; overflow-y: auto;}
.ord-info { width: 788px; margin: 0 auto; overflow: hidden; border: 1px solid #ddd; }
.ord-info dt { width: 788px; line-height: 40px; height: 40px; text-align: center; font-weight: 700; color: #f60; font-size: 14px;}
.ord-info dd { width: 788px; overflow: hidden; text-align: center; line-height: 120px; height: 120px; border-top: 1px solid #ddd;}
.ord-info .ord-info-nav { line-height: 30px; height: 30px;}
.ord-info .ord-info-bot { height: 30px; padding: 20px 0;}
.ord-info .ord-info-img { float: left; width: 150px; text-align: center; border-right: 1px solid #ddd;}
.ord-info .ord-info-img img { height: 120px;}
.ord-info .ord-info-sku { float: left; width: 250px; border-right: 1px solid #ddd;}
.ord-info .ord-info-qty { float: left; width: 80px; text-align: center; border-right: 1px solid #ddd;}
.ord-info .ord-info-track { float: left; width: 305px; text-align: center;}
.ord-info-bot span { display: inline-block; width: 150px; text-align: center; background-color: #f60; color: #fff; height: 30px; line-height: 30px; border-radius: 3px; border: none; cursor: pointer; vertical-align: middle;}
.add-po { position: absolute; right: 20px; padding: 5px 15px; background: #18bc9c; cursor: pointer; vertical-align: middle; border-radius: 3px;}
.add-po::before, .po-add-btn::before, .sk-action a::before, .cell-in .po-out::before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/bsj-ico.png) no-repeat 0 -47px; vertical-align: middle;}
.add-po a, .add-po span, .po-add-btn span, .sk-action em, .cell-in .po-out em { display: inline-block; vertical-align: middle; color: #fff; margin-left: 5px;}


/******************purchase_po*************************/
.po-opt span { display: inline-block; vertical-align: middle;}
.po-opt i { display: inline-block; vertical-align: middle; color: #f00; margin: 4px 0 0 5px;}
.po-nav { padding-bottom: 15px; border-bottom: 1px dashed #aaa; margin-bottom: 15px;}
.po-flex { display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap: 20px 40px;}
.po-add-item { padding: 20px 0; text-align: right;}
.po-add-btn { display: inline-block; color: #fff; padding: 5px 15px; background: #18bc9c; cursor: pointer; vertical-align: middle; border-radius: 3px;}
.po-info { height: 500px; overflow-y: auto;}
.po-info select { margin-left: 15px;}
.sup-dia .po-info span { width: auto; text-align: left;}
.sup-dia .sku-list em { text-align: right; top: auto; left: auto; right: 0; bottom: 0; border-radius: 15px 0 0 0; padding: 4px 15px 4px 25px; z-index: 10;}
.sku-confirm { margin-top: 15px; padding: 15px 0; text-align: center; border-top: 1px dashed #aaa;}
.sku-confirm span { margin-top: 15px; width: auto; display: inline-block; text-align: center; padding: 5px 15px; background-color: #18bc9c; border-radius: 3px; color: #fff; cursor: pointer;}
.cell-img { width: 150px;}
.cell-note { min-width: 200px;}
.cell-ord { width: 120px;}
.cell-stock-img { width: 100px;}
.row-list .bsj-cell img, .cell-stock-img img, .po-list .cell-img img { width: 100px; margin: 10px 0;}
.cell-input { width: 150px;}
.cell-stock { width: 220px; padding: 0; height: 50px;}
.flex-stock { display: flex; justify-content: space-around; align-items: center;}
.flex-stock span { width: 23%;}
.cell-input input { width: 80px; text-align: center;}
.cell-time { width: 250px;}
.cell-action { width: 150px;}
.cell-info { width: 180px;}
.full-cell { width: 100%; text-align: center; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; line-height: 60px;}
.po-option { padding: 30px 20px 40px 20px; border: 1px solid #ddd; border-top: none; position: relative;}
.po-note { flex: 1 0 100%; padding-top: 20px;}
.po-note textarea { width: 420px; height: 60px;}
.po-note input { width: 420px;}
.po-order { position: absolute; width: 200px; height: 130px; right: 40px; bottom: 0;}
.po-order span { display: inline-block; width: 100px; vertical-align: middle; text-align: right; line-height: 20px;}
.po-btn { padding: 40px 0 20px; text-align: center;}
.po-btn span { display: inline-block; padding: 5px 20px; background: #f60; cursor: pointer; vertical-align: middle; border-radius: 3px; color: #fff;}
.po-btn span:hover { background-color: #f34610;}
.po-msg { color: #aaa; text-align: right; padding: 30px 20px 10px 20px;}
.add-close { position: absolute; right: 40px; bottom: 40px; width: 70px; padding: 5px 0; text-align: center; background-color: #e74c3c; color: #fff; cursor: pointer; border-radius: 3px;}
.po-list span { display: block; text-align: left;}
.po-list a { display: block; color: #0578B8;}
.po-list a:hover { text-decoration: underline;}
.po-list .bsj-cell { padding: 15px 10px;}
.po-list .cell-info { padding-left: 80px; position: relative; box-sizing: border-box;}
.po-list .cell-info-img { position: absolute; width: 60px; height: 60px; top: 50%; margin-top: -30px; left: 10px;}
.po-list .cell-info-img img { width: 60px;}
.po-item-list { cursor: pointer; color: #0578B8;}
.po-list .po-label, .po-list .po-cancel, .po-list .po-in, .row-list .po-action { display: inline-block; width: 100px; cursor: pointer; background-color: #e74c3c; text-align: center; margin-bottom: 10px; padding: 5px 0; border-radius: 3px;}
.po-list .cell-in .po-in { background-color: #18bc9c;}
.po-list .po-cancel { width: 70px; margin-top: 10px;}
.po-list .po-label::before, .po-list .po-modify::before, .po-list .po-cancel::before, .po-list .po-in::before, .row-list .po-action::before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/bsj-ico.png) no-repeat 0 -97px; vertical-align: middle; margin-right: 5px;}
.po-list .po-modify { display: inline-block; width: 100px; cursor: pointer; text-align: center; background-color: #18bc9c; padding: 5px 0; border-radius: 3px;}
.po-list .po-modify::before { background-position: -44px 0;}
.po-list .po-cancel::before { background-position: -91px 0;}
.po-list .po-in::before { background-position: -43px -97px;}
.po-list .po-label em, .po-list .po-modify em, .po-list .po-cancel em, .po-list .po-in em, .row-list .po-action em { display: inline-block; color: #fff; vertical-align: middle;}
.wine-red, .po-list .cell-note, .row-list .cell-note { color: #ae1710;}
/*************stock******************/
.sk-wrap { position: relative; padding-top: 50px;}
.sk-count { position: absolute; width: 100%; top: 10px; left: 0; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #ddd; border-bottom: 0; text-align: right;}
.sk-count span { display: inline-block; margin-right: 15px; font-weight: 700;}
.sk-count i { color: #f00;}
.sk-action { position: absolute; right: 20px;}
.sk-action a, .sk-action .onekey, .cell-in .po-out { display: inline-block; padding: 5px 15px; background-color: #18bc9c; color: #fff; vertical-align: middle; margin-left: 30px; border-radius: 3px; cursor: pointer;}
.sk-action .sk-in::before { background-position: -137px -47px;}
.sk-action .sk-out::before, .cell-in .po-out::before { width: 16px; background-position: -91px -47px;}
.cell-stock .sk-qty-nav { width: 100%; border-bottom: 1px solid #ddd; line-height: 22px;}
.cell_sku { display: block; line-height: 24px; text-align: center;}
.po-list .cell_sku { text-align: center;}
.th_sku { color: #6B2907;}
/***********************************/

/************move*****************/
.move-info { height: 350px; overflow-y: auto;}
.move-list { height: 110px; padding-top: 10px; border-top: 1px dashed #aaa;}
.move-list img { display: inline-block; margin: 0 10px 10px 0; width: 60px;}
.move-info .cell-img { width: 80px;}
.move-info .cell-img img { width: 80px; margin: 10px 0;}
.cell-action .bg-linear { text-align: center; width: 80px; padding: 5px 0;}
.cell-action .on { border-color: #f60;}
/********************************/

/***********analysis**************/
.sld-nav { float: left; width: 250px; height: 250px; margin: 10px 20px 20px 0; position: relative; overflow: hidden; border: 1px solid #ddd;}
.sld-nav img { width: 250px;}
.sld-nav .sld-qty { position: absolute; display: block; right: 5px; top: 5px; font-size: 60px; color: red;}
.ana-wrap { overflow: hidden; border: 1px solid #ddd; width: 463px;}
.ana-wrap dt { font-wight: bold;}
.ana-wrap dt, .ana-wrap dd { line-height: 30px; height: 30px;}
.ana-wrap span { display: inline-block; text-align: center;}
.ana-wrap dd { border-top: 1px solid #ddd;}
.ana-wrap .ana-id { width: 50px; border-right: 1px solid #ddd;}
.ana-wrap .ana-country { width: 150px; border-right: 1px solid #ddd;}
.ana-wrap .ana-state { width: 200px; border-right: 1px solid #ddd;}
.ana-wrap .ana-ord { width: 60px;}

/**********************************************/
.sup-dia, .sup-note, .item-dia, .img-dia, .img-extra { position: fixed; padding: 50px 10px 20px 10px; width: 710px; border: 1px solid #aaa; background-color: #fff; z-index: 9999; left: 50%; margin-left: -255px; top: 50%; margin-top: -300px; display: none; border-radius: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3),-2px -2px 5px rgba(0,0,0,0.2);}
.sup-dia { width: 810px; min-height: 480px;}
.sup-dia input, .sup-dia .file-ipt { width: 580px;}
.sup-note { width: 200px; margin-left: -100px; height: 80px; margin-top: -40px;}
.sup-msg { text-align: center; font-weight: 700; color: #f00; font-size: 16px;}
.sup-btn { line-height: 24px; cursor: pointer; display: block; font-weight: 700; text-align: center;}
.sup-date { display: block; color: #f00;}
.sup-btn:hover { color: #f60;}
.sup_input { display: inline-block; width: 580px; height: 24px; line-height: 24px; box-sizing: border-box; border: 1px solid #aaa; vertical-align: middle; padding-left: 10px;}
.sup-item span { display: inline-block; vertical-align: middle; margin-right: 20px;}
.sup-item .show_all, .sup-item .show_main  { font-weight: 700; cursor: pointer;}
.sup-item .show_now { color: #f00;}
.img-extra { width: 650px; margin-top: -320px;}
.img-extra img { max-width: 650px;}
.ext-info { text-align: center;}
.img-dia { width: 810px; max-height: 630px; overflow-x: hidden; overflow-y: auto; margin-top: -320px;}
.img-dia ul { overflow: hidden; padding: 0 0 0 25px; margin-right: -15px;}
.img-dia ul li { float: left; width: 232px; height: 232px; margin: 0 15px 15px 0; border: 1px solid #ddd; position: relative;}
.img-dia ul li.vd-item { height: 131px; cursor: pointer;}
.img-dia li img { width: 100%;}
.on-text { display: block; position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; padding: 0 25px 0 15px; background-color: #F5070B; color: #fff; border-radius: 0 0 20px 0;}
.sup-info .info-item .on-text { height: 20px; line-height: 20px; padding: 0 15px 0 5px; font-size: 12px;}
.img-dia .img_none { height: 60px; line-height: 60px; text-align: center;}
.item-dia { min-height: 250px; margin-top: -300px;}
.item-dia input { width: 250px;}
.item-on { font-weight: 700; color: #008040;}
.item-off { font-weight: 700; color: #f00;}
.item-info { position: relative; padding-left: 190px; padding-bottom: 80px;}
.item-info img { width: 170px;}
.item-info div { line-height: 30px;}
.item-info span { display: inline-block; width: 90px;}
.item-info input, .item-info textarea, .item-info select { width: 400px;}
.item-info .file-ipt { padding: 0; box-sizing: border-box; height: 24px;}
.item-info textarea { height: 40px; line-height: 18px;}
.item-info input[type='radio'] { width: auto; margin: 0 20px 0 5px;}
.sup-info { padding-bottom: 15px;}
.sup-info i { border: 1px solid #aaa; height: 18px; line-height: 18px; width: 60px; text-align: center; margin-left: 5px; display: inline-block; font-size: 13px; font-weight: 700;}
.sup-info a { color: #03C; text-decoration: underline;}
.sup-info a:hover { color: #f60;}
.info-item { padding-left: 40px; cursor: pointer; height: 140px; overflow-y: auto;}
.sup-info .info-item span { margin: 0 0 10px 12px; width: 60px; height: 60px; position: relative;}
.img-dia .img-info { min-height: 500px;}
.info-item img { width: 100%;}
.dia-img { position: absolute; left: 10px; top: 12px;}

/******************************************/


/*****************************************/
.erro-list { margin-bottom: 30px; border-bottom: 1px dashed #ddd; padding-bottom: 30px;}
.erro-list li { line-height: 30px;}
.dia-close { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 20px; height: 20px; background: url(../images/bsj-ico.png) no-repeat -180px -47px; z-index: 2000;}
.toolbar { z-index: 1300; position: fixed; left: 100%; margin-left: -50px; bottom: 100px; -webkit-transform: translateZ(0);}
.gotop { width: 40px; height: 40px; background: #000 url(../images/page-ico.png) no-repeat; filter: alpha(opacity=28); opacity: 0.5; border-radius: 3px; position: relative; margin-top: 12px; background-position: 7px -570px; cursor: pointer;}
.gt-text { height: 28px; line-height: 28px; width: 0; text-align: center; position: absolute; border-radius: 3px; background: #484848; color: #fff; right: 48px; top: 5px; white-space: nowrap; overflow: hidden; -webkit-transition: all .1s; transition: all .1s;}
.gt-row { display: inline-block; position: absolute; right: -12px; top: 50%; width: 0; height: 0; margin-top: -6px; border: 6px solid transparent; border-left-color: #484848;}
.gt-inner { display: inline-block; position: absolute; right: -5px; top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #484848;}
.gotop:hover { background-color: #f78c1b; filter: alpha(opacity=100); opacity: 1;}
.gotop:hover .gt-text { width: auto; overflow: visible; padding: 0 10px;}
.erp-out { position: absolute; width: 70px; height: 30px; line-height: 30px; right: 10px; cursor: pointer;}
.erp-out a { display: block; color: #fff;}
.red { color: #f00; font-weight: 700;}
.green { color: #009124; font-weight: 700;}
.bg-linear { background: #f5f5f5; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #f0f0f0); background: -o-linear-gradient(top, #fff, #f0f0f0); background: linear-gradient(to bottom,#fff,#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0'); padding: 5px 10px; border: 1px solid #aaa; border-radius: 3px; cursor: pointer; font-size: 13px;}
.bg-linear:hover { background: #ededed; background: -moz-linear-gradient(top,#f6f6f6,#e5e5e5); background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#e5e5e5)); background: -o-linear-gradient(top,#f6f6f6,#e5e5e5); background: linear-gradient(to bottom,#f6f6f6,#e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e5e5e5');}
.bsj-ico { background: url(../images/bsj-ico.png) no-repeat;}
.load { position: fixed; left: 0; top: 0;  z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.2); display: none;}
.loading { display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 60px; height: 60px; margin: auto; font-size: 0; -webkit-animation: container_rotate 1568ms linear infinite; animation: container_rotate 1568ms linear infinite; overflow: hidden;}
.spinner_layer { position: absolute; width: 100%; height: 100%; border-color: #f60; opacity: 1; -webkit-animation: fill_unfill_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both; animation: fill_unfill_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both; box-sizing: border-box;}
.gap_patch { position: absolute; top: 0; height: 100%; left: 45%; width: 10%; border-color: inherit; overflow: hidden;}
.circle_clipper { position: relative; display: inline-block; height: 100%; width: 50%; border-color: inherit; overflow: hidden;}
.circle { width: 200%; height: 100%; border-width: 8px; border-style: solid; border-color: inherit; border-bottom-color: transparent; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; box-sizing: border-box;}
.left .circle { left: 0; border-right-color: transparent; -webkit-transform: rotate(129deg); transform: rotate(129deg); -webkit-animation: left_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; animation: left_spin 1333ms cubic-bezier(.4,0,.3,1) infinite both;}
.gap_patch .circle { width: 1000%; left: -450%;}
.right .circle { -webkit-animation: right_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; animation: right_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; left: -100%; border-left-color: transparent; -webkit-transform: rotate(-129deg);transform: rotate(-129deg);}
@-webkit-keyframes container_rotate { 
to { -webkit-transform: rotate(360deg)}}
@keyframes container_rotate {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg)}}
@-webkit-keyframes fill_unfill_rotate { 
12.5% { -webkit-transform: rotate(135deg);}
25% { -webkit-transform: rotate(270deg);}
37.5% { -webkit-transform: rotate(405deg);}
50% { -webkit-transform: rotate(540deg);}
62.5% { -webkit-transform: rotate(675deg);}
75% { -webkit-transform: rotate(810deg);}
87.5% { -webkit-transform: rotate(945deg);}
to { -webkit-transform: rotate(1080deg)}}
@keyframes fill_unfill_rotate {
12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg);}
25% { -webkit-transform: rotate(270deg); transform: rotate(270deg);}
37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg);}
50% { -webkit-transform: rotate(540deg); transform: rotate(540deg);}
62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg);}
75% { -webkit-transform: rotate(810deg); transform: rotate(810deg);}
87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg);}
to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg)}}
@-webkit-keyframes left_spin {
from,to { -webkit-transform: rotate(130deg);}
50% { -webkit-transform: rotate(-5deg)}}
@keyframes left_spin {
from,to { -webkit-transform: rotate(130deg); transform: rotate(130deg);}
50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg)}}
@-webkit-keyframes right_spin {
from,to { -webkit-transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg)}}
@keyframes right_spin {
from,to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg); transform: rotate(5deg)}}
.erro span { display: inline-block; vertical-align: middle; padding: 5px 0;}
.erro em { display: inline-block; vertical-align: middle; margin: 0 10px; cursor: pointer; padding: 5px; font-style: normal;}
/***********************************************/

/****************/

.left-con .bsj-ico { display: inline-block; width: 16px; height: 15px; vertical-align: middle; margin-right: 5px;}
.left-con .ico1 { background-position: 0 0;}
.left-con .ico2 { background-position: -43px -47px;}
.left-con .ico3 { background-position: -91px -97px;}
.left-con .ico4 { background-position: 0 -196px;}
.left-con .ico5 { background-position: -43px -195px;}
.left-con .ico6 { background-position: -91px -47px;}

.set-dia { padding: 20px; border: 1px solid #ddd; border-top: none; display: none;}
.po-opt .set-opt { width: auto; padding: 0 20px; margin-left: 30px;}
.po-opt input[type="text"] { margin-right: 30px;}
.adm-ipt .login-nav-en { width: 90px; text-align: right; margin-right: 10px;}
.ord-table .td-time { width: 250px;}
.ord-table .td-status { width: 150px;}
.th_sku { color: #6B2907;}
.ship-ord input[type="text"] { width: 200px;}

.ord-table .td-id-ship { width: 60px; text-align: center;}
.ord-table .td-account-ship { width: 100px; text-overflow: ellipsis; white-space: nowrap; text-align: center; overflow: hidden;}
.ord-table .td-orderid-ship { width: 160px; text-align: center;}
.ord-table .td-platform-ship { width: 130px; text-align: center;}
.ord-table .td-info-ship { width: 120px; padding: 6px 0; text-align: center;}
.ord-table .td-payment-ship { width: 120px; text-align: center;}
.ord-table .td-time-ship { width: 180px; padding: 5px 10px;}
.ord-table .td-ship-ship { width: 200px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ord-table .td-status-ship { width: 120px; text-align: center;}
.ord-table .td-note-ship { min-width: 35px;}
.ord-table .td-name { width: 250px;}
.ord-table .td-sku { color: #572706;}
.ord-table .td-qty-ship { width: 100px; text-align: center;}
.ord-table td.td-qty-ship { font-size: 20px; font-weight: 700; color: #f00;}
.ord-table .ship-img { width: 120px; text-align: center; position: relative;}
.ord-table .ship-img img { width: 100px;}
.ord-table .td-sku-ship { width: 140px; text-align: center; color: #572706;}
.packaging { display: inline-block; padding: 5px 15px; border-radius: 3px; background-color: #f60; color: #fff; margin: 15px 0; cursor: pointer;}
.fulltd { text-align: center;}
.fullout { text-align: center; width: 100%; padding: 15px 0; box-sizing: border-box; border: 1px solid #ddd; border-top: 0;}




@media (max-width: 1800px) {
.model-nav li { margin-right: 5px; padding: 0 5px;}
.contain { padding: 0 20px 0 160px;}
.ord-account { width: 90px;}
.ord-id { width: 130px;}
.ord-img { width: 300px;}
.ord-note { width: 195px;}
.mod-right { width: 600px; margin: 20px 0;}
.sku-list li { width: 180px;}
}

@media (max-width: 1539px) {
.model-nav li { margin-right: 5px; padding: 0 5px;}
.contain { padding: 0 10px 0 150px;}
.erp-wrap { padding: 20px 10px;}
.sup-item span { margin-right: 10px;}
.ord-id { width: 90px;}
.ord-img { width: 200px;}
.ord-note { width: 180px;}
.ord-sku { width: 200px;}
.upt-wrap { width: 1220px;}
.upt-mdl { width: 427px;}
.upt-right{ width: 428px;}	
.upt-note textarea { width: 180px;}
.upt-trg { width: 76px;}
.upt-qty { width: 76px;}
.pro-tit { width: 675px;}
.upt-tans { width: 104px;}
.upt-ship { width: 90px;}
.mod-new, .mod-upload { width: 520px;}
.mod-new span, .mod-upload span { width: 90px;}
.mod-right { width: 580px; margin: 20px 0;}
.sku-list li { width: 180px;}
}

@media (max-width: 1380px) {
.ord-account { width: 70px;}
.ord-id { width: 90px;}
.ord-img { width: 190px;}
.ord-note { width: 170px;}
.upt-wrap { width: 1170px;}
.upt-mdl { width: 403px;}
.upt-right{ width: 402px;}
.ord-sku { width: 180px;}
.model-nav li { margin-right: 5px; padding: 0; font-size: 12px;}
.upt-note textarea { width: 170px;}
.upt-trg { width: 70px;}
.upt-qty { width: 70px;}
.pro-tit { width: 625px;}
.upt-tans { width: 99px;}
.upt-ship { width: 85px;}
.mod-right { width: 500px; margin: 20px 0;}
.sku-list li { width: 155px;}
}