/* scroll */
::-webkit-scrollbar{width:8px; height: 6px}
::-webkit-scrollbar-track{background-color:#f5f5f6;}
::-webkit-scrollbar-thumb{background-color:#75798a;}
::-webkit-scrollbar-thumb:hover {background-color:#2f455e}
::-webkit-scrollbar-thumb:active {background-color:#2f455e}
body,html{
	scrollbar-base-color: #75798a;
	scrollbar-highlight-color: #2f455e;
    scrollbar-track-color:#f5f5f6;
    scrollbar-arrow-color: #f5f5f6;
	scrollbar-shadow-color: #f5f5f6;
}
html{
    font-size:10px;
}
body{
    font-family: "微软雅黑"
}
.displaynone{
    display:none!important;
}
body.animating.in.dimmable, body.dimmed.dimmable{
    overflow:hidden;
    overflow-y:auto;
}
div.loadingFill{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: #fff url(../../nd_static/images/loading.gif) center center ;;
    z-index: 8888;
    background-repeat: no-repeat;
    background-size: 200px; 
}
div.uline{
    height:1px;
    background:#e5e5e5;
    margin:4px 0;
    width:100%;
}
div.uline.nobigleft{
    margin-left: 120px;
    width: calc(100% - 120px);
}
.ND_filter .ui.selection.dropdown{
    float: left;
    margin-right: 6px;
    height:40px;
    padding: 12px 36px 12px 14px;
}
.fixTool{
    position: fixed;
    height:280px;
    width:60px;
    top:50%;
    margin-top:-140px;
    right:10px;
    display: block!important;
    z-index: 9999;
}
.fixTool>.item{
    background:rgba(243,93,65,.7);
    border-radius: 8px;
    width:60px;
    height:60px;
    margin-bottom:10px;
    text-align: center;
    cursor: pointer;
    display: block!important
}
.fixTool .item.gary{
    background:rgba(0,0,0,.3);
}
.fixTool .item img{
    margin-top: 10px;
    width: 40px;
    height: 40px;
}
.fixTool .item img.weixin{
    position: absolute;
    right: 100%;
    margin-right: 10px;
    width: 126px;
    height: 126px;
    border-radius: 4px;
    margin-top:0;
    box-shadow: 0px 5px 10px rgba(0,0,0,.6);
}

div[subassembly="table_header"] > div[subassembly="table_head-div"]{
    padding:0 14px!important;
}
div[subassembly="table_header"] > div[subassembly="table_head-div"]>span{
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
    background: #f35d41;
    color: #fff;
    border-radius: 100%;
    margin-left: 4px;
    position: absolute;
    right: -8px;
    top: -6px;
}
div[subassembly="table_header"] > div[subassembly="table_head-div"][selected]>span{
    color: #f35d41;
    background: #fff;
    border:1px solid #f35d41;
}


[subassembly="Warehouse-Address-Group"]{
    display: flex;
    padding:5px 0;
}
div[subassembly="Warehouse-Address-Group"] > div[subassembly='Warehouse-Address']{
    margin:5px 10px 5px 0!important;
}
[cain="navigationBar"] [cain="_helpcenter"] span{
    width:auto;
}

.selectflow{
    display:none;
    position: fixed;
    color: #fff;
    background: #53a8df;
    border-radius: 4px;
    height: 50px;
    line-height: 20px;
    width: auto;
    font-size: 12px;
    padding: 5px 8px;
    right: calc(50% - 480px);
    bottom: 30px;
    z-index: 1000;
}

/*登陆注册*/
.register_main [cain="_index"],
.register_main [cain="_helpcenter"]{
    cursor: pointer;
}
.register_main input[type="text"],
.register_main input[type="password"]{
    height:40px!important;
    line-height:40px;
}
.register_main [cain="Emali"],
.register_main [cain="psd"],
.register_main [cain="userName"],
.register_main [cain="Email"],
.register_main [cain="verCode"],
.register_main [cain="ensure"]{
    margin-top:20px!important
}
.register_main [cain="head"]{
    margin-bottom: 6px;
}
.register_main [tabBtn="forget"] [cain="head"]{
    position: relative
}
.register_main [tabBtn="forget"] [cain="head"] .caption{
    height:30px;
    font-size: 16px;
    color:#666;
    line-height:30px;
    text-align: center;
}
.register_main [tabBtn="forget"] [cain="head"] .icon{
    font-size: 16px;
    color:#666;
    margin:0;
    position: absolute;
    left:0;
    top:5px;
    height:20px;
    width:20px;
    line-height:20px;
}
.register_main [tabBtn="forget"] .row .back{
    font-size:14px;
    color:#666;
    width:280px;
    height:40px;
    line-height:40px;
    text-align: center;
    cursor: pointer;
}
.register_main [cain="head"]>span{
    font-size:16px!important;
    color:orange;
}
.register_main [cain="verCode"] input{
    width:141px!important;
}
.register_main [cain="verCode"] button{
    width: 121px!important;
    height: 40px!important;
    border:none!important;
    background: orange!important;
}
.loginerror{
    margin-top: 20px!important;
    color: #fff;
    background: #da251d;
    opacity: .8;
    padding: 6px 10px;
    width: 280px;
    border-radius: 4px;
}
#doLogin,#doRegister,#doforget{
    height: 40px;
    line-height: 40px;
    width: 280px;
    border-radius: 20px;
}
#doforget{
    margin-top:20px;
}



.ui.modal.dialoguebox>.content {
	/*min-height:200px;*/
}

.ui.dimmer {
	background-color: rgba(0, 0, 0, .35);
	z-index: 80010;
}

.ui[class*="right labeled"].icon.button.dialoguebox {
	padding-right: 1.5em!important;
}

.ui.black.button.dialoguebox {
	background: #EAEEF2;
	color: #34495E;
	font-weight: normal;
	border: 1px solid #B9C8D4;
}

.ui.positive.button.dialoguebox {
	background: #0099CC!important;
	font-weight: normal;
}


.ui.modal>.image.content.dialoguebox {
	display: block;
	height: auto;
    /* word-spacing: normal; */
    white-space: normal;
    word-wrap: break-word;
    padding:10px;
    font-size: 15px;
    color: #666;
    height: auto;
    min-height: 40px;
}
.ui.modal>.image.content.dialoguebox textarea{
    width:100%;margin-top:10px;
    border-radius: 4px;
    resize:none;
    height:50px;
    line-height:20px;
    padding:5px;
    border-color:#e5e5e5;
    font-size:13px;
}

.ui.modal>.image.content.dialoguebox .ui.input {
	line-height: 35px;
	width: 100%;
	padding-top: 10px;
}

.ui.modal>.image.content.dialoguebox .ui.input:first-child {
	padding-top: 0;
}

.ui.modal>.image.content.dialoguebox .ui.input span.title {
	width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





.ND_body{
    position: relative;
    height:100%;
    min-width:1200px;
    overflow: auto;
}
.ND_body .layui-laydate-footer{
    display:none;
}
.detaildata .ui.five.column.doubling.grid .column .name{
    font-size: 15px;
    font-weight: bold;
    color:#777;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    line-height: 50px;
}
.detaildata .ui.five.column.doubling.grid .column .value{
    font-size: 30px;
    font-weight: bold;
    color:#ff9900;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.ND_body > div[cain='main']{
    margin: 0 auto;
    width:100%;
}
.ND_body > div[cain='main'] > div[cain='head']{
    width:1360px;
    margin:0 auto;
}
.ND_main [cain="bottomBanner"]{
    /* height:300px; */
    background:#fff;
    /* position: absolute;
    left:0;
    bottom:0;
    width:100%; */
}
.ND_main [cain="_my"]> div > span,
.ND_main [cain="_helpCenter"]> div > span
{
    width:auto!important;
}

/* 计算 */
.calculateBox{
    width: 100%;
    height: auto;
    /* border: 1px solid #f35d41; */
    /* position: fixed; */
    /* right: 80px; */
    /* top: 50%; */
    /* margin-top: -160px; */
    background: #fff;
    z-index: 9999;
    padding: 10px 0px;
    border-radius: 4px;
}
.calculateBox .ndrow .ui.input.labeled{
    width:100%;
}
.calculateBox .arrRight{
    position: absolute;
    right:-10px;
    top:176px;
    width:0;  
    height:0;  
    border-top: 10px solid transparent;  
    border-left: 10px solid #f35d41;  
    border-bottom: 10px solid transparent;
}
.calculateBox .arrRight:after{
    content:"";
    position: absolute;
    right: 2px;
    top: -10px;
    width:0;  
    height:0;  
    border-top: 10px solid transparent;  
    border-left: 10px solid #fff;  
    border-bottom: 10px solid transparent;
}

.calculateMain .sinMessage{
    font-size: 12px;
    color:#666;
    position: relative;
    padding-left:0px;
    margin-bottom:10px;
}
.calculateMain .docal{
    height:120px;
    line-height:120px;
    text-align: center;
}
.calculateMain .docal div[subassembly="button_small-blue"]{
    position: relative;
    display: inline-block;
    height:40px;
    line-height:20px;
}
.calculateBox .sinMessage span{
    color: #f35d41;
    position: absolute;
    height: 20px;
    left: 0;
    top: 0;
    width: 100px;
    text-align: right;
    padding-right: 18px;
}
.calculateBox [subassembly="button_small-blue"]{
    padding: 10px 19px;
    float: right;
    position: unset!important;
}
.calculateBox .checkrow .ui.checkbox{
    color:#666;
    margin-right:10px;
    margin-bottom:8px;
}
.calculateResult{
    border: 1px solid #e5e5e5;
    height:auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.calculateResult .ui.menu{
    box-shadow: none;
    margin:0;
    min-height:40px;
    border-radius: 0;
    border:none;
    border-bottom:1px solid #e5e5e5;
}
.calculateResult .ui.menu.head{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background:#f5f5f6;
    font-size: 14px;
}
.calculateResult .ui.menu.head .item{
    color:#444;
}
.calculateResult .ui.menu .item{
    min-height: 40px;
    padding: 10px;
    line-height: 20px;
    text-align: center;
    display: grid;
    vertical-align: middle;
    user-select: auto;
    color:#666;
}

.calculateResult .ui.menu .item:nth-child(1),
.calculateResult .ui.menu .item:nth-child(7)
{
    width:15%;
}
.calculateResult .ui.menu .item:nth-child(8){
    width:30%;
}
.calculateResult .ui.menu .item:nth-child(2),
.calculateResult .ui.menu .item:nth-child(3),
.calculateResult .ui.menu .item:nth-child(4),
.calculateResult .ui.menu .item:nth-child(5),
.calculateResult .ui.menu .item:nth-child(6){
    width:8%;
}
.calculateResult .ui.menu .item:last-child{
    border-right:none;
}
.calculateResult .ui.menu.itemMenu:last-child{
    border-bottom:none;
}



[cain="_signIn"]>img{
    height: 36px;
    width: 36px;
    border-radius: 100%;
    overflow: hidden;
}
div[cain='_signIn']{
    position: relative!important;
    height:90px!important;
    padding-right: 20px;
}
div[cain='_signIn'] .userdrop{
    display:none;
    width:100%;
    height:auto;
    position: absolute;
    top:100%;
    right:0;
    background: #fff;
    z-index: 9999;
    text-align: center;
    box-shadow: 5px 5px 5px #ccc;
    border: 1px solid #e5e5e5;
    border-top: none;
    min-width: 84px;
}
div[cain='_signIn']:hover .userdrop{
    display: block
}
div[cain='_signIn'] .userdrop .item{
    height:40px;
    line-height:40px;
    padding:0 10px;
    cursor: pointer;
    color:#666;
    font-size:14px;
    min-width:80px;
}
div[cain='_signIn'] .userdrop .item:hover{
    background: #53a8df;
    color:#fff;
}

.ui.modal.small{
    width: 600px!important;
	margin-left:-300px!important;
}
.ui.modal.selectChanModal,
.ui.modal.selectAddressModal{
    width: 900px!important;
	margin-left:-450px!important;
}
.ui.modal{
    flex-wrap: wrap;
}
.ui.modal>.header{
    width:100%;
    background:#f5f5f6;
    color: #555;
    height: 40px;
    line-height: 40px!important;
    padding: 0 20px!important;
    font-size: 18px!important;
    font-weight: normal!important;
}
.ui.modal>.actions{
    width:100%;
    padding:0 20px!important;
    height:60px;
    line-height:60px;
}
.ui.modal>.actions>.ui.button{
    display: inline-block;
    border-radius: 4px;
    border: 1px solid;
    margin: 0;
    user-select: none;
    cursor: pointer;
    background-color: #53a8df!important;
    font-size: 14px;
    color: white!important;
    border-color: #53a8df!important;
    height: 40px;
    padding: 10px 19px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.ui.modal>.actions>.ui.button.deny{
    background-color: #f5f5f6!important;
    color: #666666!important;
    border-color: #ccc!important;
    margin-right:10px;
}
.ui.modal>.content{
    width:100%;
    min-height: 60px;
    padding: 10px 0px;
    /* overflow:hidden; */
    height: calc(100% - 100px );
    /* overflow: auto; */
}
.ui.modal.addworkOrderModal>.content{
    overflow: auto;
}
.ui.modal>.icon.close{
    top: 4px!important;
    right: 2px!important;
	color: #da251d!important;
	cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    width: 2.25rem;
    height: 2.25rem;
	padding: .625rem 0 0;
	margin-right:0;
}


/* 公告 */
[cain = "navigationBar"] [cain]{
    cursor: pointer;
}

[cain = "topswiper"]{
    position: relative;
}
[cain = "topswiper"] .swiper-slide{
    position: relative;
}
.noticeContent{
    width:440px;
    height:440px;
    background: url(../images/notice_bg.png);
    position: absolute;
    position: absolute;
    left:50%;
    margin-left: 220px;
    top:30px;
    z-index: 1100;
}
.noticeContent .noticeMore{
    position: absolute;
    height:30px;
    cursor: pointer;
    left:50%;
    margin-left:-50px;
    width:100px;
    bottom:100px;

}
.noticeContent .noticeList{
    width:260px;
    height:120px;
    position: absolute;
    left:50%;
    margin-left:-120px;
    top:50%;
    margin-top:-60px;
    box-sizing: border-box;
}
.noticeContent .noticeList .noticeItem{
    width:100%;
    height:30px;
    border-bottom:1px solid #fff;
    color:#fff;
    position: relative;
    padding:0 80px 0 14px;
    line-height:10px;
    cursor: pointer;
}
.noticeContent .noticeList .noticeItem .leftsapn{
    width:8px;
    height:8px;
    border-radius: 100%;
    overflow:hidden;
    position: absolute;
    left:0px;
    top:11px;
    background: #ff7d00;
}
.noticeContent .noticeList .noticeItem .date{
    position: absolute;
    right: 0px;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 76px;
    white-space: nowrap;
    overflow: hidden;
    padding:0 2px;
}
.noticeContent .noticeList .noticeItem .message{
    width:100%;
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:30px;
    line-height:30px;
    padding:0 2px;
}

.picon{
    display: inline-block;
    width:24px;
    height:24px;
    background-size:100% 100%;
    background-position:center center;
    background-repeat: no-repeat; 
    cursor: pointer;
}
.picon.question{
    background-image:url(../images/question_picon.png); 
}
.inlineCaption{
    display: inline-block;
    padding-right:6px;
    width:auto;
    height:30px;
    line-height:30px;
    color:#666;
    vertical-align: middle;
}
.checkboxRow{
    min-height:30px;
    overflow:hidden;
}
.checkboxRow .ui.checkbox{
    margin-right:10px;
}
.checkboxRow .ui.checkbox input{
    top:6px;
}
.checkboxRow .ui.checkbox label:before{
    top:6px;
}
.checkboxRow .ui.checkbox label{
    display: flex;
    justify-content: center;
    line-height: 30px;
    font-size: 13px;
}
.checkboxRow .ui.checkbox label .picon{
    margin-left:6px; 
    margin-top:3px;
}
.checkboxRow [subassembly]{
    position: unset!important;
    height: 30px!important;
    padding: 4px 6px!important;
    line-height: 20px;
    font-size: 12px;
}
.checkboxRow .value{
    display: inline-block;
    width:auto;
    height:30px;
    line-height:30px;
    max-width: calc(100% - 140px);
    color:#666;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.ND_func{
    width: 100%;
    height: auto;
    /* height: calc(100% - 390px ); */
    /* position: absolute; */
    /* top: 90px; */
    /* left: 0px; */
    display: block!important;
    background: #e5e5e5;
    min-height: 300px;
}
.mainContent{
    width:1360px;
    margin:0 auto;
    height:100%;
    position: relative;
    min-height: 300px;
    overflow: hidden;
}
.mainContent *{
    /* box-sizing: border-box; */
    font-family: "微软雅黑";
}
.mainContent .leftContent{
    /* position: absolute; */
    /* top: 20px; */
    /* left: 0; */
    /* bottom: 20px; */
    width: 280px;
    position: relative;
    float: left;
    background: #fff;
    height: auto;
    padding-top: 160px;
    /* max-height: calc(100% - 40px); */
    margin-top: 20px;
    margin-bottom:20px;
}
.mainContent .bdContent{
       /* position: absolute; */
    /* top: 20px; */
    /* right: 0; */
    /* bottom: 20px; */
    width: calc(100% - 300px );
    background: #fff;
    float: right;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 762px;
    position: relative;
    /* padding-bottom:80px; */
    /* max-height: calc(100% - 40px); */
}
.leftContent .headitem{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    height:160px;
    border-bottom:1px solid #e5e5e5;
}
.leftContent .headitem .username{
    font-size:18px;
    color:#666;
    position: absolute;
    bottom: 10px;
    width:100%;
    left:0;
    height:30px;
    line-height:30px;
    text-align: center;
}
.leftContent .headitem .vip{
    position: absolute;
    height: 20px;
    padding: 0 6px;
    background: #f35d41;
    color: #fff;
    border-radius: 4px;
    line-height: 20px;
    font-size: 14px;
    width: 54px;
    text-align: center;
    top: 90px;
    font-style: italic;
    font-weight: bold;
    left: 50%;
    margin-left: -27px;
}
.leftContent .headitem .head{
    height:80px;
    width:80px;
    position: absolute;
    left:50%;
    margin-left:-40px;
    top:20px;
}
.leftContent .headitem .head>img {
    height:80px;
    width:80px;
    border-radius: 100%;
    overflow:hidden;
}
.leftContent .divider{
    height:1px;
    width:100%;
    background:#e5e5e5;
}
.leftContent .item{
    height:60px;
    width:280px;
    padding-left:90px;
    color:#666;
    padding-right:60px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.leftContent .item.active{
    background: #f35d41;
}
.leftContent .item .caption{
    width:100%;
    font-size: 14px;
    line-height:60px;
    height:60px;
    color:#666;
}
.leftContent .item.active .caption{
    color:#fff;
}
.leftContent .item .icon{
    position: absolute;
    left:48px;
    height:24px;
    width:24px;
    top:18px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}
.leftContent .item .icon.addStroe{
    background-image: url(../images/addStroe-g.png);
}

.leftContent .item.active .icon.addStroe{
    background-image: url(../images/addStroe-w.png);
}

.leftContent .item .icon.addBatch{
    background-image: url(../images/addBatch-g.png);
}
.leftContent .item.active .icon.addBatch{
    background-image: url(../images/addBatch-w.png);
}

.leftContent .item .icon.myStore{
    background-image: url(../images/myStore-g.png);
}
.leftContent .item.active .icon.myStore{
    background-image: url(../images/myStore-w.png);
}

.leftContent .item .icon.addOrder{
    background-image: url(../images/addOrder-g.png);
}
.leftContent .item.active .icon.addOrder{
    background-image: url(../images/addOrder-w.png);
}

.leftContent .item .icon.myOrder{
    background-image: url(../images/myOrder-g.png);
}
.leftContent .item.active .icon.myOrder{
    background-image: url(../images/myOrder-w.png);
}

.leftContent .item .icon.ndAddress{
    background-image: url(../images/ndAddress-g.png);
}
.leftContent .item.active .icon.ndAddress{
    background-image: url(../images/addOrder-w.png);
}

.leftContent .item .icon.shippingAddress{
    background-image: url(../images/shippingAddress-g.png);
}
.leftContent .item.active .icon.shippingAddress{
    background-image: url(../images/shippingAddress-w.png);
}

.leftContent .item .icon.coupon{
    background-image: url(../images/coupon-g.png);
}
.leftContent .item.active .icon.coupon{
    background-image: url(../images/coupon-w.png);
}

.leftContent .item .icon.accountRecharge{
    background-image: url(../images/accountRecharge-g.png);
}
.leftContent .item.active .icon.accountRecharge{
    background-image: url(../images/accountRecharge-w.png);
}

.leftContent .item .icon.personal{
    background-image: url(../images/personal-g.png);
}
.leftContent .item.active .icon.personal{
    background-image: url(../images/personal-w.png);
}

.leftContent .item .icon.service{
    background-image: url(../images/service-g.png);
}
.leftContent .item.active .icon.service{
    background-image: url(../images/service-w.png);
}

.leftContent .item .icon.member{
    background-image: url(../images/member-g.png);
}
.leftContent .item.active .icon.member{
    background-image: url(../images/member-w.png);
}
.leftContent .item .icon.claim{
    background-image: url(../images/claim-g.png);
}
.leftContent .item.active .icon.claim{
    background-image: url(../images/claim-w.png);
}


.leftContent .item .num{
    position: absolute;
    right:40px;
    height:28px;
    min-width:28px;
    width:auto;
    top:16px;
    line-height:28px;
    text-align: center;
    font-size:14px;
    color:#fff;
    background: #f35d41;
    border-radius: 100%;
    overflow:hidden;
}
.leftContent .item.active .num{
    color:#f35d41;
    background: #fff;
}

/* storage */
.storage{
    padding:10px 20px;
    height:100%;
    width:100%;
    font-family: "微软雅黑";
}
.storage div[subassembly="table"]{
    width:100%;
    height:calc(100% - 30px);
}
.storage div[subassembly="body"]{
    width:100%;
    height:calc(100% - 40px);
    /* overflow:hidden; */
    position: relative;
}
.storage div[subassembly="table_header"]{
   margin:10px 0;
}
.ui-icon.ui-icon-carat-1-sw{
    display: none;
}
.storage div[subassembly="button_small-blue"],
.storage div[subassembly="button_small-gray"]{
    height:40px;
    padding:10px 12px;
    position: absolute;
    right:0;
    top:0;
}
.storage div[subassembly="button_small-blue"].disabled,
.storage div[subassembly="button_small-gray"].disabled{
    pointer-events: none;
}
.storage div[subassembly="button_small-blue"][buttonBtn="modifyvasBatch"]{
    right: 88px;
} 
.ND_filter{
    height:40px;
    /* overflow:hidden; */
    position: relative;
    margin-bottom:10px;
}
.ND_filter .dropdown .menu .item{
    display:block;
    width:100%;
    min-height:35px;
    font-size:14px;
}
.ND_filter .dropdown .menu{
    flex-flow: wrap!important;
}
.ND_filter .ui.action.input .ui.button{
    border: 1px solid #e5e5e5;
    border-left: none;
    font-family: "微软雅黑";
    font-weight: normal;
    color: #666;
}
/* jqgrid */
.ui-jqgrid{
    overflow:hidden;
    overflow-y:auto;
    
}
.ui-jqgrid .loading{
    top:50%;
    margin-top:-8px;
    color: #f35d41;
    background: #fff!important;
    border:1px solid #e5e5e5;
}
.ui-jqgrid .ui-jqgrid-bdiv{
    min-height:32px;
    max-height:800px;
}
.ui-jqgrid-hbox .ui-th-div input.cbox{
    display:none;
}
.storage .ui-jqgrid-hbox .ui-th-div input.cbox{
    display:inline-block;
}
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{
    opacity:.6;
}
.ND_grid .ui-state-default, .ui-widget-content .ui-state-default{
    background:#e5e5e5;
}
.ui-jqgrid .ui-jqgrid-hbox{
    border-top:none;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td:last-child{
    border-right:none;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow:last-child td{
    /* border-bottom:none; */
    font-family:"微软雅黑"
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{
    font-family:"微软雅黑"
}
.sub_grid .ui-jqgrid-btable tbody tr.jqgrow:last-child td{
    white-space: initial;
}
.sub_grid table{
    width:100%!important;
    border-right:none!important;
}
.sub_grid .ui-jqgrid tr.jqgrow{
    border-left:none;
    border-right:none!important;
}
.sub_grid .ui-jqgrid-bdiv table{
    border-bottom:1px solid rgba(204, 204, 204);
    border-right:1px solid rgba(204, 204, 204)
}

.ND_grid .ui-jqgrid-hdiv,
.ND_grid .ui-jqgrid-hbox
.ND_grid .ui-jqgrid-htable{
    height:40px;
}
.ND_grid .ui-th-column{
    height:40px!important;
    color:#555; 
    padding:0 8px;
    font-size:14px;
    font-weight: normal;
}
.ND_grid .ui-jqgrid tr.ui-row-ltr td{
    height:auto;
    min-height:36px;
    padding:8px!important;
    color:#666;
    font-size:12px;
    /* word-break: break-all; */
    height: auto;
    white-space: pre-wrap!important;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    border-color:#ccc;
}


.ND_grid .ui-jqgrid tr.jqgrow:nth-child(odd){
    background:#f5f5f6;
} 
.ND_grid .ui-jqgrid tr.jqgrow:nth-child(odd):hover,
.ND_grid .ui-jqgrid tr.jqgrow:nth-child(odd).ui-state-highlight{
    background: #d0e5f5;
}
.ND_grid .ui-th-div input[type="checkbox"],
.ND_grid .ui-jqgrid .ui-jqgrid-view input[type="checkbox"]{
    min-width: 18px;
    width:18px;
    margin:0;
    height: 18px;
}
.ND_grid [gridBtn]{
    cursor: pointer;
    font-size:14px;
    line-height:16px;
    height:16px;
}
.ND_grid [gridBtn="pay"]{
    color:#007558
}
.ND_grid [gridBtn="claim"]{
    color:#007558
}
.ND_grid [gridBtn="check"]{
    color:#53a8df;;
}
.ND_grid [gridBtn="modifyvas"]{
    color:#007558;
}
.ND_grid [gridBtn="evaluate"]{
    color:#007558;
}
.ND_grid [gridBtn="edit"]{
    color:#007558;
}
.ND_grid [gridBtn="delete"]{
    color:#fc3b3b;
}
.ND_grid [gridBtn="confirm"]{
    color:#09a54e;
}
.ND_grid [gridBtn="error"]{
    color:#fc3b3b;
}
.ND_page div[subassembly='DispartPage']{
    justify-content:flex-end;
    margin-top:10px;
}
.ND_page div.disabled[subassembly]{
    pointer-events: none;
    opacity: .7;
    cursor: pointer;
    border:none!important;
    color:#333;
}
.ND_page input.disabled{
    pointer-events: none;
    opacity: .7;
}
.ND_page div[subassembly]{
   padding:0 4px;
   min-width: 30px;
   width: auto;
}
.ND_page div[subassembly="DispartPage"]{
    padding:0
}
.ND_page div[subassembly="DispartPage"] [subassembly="lastpage"]{
    margin-right:0;
}
.searchSubGridLoading{
	background: #fff;
	position: absolute;
	top:0px;
	left:10px;
	right:0px;
	bottom:0px;
	z-index: 30000;
}
.searchSubGridLoading .icon{
	font-size: 48px!important;
	position: absolute;
	top:50%!important;
	margin-top: -24px!important;
	left:50%!important;
	margin-left: -24px!important;
	display:block!important;
}
.tablediv.subgrid_main{
    position: relative;
}
.ND_grid.sub_grid{
    height:290px;
    padding-top:10px;
}
.ui-widget-content .ui-sgcollapsed .ui-icon{
	background-image:url(../../../static/images/subGridRight.png)!important;
	background-size:100% 100%!important;
	background-position:center center!important;  
	/* background-image: url(../../static/images/ui-icons_217bc0_256x240.png)!important; */
}
/* .ui-widget-content.ui-state-hover .ui-icon */
.ui-widget-content .ui-sgcollapsed.sgexpanded .ui-icon
{
	background-image:url(../../../static/images/subGridDown.png)!important;
	background-size:100% 100%!important;
	background-position:center center!important;  
	/* background-image: url(../../static/images/ui-icons_469bdd_256x240.png)!important; */
}
.ND_grid .ui-jqgrid tr.ui-row-ltr td.ui-sgcollapsed.sgcollapsed,
.ND_grid .ui-jqgrid tr.ui-row-ltr td.ui-sgcollapsed.sgexpanded{
    padding:8px 4px!important;
}
.ui.active.selection.dropdown{
    z-index: 800;
}

/* stepBox */
.stepBox{
    width:100%;
    min-height:400px;
    padding-top:10px;
}
.stepBox .stepTab{
    height:100px;
    display: flex;
    margin-top:20px; 
    justify-content:center;
}
.stepBox .stepTab .step{
    height:100px;
    width:200px;
    position: relative;
    overflow:hidden;
    cursor: pointer;
}
.stepContent{
    min-height: 200px;
    padding-top:20px;
}
.stepContent .stepBody{
    min-height: 180px;

}
.stepContent .stepBody .itemrows .ndrow,
.stepContent .stepBody .vasrows .ndrow{
    margin-bottom:0;
}
.stepContent .stepBody [subassembly="Warehouse-Address-Group"]{
    width:100%;
    border:none;
    width:100%;
}
.stepBox .step .num{
    height:50px;
    width:50px;
    border:1px solid #dee2e7;
    background:#fff;
    z-index: 2;
    border-radius: 100%;
    overflow:hidden;
    color:#666;
    font-size:18px;
    line-height:50px;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-25px;
    text-align: center;
}
.stepBox .step .bar.right{
   background: #dee2e7;
   position: absolute;
   width:100px;
   height:4px;
   position: absolute;
   right:0;
   top:24px;
}
.stepBox .step .bar.left{
    background: #dee2e7;
    position: absolute;
    width:100px;
    height:4px;
    position: absolute;
    left:0;
    top:24px;
 }
.stepBox .step .caption{
    width:100%;
    height:30px;
    position: absolute;
    z-index: 1;
    bottom:0;
    line-height:30px;
    color:#999;
    font-size:16px;
    text-align: center;
}
.stepBox .step.active .num{
    background:#52a8de;
    color:#fff;
    border-color:#52a8de;
}
.stepBox .step.active .caption{
    color:#52a8de;
}
.stepBox .step.active .bar{
    background:#52a8de;
}
.stepBox .step.active .bar.left{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.stepBox .step.active .bar.right{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ndrow,
.storageAddress [cain="baz"]{
    width:100%;
    min-height:40px;
    margin-bottom:10px;
    position: relative;
    padding-left:100px;
    
}
.storageAddress [cain="baz"]{
    margin:10px 0!important;
}
.ndrow.disable .caption{
    opacity: .8;
}
.ndrow.disable input{
    pointer-events: none;
}
.headimg.ndrow .caption{
    height:80px;
    line-height:80px;
}
.headimg.ndrow img{
    height:80px;
    width:80px;
    cursor: pointer;
    border-radius: 100%;
    overflow:hidden;
}
.ndrow.nopadding{
    padding:0!important;
}
.ndrow.nomargin{
    margin:0!important;
}
.ndrow .span{
    width:auto;
    height:40px;
    line-height:40px;
    display: inline-block;
}
.ndrow .span .picon{
    vertical-align: middle;
}
.ndrow .message{
    width:100%;
    min-height:40px;
    line-height:20px;
    padding:10px 10px 0 0;
    height:auto;
    line-height:20px;
    color:#999;
}
.ndrow .inline_message{
    width:auto;
    display: inline-block;
    color:#666;
}
.ndrow .message.right{
    text-align: right;
}
.ndrow .message .price{
    color:#f35d41;
    font-size:24px;
    font-weight: bold;
    margin: 0 10px;
}
.ndrow .ui.rating{
    margin-top: 12px;
}

.ndreadonly .ndrow input,
.ndedit .ndrow input{
    border:none;
    
}
.ndreadonly .ui.dropdown,
.ndreadonly .ndrow input{
    pointer-events: none;
}
.ndreadonly .ndrow input[disabled],
.ndedit .ndrow input[disabled]{
    background:none;
    color:#666;
}
.ndedit .ndrow input{
    color:#444
}
.ui.checkbox label{
    font-size:14px;
    white-space: nowrap;
}
.ndrow .caption,
.storageAddress [cain="baz"] [cain="title"]{
    width:100px;
    padding-left:8px;
    padding-right:18px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:40px;
    line-height:40px;
    position: absolute;
    left:0;
    top:0;
    text-align: right;
}
.ndrow .caption>.redSpan{
    color: red;
    display: inline;
    line-height: 0;
    vertical-align: super;
    font-size: 12px;
    margin-right: 2px;
}
.ndrow.big{
    padding-left:140px;
    margin: 5px 0;
}
.ndrow.big .caption{
    width:140px;
}

.ui.grid.ndgrid .ndrow.big {
    /* width: 50%; */
    padding-left:140px

}
.ndrow.left .caption{
    text-align: left;
}

.ndrow.large .caption{
    width:180px;
}
.ndrow.large{
    padding-left:180px;
    margin: 5px 0;
}
.ndrow.small{
    padding-left:60px;
    margin: 5px 0;
}
.ndrow.small .caption{
    width:60px;
}
.ndrow .ui.input
{
    width:100%;
    min-width: 40px;
}
.ndrow .ui.input.labeled{
    width:calc(100% - 40px);
}
.ndrow .ui.input.labeled .ui.label{
    width:40px;
    padding:0;
    text-align: center;
    line-height:40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ndrow .ui.input input{
    min-width: 40px;
}

.calculateBox .ndrow>.ui.dropdown{
    padding-left:10px;
}
.calculateBox .ndrow .caption{
    text-align: left;
    padding-left:0;
    padding-right:10px;
}
.calculateBox .ndrow{
    padding-right:10px;
    padding-left: 88px;
}
.calculateBox .ui.grid.ndgrid .eight.wide.column:nth-child(even) .ndrow{
    padding-right:0px;
}

.ndrow>input,
.storageAddress [cain="baz"] [subassembly="input_text-copy_btn"]{
   width:100%;
   min-width: 60px!important;
   max-width: 100%;
   position: relative;
}
.storageAddress [cain="baz"] [subassembly="input_text-copy_btn"]>input{
    width:calc(100% - 41px);
    height:40px;
    outline: none!important;
}
.storageAddress [cain="baz"] [subassembly="input_text-copy_btn"]>input:focus{
    border-color: #ccc!important;
}
.storageAddress [cain="baz"] [subassembly="input_text-copy_btn"]>span[subassembly]{
    position: absolute;
    right:0;
    top:0;
    height: 38px;
}
.storageAddress [cain="tips"]{
    margin-bottom:10px;
    padding-left: 100px;
}
.storageAddress [cain="tips"] span{
    font-size: 12px;
    font-family: "微软雅黑";
    color: #999;
}

body div[subassembly="Warehouse-Address-Group"] > div[subassembly='Warehouse-Address'].disabled{
    pointer-events: none;
    opacity: .4;
}
.ndrow>.ui.dropdown{
    width:100%;
    min-width: 60px!important;
    padding-left:6px;
    color:#999;
    height:40px;
    line-height:22px;
    font-size:14px;
}
.ndrow>.ui.dropdown .dropdown.icon{
    top:14px;
}
.ndrow>.ui.dropdown input{
    padding-left:6px!important;
}
.ndrow>.ui.dropdown .menu{
    flex-flow: wrap;
}
.ndrow>.ui.dropdown .menu .item{
    width:100%;
    padding:10px 6px!important;
    font-size: 14px;
}
.ndrow .imgItem{
    /* display: inline-block; */
    /* margin-right:10px; */
    cursor: pointer;
}


/*  */
.ndrow .imgItem .imageBox,.ndrow .message .imageBox{
    width:120px;
    height:80px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    text-align: center;
    line-height: 74px;
    overflow: hidden;
}
.ndrow .imgItem .imageBox .imageFile,.ndrow .message .imageBox .imageFile{
    margin: 0 auto;
    vertical-align: middle;
}
/*  */
.ndrow .imgItem .imageList,.ndrow .message .imageList{
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.ndrow .imgItem .imageList li{
    float: left;
    margin-bottom: 3px;
    margin-right: 4px;
}
.ndrow .message .imageList li {
    float: left;
    margin-bottom: 6px;
    margin-right: 10px;
}
.ndrow .imgItem .imageBox .imageCover,.ndrow .message .imageBox .imageCover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    width: 120px;
    height: 80px;
    border-radius: 4px;
    display: none;
}
.ndrow .imgItem .imageBox i,.ndrow .message .imageBox i{
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    /* display: none; */
}
.ndrow .imgItem .imageBox .delImage{
    font-size: 26px;
    right: 0;
    top: 0;
}
.ndrow .imgItem .imageBox .eye.icon{
    font-size: 26px;
    left: 50%;
	margin-left: -16px;
	top: 50%;
    margin-top: -16px;
}
.ndrow .message .imageBox .eye.icon{
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
    font-size: 26px;
}
.ndrow .imgItem .imageBox .eye.icon:hover{
    color: #36eb1e;
    /* background-color: #f6f6f6; */
}
.ndrow .imgItem .imageBox .delImage:hover{
    color: red;
    /* background-color: #f6f6f6; */
}
/*  */

.ndrow>.ui.checkbox{
    height: 100%;
    width: auto;
    line-height: 40px;
}
.ndrow>.ui.checkbox>label{
    height:40px;
    line-height:40px;
    margin-right:10px;
}
.ndrow>.ui.checkbox.radio>label:after{
    top: 10px;
}
.ndrow>.ui.checkbox>input,
.ndrow>.ui.checkbox>label:before{
    top:10px;
}
.ndrow>.ui.checkbox>label:after{
    top:-1px;
}
.ndrow>textarea{
    border:1px solid #ccc;
    height:100px;
    padding:8px;
    line-height:20px;
    font-size:12px;
    color:#666;
    width:100%;
    resize:none;
    outline: none;
    border-radius: 4px;
    min-width: 100px!important;
}
.ndrow>[subassembly]{
    right:auto!important;
}


.stepBtn{
    width:100%;
    height:80px;
    padding:20px 0;
    text-align: center;
    position: absolute;
    bottom:0;
    left:0;
}
.stepBtn [subassembly]{
    display: inline-block;
    position: unset!important;
    margin:0 5px;
}

.storage div[subassembly="headBar"]{
    width:100%;
}
.storageItem{
    padding:10px;
    margin-top:10px;
    border:2px dashed #e5e5e5;
    border-radius: 4px;
}
.ui.grid.ndgrid{
    width:100%;
    margin:0;
    position: relative;
}
.ui.grid.ndgrid .deleteHandle,
.ui.grid.ndgrid .copyHandle{
    position: absolute;
    right:-20px;
    padding:0;
    width:20px;
    height:20px;
    line-height:20px;
    font-size: 18px!important;
    top:50%;
    margin-top:20px;
    cursor: pointer;
}
.ui.grid.ndgrid .copyHandle{
    margin-top:-30px;
    cursor: pointer;
}
.ui.grid.ndgrid .ndrow{
    margin: 0;
}
.ui.grid.ndgrid .row{
    padding:5px 0;
}
.ui.grid.ndgrid .column{
    padding:5px 0;
    margin:0;
}
.ui.grid.ndgrid .column .packmessage{
    color: red;
    font-size: 12px;
    padding-left:6px;
    line-height:20px;
}
.workOrderDetailModal .ui.grid.ndgrid .column{
    padding:0
}


.ui.grid.ndgrid .row .column [itembtn="ItemQty"]{
    width:calc(100% - 70px);
}
.ui.grid.ndgrid .row .column [itembtn="Unit"]{
    width:60px;
    position: absolute;
    right:0;
    top:0;
    min-width:60px!important;
    height:40px;
}
.ui.grid.ndgrid .row .column.delete{
    height:20px;
    overflow:hidden;
    padding:0;
}
.ui.grid.ndgrid .row .column .deleteHandle{
    height:20px;
    color:#fc3b3b;
    float: right;
    cursor: pointer;
}
.addStorageHandle{
    height:40px;
    line-height:40px;
    position: relative;
    margin-top:10px;
}

.addStorageHandle a{
    cursor: pointer;
}
.addStorageHandle [subassembly]{
    line-height: 18px;
}
.addStorageSum{
    height:30px;
    position: relative;
    margin-top:10px;
    font-size: 14px;
    line-height:30px;
    text-align: left;
}
.addStorageSum span{
    color:#f35d41;
    font-size:24px;
    font-weight: bold;
    margin: 0 10px;
}
.vasSum{
    height: 30px;
    position: relative;
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    padding-left:20px;
}
.vasSum [btnaction="newPhoto"]{
    position: absolute;
    right:0;
    top:0;
    line-height:20px;
}
.vasSum span{
    color:#f35d41;
    font-size:24px;
    font-weight: bold;
    margin: 0 10px;
}
.orderSum{
    height:30px;
    position: relative;
    margin-top:10px;
    font-size: 14px;
    line-height:30px;
    text-align: right;
}
.orderSum span.balance{
    font-size: 14px !important;
}
.orderSum span{
    color:#f35d41;
    font-size:24px;
    font-weight: bold;
    margin: 0 10px;
}
.photoSetting .head{
    height:30px;
    line-height:30px;
    color:#999;
}
.photoSetting .row{
    min-height:30px;
    height:auto;
    line-height:30px;
    color:#666;
}
.photoSetting .row .ui.checkbox label>span{
    color:#999;
    font-size: 12px;
}
.photoSetting .storageItem{
    padding:0;
}
.photoSetting .storageItem .ui.grid{
    margin:0;
}
.photoSetting .storageItem .ui.grid .row:last-child{
    border-bottom: none;
}

.addStorage .storageItem .ui.grid .column{
    padding:0;
}
.photoSetting .storageItem .ui.grid .column{

}

.photoSetting .ui.grid.ndgrid{
    margin:0
}
.photoSetting .ui.grid.ndgrid .row{
    border-bottom:1px solid #e5e5e5;
}
.photoSetting .ui.grid.ndgrid .row:last-child{
    border:none
}
.photoSetting .ui.grid.ndgrid .row .column{
    line-height:20px;
    padding-left:10px;
}
.photoSetting .ui.grid.ndgrid .row .column input{
    min-width: 30px;
    border:none;
    width:100%;
}

.photoSetting .ui.grid.ndgrid .row .column [subassembly]{
    display: block;
    float: right;
    position: unset;
    margin-right: 10px;
}
.photoSetting .ui.grid.ndgrid .row .column a{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    cursor: pointer;
}
.photoSetting .photoRow input{
    min-width: 30px;
    width: 100%;
    border:none;
    padding:0;
}
.photoSetting .photoRow .ui.dropdown,
.photoSetting .photoRow .ui.dropdown:hover{
    border:none!important;
    box-shadow: none!important;
}
.photoSetting .photoRow .ui.dropdown{
    padding-left:0;
    width:293px;
}

.photoSetting .photoRow .ui.dropdown:hover .menu,
.photoSetting .photoRow .ui.dropdown .menu{
    flex-flow: wrap;
    border-color:#e5e5e5!important;
}
.photoSetting .photoRow .ui.dropdown .menu .item{
    width:100%;
}
.photoSetting .row.foot{
    height: 40px;
    padding: 0;
    margin: 5px 0;
    padding-right: 10px;
}
.photoSetting .row.foot [btnaction]{
    line-height:18px;
}
.photoSetting .row.head{
    padding:0;
    height:40px;
    border-bottom:2px dashed #e5e5e5;
    line-height: 40px;
    /* margin-bottom:5px; */
}
.photoSetting .photoRow.row{
    padding: 0;
    line-height: 40px;
    border-bottom:2px dashed #e5e5e5;
    /* margin-bottom:5px; */
}
.photoSetting .photoRow.row [photobtn="photoDelete"]{
    cursor: pointer;
}

.stepBox .logistics[subassembly="Warehouse-Address"]{
    background-image: url("../../../static/nd_static/images/logistics-g.png")
}
.stepBox .logistics[subassembly="Warehouse-Address"][selected]{
    background-image: url("../../../static/nd_static/images/logistics-b.png")
}
.vas[subassembly="Warehouse-Address"]{
    background-image: url("../../../static/nd_static/images/vas-g.png")!important;
}
.vas[subassembly="Warehouse-Address"][selected]{
    background-image: url("../../../static/nd_static/images/vas-b.png")!important;
}
.vas[subassembly="Warehouse-Address"]{
    position: relative;
}
.vas[subassembly="Warehouse-Address"] .vasNum{
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right:10px;
    top:6px;
    color:#f35d41;
}

.vas .vasInfo{
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background:#52a8de;
}
.vas[selected="selected"] .vasInfo{
    color:#fff;
}
.vas .vasInfo .icon{
    margin:0
}


/* 新增订单 */
.addorder .stepContent div[subassembly="headBar"]{
    /* margin-bottom:10px; */
    position: relative;
}
.addAddressModal .content .ndrow:last-child,
.addworkOrderModal .content .ndrow:last-child,
.workOrderDetailModal .content .ndrow:last-child,
.evaluationModal .content .ndrow:last-child{
    margin:0!important;
}
.selectAddressModal{
    width:900px!important;
    margin-left:-450px!important;
}
.workOrderDetailModal.ui.modal{
    width:640px!important;
    margin-left:-320px!important;
}
.workOrderDetailModal.ui.modal .content{
    overflow: hidden;
    overflow-y: auto;
}
.showPhotoListModal.ui.modal{
    height:400px;
}
.showPhotoListModal.ui.modal .content{
    padding:10px;
}
.showPhotoListModal.ui.modal .content .ui.menu{
    margin:0;
    height:40px;
    border-radius: 0;
    box-shadow: none;
}
.showPhotoListModal.ui.modal .content .ui.menu.head{
    background:#f5f5f6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.showPhotoListModal.ui.modal .content .ui.menu.itemrow{
    border-width: 0 0 1px 0;
}
.showPhotoListModal.ui.modal .content .menuContent{
    height:240px;
    border:1px solid rgba(34,36,38,.15);
    border-top:none;
    overflow:hidden;
    overflow-y:auto;
}
.showPhotoListModal.ui.modal .content .ui.menu .item:first-child{
    width:500px;
}
.showPhotoListModal.ui.modal .content .ui.menu .item:last-child{
    width:calc(100% - 500px);
    border-right: none;
    text-align: center;
    justify-content:center;
}
.showPhotoListModal.ui.modal .content .ui.menu .item .icon{
    font-size:18px;
    cursor: pointer;
    color:#53a8df;
}

.selectAddressModal .content,
.addAddressModal .content,
.addworkOrderModal .content,
.workOrderDetailModal .content,
.evaluationModal .content,
.setAddressModal .content,
.selectChanModal .content{
    padding:10px 20px!important;
}
.setAddressModal [subassembly="button_small-blue"]{
    height: 40px;
    padding: 10px 19px;
    position: absolute;
    left:20px;
    bottom:8px;
    line-height: 18px;
}

.selectAddressModal .content .ND_filter [subassembly="button_small-blue"]{
    height:40px;
    padding:10px 19px;
    position: absolute;
    right:0;
    top:0;
}
.addorder .ND_page[idx="1"]{
    margin-bottom:10px;
}

/* 分箱合箱 */
.orderBox{
    height:100
}
.orderBoxContent{
    min-height:400px;
    position: relative;
    overflow:hidden;
    padding-bottom:80px;
}
.orderBoxContent .topRow{
    height:40px;
    position: relative;
    margin-bottom:10px;
}
.orderBoxContent .orderRid{
    position: absolute;
    height:30px;
    width:auto;
    left:0;
    bottom:0;
    line-height:30px;
    color:#666;
    font-size: 14px;
}
.orderBoxContent .orderRid>span{
    font-size: 16px;
}
.orderBoxContent .orderLeftBox{
    width:50%;
    height:auto;
    padding-right:10px;
    float: left;
    min-height:100px;
}
.orderBoxContent .orderLeftBox  .orderGridBox{
    height: 488px;
    overflow:auto;
}
.orderBoxContent .orderRightBox{
    width:50%;
    height:auto;
    padding-left:10px;
    float: right;
    min-height:100px;
}

.orderBoxContent .orderRightBox .orderVas{
    position: relative;
    padding-left:76px;
} 
.orderBoxContent .orderRightBox .orderVas .inlineCaption{
    position: absolute;
    float: none;
    left:0;
    top:0;
}
.orderBoxContent .orderRightBox .orderItem:not(.move){
    border-radius: 0;
    border-width: 0 0 1px 0;
}
.orderBoxContent .orderRightBox .orderItem:not(.move):last-child{
    border-width: 0;
}

.orderBoxContent .stepBtn{
    position: absolute;
    bottom: 0px;
} 
.orderGrid .ui.menu{
    margin:0;
    border:1px solid #e5e5e5;
    box-shadow: none;
    min-height:30px;
    cursor: move;
}
.orderGrid .ui.menu>.item{
    margin:0;
    border-color: #e5e5e5;
    box-shadow: none;
    padding:4px 8px;
    height:auto;
    line-height:20px;
    font-size:12px;
    color:#666;
    text-align: center;
    overflow:hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center;
}
.orderGrid .ui.menu>.item:before{
    width:0;
}
.orderGrid .ui.menu>.item>input{
    width:100%;
    min-width:40px;
    /* border:none;
    outline: none; */
}
.orderGrid .ui.menu>.item[btn="PendingQty"]>input{
    text-align: center;
}
.orderLeftBox .item[btn="PendingQty"]>input{
    pointer-events: none;
    border:none;
}
.orderRightBox .item[btn="PendingQty"]>input{
    pointer-events:all;
    color:#666;
    border:1px solid #e5e5e5 !important;
    border-radius: 4px;
    outline: #52a8de;
}


.orderGrid .ui.menu.orderHead{
    margin-bottom:10px;
    cursor: auto;
    background: #f5f5f6;
}
.orderRightBox .orderGrid  .ui.menu.orderHead{
    background: #fff;
}
.orderGrid .ui.menu.orderHead>.item{
    height:30px;
    line-height:30px;
    white-space: nowrap;
    color:#444;
}
.orderGrid .ui.menu>.item:nth-child(1){
    width:60px;
}
.orderGrid .ui.menu>.item:nth-child(2){
    width:140px;
}
.orderGrid .ui.menu>.item:nth-child(3){
    width:60px;
}
.orderGrid .ui.menu>.item:nth-child(4){
    width:60px;
}
.orderGrid .ui.menu>.item:nth-child(5){
    width:120px;
}
.orderGrid .ui.menu>.item:nth-child(6){
    width:60px;
    border-right:none;
}
.orderLeftBox .detailMessage{
    height:auto;
    color: #777;
}
.orderLeftBox .orderBody{
    margin-bottom:10px;
}
.orderLeftBox .orderBody .orderItem{
    margin-bottom: 4px;
}
.orderLeftBox .orderBody .orderItem.disable{
    opacity: .7;
    pointer-events: none;
}

.orderGrid .detailMessage .head{
    height:30px;
    line-height:30px;
    color:#f35d41;
}
.orderGrid .detailMessage p{
    line-height:20px;
    font-size:12px;
    color:#666;
}
.orderRightBox .subBox{
    padding:0 10px 0 10px;
    height:auto;
    margin-bottom:10px;
    border:1px solid #e5e5e5;
    background:#f5f5f6;
}
.orderRightBox .subBox .checkboxRow:last-child{
    margin-bottom:10px;
}
.orderRightBox .subBox .subHead{
    height:40px;
    font-size:14px;
    line-height:40px;
    color:#555;
    position: relative;
}
.orderRightBox .subBox .subHead .headTool{
    position: absolute;
    width:40px;
    height:40px;
    line-height:40px;
    text-align: center;
    right:0px;
    top:0;
    cursor: pointer;
    color:#f35d41
}
.orderRightBox .subBox .subHead .headTool.hideTool{
    right:40px;
    font-size: 22px;
}
.orderRightBox .subBox .orderBody{
    min-height: 140px;
    background:#fff;
    border:1px solid #e5e5e5;
    height:auto;
}
.orderRightBox .subBox .orderBody.hover{
    border-color:#f35d41;
}
.orderBoxContent .moveItem.move{
    position: fixed;
    z-index: 1000;
    -moz-user-select: none; 
    -webkit-user-select: none;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
}
.orderRightBox .orderVas[subassembly]{
    display: inline-block;
    display: inline-block;
    position: unset;
}

/* 优惠券 */
.coupon .activeCoupon{
    margin: 36px 0;
    padding-left:120px;
}
.coupon .activeCoupon .caption{
    width:120px;
    text-align: left;
}
.coupon .activeCoupon input{
    width: 200px;
}
.coupon .activeCoupon [subassembly="button_small-blue"]{
    left: 330px;
    right: auto;
}
.coupon [subassembly="Coupon_Group"]{
    border:none;
    height:auto;
    flex-flow: wrap;
}
[subassembly="Coupon_Group"]>[subassembly="Coupon"]:nth-child(4n){
    margin-right:0px!important;
}
[subassembly="Coupon_Group"] [subassembly="Coupon"]{
    position: relative;
    margin-right:20px!important;
    margin-bottom:14px; 
    color:#7e7e7e;
}
[subassembly="Coupon_Group"] [subassembly="Coupon"][selected]{
    color:#fff;
}
[subassembly="Coupon_Group"] [subassembly="Coupon"] .CouponDelete{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0, 0, 0, .35);
    color:#fff;
    line-height:110px;
    display: none;
    text-align: center;
    cursor: pointer;
}
[subassembly="Coupon_Group"] [subassembly="Coupon"]:hover .CouponDelete{
    display:block;
}
[subassembly="Coupon"] .CouponName{
    position: absolute;
    top:0;
    left:30px;
    height:30px;
    line-height:30px;
    font-size:12px;
}
[subassembly="Coupon"] .detail{
    position: absolute;
    top:0;
    right:30px;
    height:30px;
    line-height:30px;
    font-size:12px;
    cursor: pointer;
}
[subassembly="Coupon"] .CouponShow{
    position: absolute;
    width:100%;
    top:50%;
    margin-top:-30px;
    left:0;
    text-align: center;
    font-weight: bold;
    height:40px;
    line-height:40px;
    font-size:30px;
}
[subassembly="Coupon"] .CouponShow span{
    font-size: 18px;
}
[subassembly="Coupon"] .CouponShow .bottomTip{
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    bottom: -16px;
    left: 0;
    font-weight: normal;
}

[subassembly="Coupon"] .expirationDate{
    position: absolute;
    bottom:0;
    right:30px;
    height:30px;
    line-height:30px;
    font-size:12px;
}
/* 充值 */
.accountIn{
    margin: 24px 0;
    height:40px;
    display: flex;
    padding: 0;
}

.accountIn .caption{
    width:auto;
    position: unset;
    padding: 0 20px 0 15px;
    font-size: 14px;
    color:#555;
}
.accountIn .caption span,
span.pay{
    color:#f35d41;
    font-weight: bold;
    font-size: 18px;
}

.userinfo .accountIn .caption{
    padding-left:22px;
}



.accountIn .caption span.unit{
    font-size: 14px;
    font-weight: normal;
    color:#666;

}
.accountIn input{
    width: 200px;
    margin-right: 20px;
}
.accountIn [subassembly="button_small-blue"]{
    position: unset!important;
    display: flex;
}
.account .ND_filter{
    margin-top:10px;
}

.recharge .MoneyBox{
    margin-top:10px;
    overflow: hidden;
}
.recharge .MoneyBox .item{
    width:auto;
    padding:0 8px;
    line-height:30px;
    border:1px solid #e5e5e5;
    color:#999;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
    cursor: pointer;
}
.recharge .MoneyBox .row{
    margin-bottom:10px;
    height: 30px;
    float: left;
    width: 100%;
}
.recharge .MoneyBox .item.active,
.recharge .MoneyBox .item.active input{
    background:#f35d41;
    color:#fff;
    border-color:#f35d41;
}
.recharge .MoneyBox .item input{
    width:100%;
    border:none;
    box-shadow: none;
    outline: none;
    min-width: 40px;
    width:90px;
    font-size: 14px;
    color:#999;
    height:30px;
    line-height:30px;
}
.recharge .qrcodeBox{
    text-align: center;
    padding:40px 20px;
}
.recharge .qrcodeBox .caption{
    line-height: 80px;
    font-size: 18px;
    color: #777;
    font-weight: bold;
}
.recharge .qrcodeBox [subassembly]{
    position: unset;
}
/* 个人中心 */
.userinfo [subassembly="headBar"]{
    margin-bottom:10px; 
    position: relative;
}
.userinfo .ndrow{
    margin:8px 0;
}
.userinfo .ndrow.redRow{
    margin: 0;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    background: #fc3b3b;
    border-radius: 4px;
    padding: 0 10px;
    color: #fff;
}
.userinfo .ndrow.redRow .close{
    float:right;
    cursor: pointer;
}
.userinfo .ndrow .Country.ui.dropdown{
    border:none;
}
.userinfo .ndrow .Country.ui.dropdown .menu{
    border:1px solid rgba(34,36,38,.35)!important;
    border-radius: 4px;
}
[subassembly="headBar"] .ui.button{
    position: absolute;
    height:20px;
    width:auto;
    background: none;
    color:#f35d41;
    border:none;
    font-size:14px;
    right: 0px;
    line-height: 20px;
    top: 5px;
    padding: 0 10px;
    font-weight: normal;
    font-family: "微软雅黑";
}
.userinfo .stepBtn{
    display:none;
}
.userinfo.ndedit .stepBtn{
    display:block;
    position: unset;
}
.userinfo.ndedit [subassembly="headBar"] .ui.button{
    display: none;
}
.ui.modal.passwordModal,.ui.modal.forgetModal{
    width:400px!important;
    margin-left:-200px!important;
}
.ui.modal.passwordModal [passwordbtn],
.ui.modal.forgetModal [passwordbtn]{
    padding-right:30px;
}
.ui.modal.passwordModal .nicon,
.ui.modal.forgetModal .nicon{
    position: absolute;
    right:10px;
    top:10px;
}
.nicon{
    height:20px;
    width:20px;
    background-size: 100% 100%;
    opacity: .8;
    cursor: pointer;
}
.nicon.eye{
    background-image: url(../images/eye.png); 
}
.nicon.eye.nclose{
    background-image: url(../images/eye_close.png); 
}

.passwordModal .content{
    padding:10px 20px!important;
}
.forgetModal .content{
    padding:10px 20px!important;
}
.forgetModal .content .ndrow.ver input{
    width: 135px;
    margin-right: 10px;
    height: 40px;
}
.forgetModal .content .ndrow.ver [subassembly]{
    height:40px;
    white-space: nowrap;
    padding: 10px 19px;
    width: 110px;
}
.forgetModal .content .ndrow.ver [subassembly][disabled]{
    background:#ccc!important;
    color:#666!important;
    border-color:#ccc!important;
    pointer-events: none;
}
.userinfo [actionbtn="l_pwd"],
.userinfo [actionbtn="l_forget"],
.userinfo [actionbtn="p_pwd"],
.userinfo [actionbtn="p_forget"]{
    background:none;
    color:#53a8df;
    border:none;
    padding: 10px 8px!important;
}
.userinfo [actionbtn="l_pwd"]:hover,
.userinfo [actionbtn="l_forget"]:hover,
.userinfo [actionbtn="p_pwd"]:hover,
.userinfo [actionbtn="p_forget"]:hover{
    text-decoration: underline;
}
/* 付款 */
.paysuccess .ndrow{
    margin-bottom:0;
}
.paysuccess .ui.grid.ndgrid .column{
    padding:0
}
.paysuccess .uline{
    margin:0;
}
.ndrow>input[name="safePrice"]{
    color:#666
}
.selectCoupon.ui.modal{
    width: 530px!important;
    margin-left: -265px!important;
}
.selectCoupon .content{
    padding:10px!important;
    max-height:400px;
    overflow:hidden;
    overflow-y:auto;
}
.selectCoupon [subassembly="Coupon_Group"]{
    border:none;
    flex-wrap: wrap;
}
.selectCoupon [subassembly="Coupon_Group"] [subassembly="Coupon"]{

}
/* .selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"]:nth-child(4n){
    margin-right:20px!important;
}
.selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"]:nth-child(3n){
    margin-right:0px!important;
} */
.selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"] .selectbottom{
    width:0;
    height:0;
    border-bottom: 4em solid #fff;
    color:#52a8de;
    border-left: 4em solid transparent;
    position: absolute;
    right:0;
    bottom:0;
    display: none;
}
.selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"].selected .selectbottom{
    display: block;
}
.selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"].selected{
    background: #52a8de
}
.selectCoupon [subassembly="Coupon_Group"]>[subassembly="Coupon"] .selectbottom .icon{
    position: absolute;
    right: 4px;
    bottom: -40px;
    margin: 0!important;
    top: auto;
    left: auto;
}
.payment .coupon{
    height:auto;
    width:auto;
    display: inline-block;
    border:none;
}
.payment [rowbtn="coupon"]  [subassembly="Coupon_Group"] [subassembly="Coupon"]{
    margin-bottom:0!important;
}

.payment .coupon .selectbottom{
    display:none;
}
.payment .labSpan{
    position: absolute;
    right: -14px;
    height: 28px;
    min-width: 28px;
    width: auto;
    top: -10px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #f35d41;
    border-radius: 100%;
    overflow: hidden;
}

.paySuccess{
    padding:40px 0;
}
.paySuccess img{
    height:80px;
    width:80px;
    display: block;
    margin: 0 auto;
}
.paySuccess .caption{
    margin-top:20px;
    font-size:16px;
    color:#666;
    text-align: center;
    height:40px;
    line-height:40px;
}

/* 帮助中心 */
.helpMain{
    min-height:200px;
    width:100%;
    background: #f5f5f6;
    font-family: "微软雅黑";
}
.helpMainContent{
    position: relative;
    overflow:hidden;
    min-height:400px;
}
.helpMainContent .helpLeft{
    height:auto;
    min-height: 100%;
    background: #fff;
    width:280px;
    display: inline-block;
    float: left;
    position: relative;
}
.helpMainContent .helpContent{
    height:100%;
    float: right;
    width:calc(100% - 300px);
    background: #fff;
    padding:10px 20px;
    position: relative;
    overflow:hidden;
    overflow-y:auto;
}
.helpMainContent .helpContent .area{
    padding:20px 0;
}
.helpLeft>.menuItem{
    height:auto;
    min-height:40px;
    position: relative;
    font-size:14px;
    color:#666;
}
.helpLeft .menuItem{
    line-height:30px;
    font-size:14px;
    color:#777;
    border-bottom:1px dashed #e5e5e5;
}
.helpLeft .menuItem .head{
    cursor: pointer;
    position: relative;
    /* padding:0 20px; */
}
.helpLeft .menuItem .head>.icon{
    font-size:16px;
    width:20px;
    height:20px;
    line-height:20px;
    position: absolute;
    left:10px;
    top:50%;
    margin:0;
    margin-top:-10px;
}
.helpLeft>.menuItem>.head{
    height:40px;
    padding:0 20px 0  40px;
    line-height:40px;
    color:#666;
}
.helpLeft>.menuItem>.head:hover{
    color:#f35d41;
    background: #e0e0e0;
}
.helpLeft>.menuItem.active>.head{
    border-bottom:1px dashed #e5e5e5;
}
.helpLeft>.menuItem .menuItem{
    border:none;
}
.helpLeft>.menuItem .menuItem .head{
    padding-left:50px;
    border:none;
}
.helpLeft>.menuItem .menuItem .head>.icon{
    left:20px
}
.helpLeft>.menuItem .menuItem .menuItem .head{
    padding-left:60px;
}
.helpLeft>.menuItem .menuItem .menuItem .head>.icon{
    left:30px
}

.helpLeft>.menuItem>.content .head{
    color:#666;
    font-size:12px;
}
.helpLeft .menuItem.active>.head{
    color:#f35d41;
}
.helpLeft>.menuItem>.content .head:hover,
.helpLeft>.menuItem>.content .head.active{
    color:#f35d41;
    background: #e0e0e0;
}
.helpLeft .menuItem .content{
    display: none;
    height:auto;
    /* border-bottom:1px solid #e5e5e5; */
    /* padding-left:30px; */
}
.helpLeft .menuItem.active>.content{
    display: block;
}
.helpLeft{
    padding-top:70px;
}
.helpSearch{
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f5f5f6;
    padding-bottom: 10px;
}
.helpSearch .ui.input{
    padding: 10px;
    background: #fff;
}
.helpSearch .ui.button{
    width:50px;
    padding: 0 18px;
}
.helpSearch .ui.button .icon{
    font-size:16px;
}
.helpSearch input{
    width:210px;
}
.helpLeft .SearchResult{
    position: absolute;
    background: #fff;
    bottom:0;
    top:70px;
    left:0;
    right:0;
    z-index: 2;
}
.SearchResult>.head{
    height:40px;
    font-size:14px;
    color:#666;
    border-bottom:1px solid #f35d41;
    line-height:40px;
    padding-left:20px;
}
.SearchResult .menuItem .head{
    padding:0 20px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/* 公告 */
.content.notice{
    min-height:200px;
    width:100vw;
    background: #f5f5f6;
}
.noticGrid .ui-jqgrid .ui-jqgrid-htable .ui-th-div[id$="TextTitle"]{
    text-align: left!important;
    padding: 0 8px;
}
.ui-jqgrid .ui-jqgrid-htable .ui-th-div{
    height:18px;
}
.content.notice [aria-describedby$="_TextTitle"]:hover{
    text-decoration: underline;
}
.content.notice [aria-describedby$="_TextTitle"]{
    cursor: pointer;
}
.noticeMain{
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    position: relative!important;
}
.noticeMain>[cain="head"]{
    width:1200px!important;
    margin:0 auto!important;
}
.notice .noticeContentMain,
.helpMainContent{
    width:1200px;
    height:auto;
    margin:0 auto;
    padding: 10px 0;
} 
.notice .noticeContentMain .detail{
    position: relative;
    padding-bottom:70px;
    height:auto;
}
.notice .noticeContentMain .detail .area{
    background:#fff;
    padding:20px;
}
.notice .noticeContentMain .detail .stepBtn{
    background: #fff;
}
.notice .noticeContentMain .detail .stepBtn [btnaction]{
    height: 40px;
    padding: 10px 19px;
}
.notice .noticeContentMain .storage{
    background:#fff;
}
.notice .noticeContentMain iframe{
    background: #fff;
}
/* 客服 */
.workOrder .ND_filter .ui.selection.dropdown{
    width:160px;
    min-width:160px;
}
.workOrder .ND_filter .ui.action.input input{
    width: 140px;
    min-width: 140px;
}



/* 1200px */
body > div[cain='main'],
body > div[cain='main'] > div[cain='three'] > div[cain='content'],
body > div[cain='main'] > div[cain='six'] > div[cain='content'],
body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'],
body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content'],
body > div[cain='main'] > div[cain='bottomBanner'] > div,
.ND_body > div[cain='main'] > div[cain='head'],
.mainContent,
body > div[cain='main'] > div[cain='head'],
body > div[cain='main'] > div[cain='body'] div[cain='form']{
    width:1200px;
}
.noticeContent{
    margin-left:180px;
}

[subassembly="Coupon_Group"] [subassembly="Coupon"]{
    margin-right:10px!important;
}
[subassembly="Coupon_Group"]>[subassembly="Coupon"]:nth-child(4n){
    margin-right:10px!important;
}
body > div[cain='main'] > div[cain='body']{
    background-size: 2020px auto;
}
body > div[cain='main'].register_main {
    width:100%!important;
}
.ND_grid .jqgrow:last-child td{
    border-bottom:none!important;
}
.sub_grid .jqgrow:last-child td{
    border-bottom:1px solid #ccc!important;
}

/* snn */
.ND_grid .jqgrow:last-child td{
    /* border-bottom:none!important; */
}
.ND_filter .ui.action.input .ui.button {
    font-size: 1em;
}
.ND_filter .ui.action.input input{
    width:180px;
    min-width:180px;
}
.stepBox.storage .ndrow>.ui.dropdown{
    line-height: 14px;
}
.ui.modal.addworkOrderModal .ndrow .caption, .storageAddress [cain="baz"] [cain="title"]{
    line-height: 38px;
    padding-right: 10px;
}
.modal.ui.workOrderDetailModal .ndrow.big .caption{
    width: 100px;
}
.ui.modal.workOrderDetailModal .ndrow .message{
    margin-left: -30px;
}
.modal.ui.workOrderDetailModal .ndrow .caption{
    text-overflow: unset;
    padding-left: 0px;
    padding-right: 0;
}
@media  only screen and (max-width: 664px){
    .ui.modal.workOrderDetailModal .ndrow.big .message {
        overflow: hidden;
        text-overflow: ellipsis; 
    }
}
.modal.ui.setAddressModal .content,
.modal.ui.addAddressModal .content,
.ui.modal.workOrderDetailModal>.content,
.ui.modal.addworkOrderModal.transition>.content {
    font-size: 14px;
}
.modal.ui.setAddressModal .icon.close,
.modal.ui.addAddressModal .icon.close,
.modal.ui.workOrderDetailModal .icon.close,
.ui.modal.addworkOrderModal.transition>.icon.close{
    font-size: 20px;
    margin-right: 6px;
}
.modal.ui.selectAddressModal .content .ND_filter{
    font-size: 14px;
}
.orderBoxContent .orderRightBox .orderItem:not(.move):first-child{
    border-width: 0 0 1px 0;
}

.showPhotoListModal.ui.modal.appPhoto{
	width:calc(100% - 20px)!important;
	margin-left: calc(-50% + 10px )!important;
}
.showPhotoListModal.ui.modal.appPhoto .content .ui.menu .item:first-child{
    width:calc(100% - 60px);

}
.showPhotoListModal.ui.modal.appPhoto .content .ui.menu .item:last-child{
    width:60px;
}
.appPhotoView .box{
    height: 300px!important;
    width: 300px!important;
    margin-top: -150px!important;
    margin-left: -150px!important;
}
.popDinner{
	position: fixed;
    z-index: 989;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
}
.popDinner .popView{
	width:calc(100% - 40px);
	left:20px;
	top:50%;
	border-radius: 13px;
	background: #fff;
	position: absolute;
	min-height:100px;
	overflow:hidden;
}
.popDinner .head{
	height:40px;
	line-height:40px;
	padding:0 15px;
	border-bottom:1px solid rgba(0,0,0,.2);
	text-align: center
}
.popDinner .popView.fmsView{
    width: 400px;
    left: 50%;
    margin-left: -200px;
}
.fmsView .icon.close{
    color:red;
    font-size:16px;
    position: absolute;
    right:10px;
    margin:0;
    top:10px;
    cursor: pointer;
}
.popDinner .popView.fmsView .content{
    max-height:560px;
    overflow:hidden;
    overflow-y:auto;
    padding:10px;
    text-align: center;
    height:auto;
}
.popDinner .popView.fmsView .content>span{
    line-height:60px;
    color:#888
}
.fmsView .content .item{
    height:auto;
    min-height:60px;
    position: relative;
    padding-left:110px;
}
.fmsView .content .item .time{
    position: absolute;
    left:0px;
    width:100px;
    top:0px;
    font-size:14px;
    text-align: center
}
.fmsView .content .item .time span{
    font-size:12px;
}
.fmsView .content .item .sign{
    height:100%;
    width: 0;
    position: absolute;
    left:110px;
    top:0;
    border-right:1px dashed #ccc;
}
.fmsView .content .item .sign>.check{
    width:24px;
    height:24px;
    text-align: center;
    line-height:24px;
    font-size:12px;
    border-radius:100%;
    overflow:hidden;
    color:#fff;
    background: red;
    position: absolute;
    left:-12px;
    top:0;
}
.fmsView .content .item .sign .check .icon{
    margin:0;
}
.fmsView .content .item .message{
    padding: 4px 10px 10px 14px;
    font-size:14px;
}
.fmsView .content .item.disable{
    opacity: .6;
}
.fmsView .content .item.disable .sign>.check{
    background: #555
}

.addBatch .ui.grid.ndgrid .deleteHandle{
    margin-top:-10px;
    right: -26px;
}
.addBatch .storageItem{
    padding-right: 16px;
}

.ui.modal.editorModal.showDrop>.content{
	padding: 10px;/*!important;*/
    /*overflow: hidden;*/
}
.ui.modal.editorModal.showDrop{
	width: 400px!important;
	margin-left:-200px!important;
	z-index: 29000;
}
.editorModal.showDrop .content {
	padding: 10px;
}
.editorModal.showDrop .content .ui.dropdown{
	width: 100%;
	margin-bottom: 10px;
}
.showDrop .ui.selection.dropdown .menu>.item{
    width:100%;
    display:block;
}
.showDrop .ui.selection.dropdown .menu{
    flex-wrap: wrap;
}
.ui.modal.tepModal {
    width: 500px !important;
    margin-left: -250px !important;
}
.ui.modal.tepModal ul {
    margin: 10px 20px;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.ui.modal.tepModal ul li {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}
.ui.modal.tepModal ul li:hover {
    background: #d0e5f5;
}
.ui.modal.tepModal ul li.select {
    background: #d0e5f5;
}
.ui.modal.tepModal ul li:last-child {
    border-bottom: none;
}

button[btn="Dodefine"] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border: 1px #ff8c32 solid;
    border-radius: 4px;
    box-shadow: 0 5px 8px 0 rgba(24, 95, 255, 0.1);
    color: #fff;
    text-align: center;
    font-weight: lighter;
    float: right;
    width: 192px;
    height: 34px;
    font-size: 14px;
    background-color: #3580eb;
    background-image: linear-gradient(0deg, #ffbe32, #ffb432);
    font-weight: 400;
  }
  button[btn="Dodefine"][disabled] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border: 1px #999999 solid;
    border-radius: 4px;
    box-shadow: 0 5px 8px 0 rgba(24, 95, 255, 0.1);
    color: #333333;
    text-align: center;
    font-weight: lighter;
    float: right;
    height: 34px;
    font-size: 14px;
    background-color: #bcbcbc;
    background-image: linear-gradient(0deg, #e5e5e5, #f6f6f6);
  }