﻿@charset "utf-8";
/* by-邓辉 2014-4 */

/* ===================== Reset ======================= */
html{-webkit-text-size-adjust: none;}
html,body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,blockquote,address,var,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;}
button,select,textarea,input{vertical-align:middle;color:#333;}
input[type=button],input[type=submit],input[type=reset],input[type=file],button{cursor:pointer;overflow:visible;width:auto; font-family: 'Verdana'}
input[type=text], textarea {font-family: 'Verdana'}
h1,h2,h3,h4 { font-family: 'microsoft yahei'}
button{padding:3px 5px 2px;}
textarea{resize:vertical;}  /* word-wrap for opera, resize for webkit */
a{color:#666;text-decoration:none;}
a:hover{text-decoration:underline; color: #f60}
a:focus{outline:none;}
ul,ol{list-style:none outside none;}
img,fieldset{border:none;}
img{overflow:hidden;vertical-align:top;}
em,address,var{font-style:normal;}
sup,sub{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
i{display:inline-block;} /*用于修饰性小图标*/	   
object{font-size:1px;height:1px;line-height:1px;width:1px;display:block; overflow:hidden;}


/* ======================== 公用结构 ========================== */
body{background-color:#fff; color:#666; font:12px/1.5 "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,'Open Sans', sans-serif;} 
/* 公共头部 */
.header {
	height: 50px;
	position: relative;
	font-family: 'microsoft yahei';
	overflow: visible;
}
/* logo */
.logo{position:absolute; top:14px; left:7px;}
.logo img {width: 130px;}

.logo-txt {font-size: 28px; font-family: 'Tahoma' !important; color: #2374EF; font-weight: normal; letter-spacing: -0.7px; line-height: 24px;}
.logo-txt span {color: #BC0F0F}
.logo-txt:hover {text-decoration: none; color: #278BE3;}

/* 导航 */
.nav { position: absolute; left:151px; bottom:0;}
.nav li {float: left; margin-left: -1px; position: relative;}
.nav li a {display: block; text-align: center; padding: 0 22px; line-height: 50px; font-size: 14px}
.nav li a:hover, .nav li.on a {text-decoration: none;}
.sub-nav { height: 100px; width: 200px; border:1px solid #135BA6; position: absolute; top:60px;}

.overflow-line {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;}

.animation-icon{width: 40px; height: 42px; position: absolute; z-index: 5; background:url(../../images/corel.png) no-repeat 0 0;}
.animation-icon{ 
	top:-43px;
	right:30px;
	-webkit-animation:corelanimation 15s linear 1;	   /*  定义动画的名称, 开始和结束的速度, 动画播放比例	  */
	animation:corelanimation 15s linear 1
}

@-webkit-keyframes corelanimation{
	0%{-webkit-transform:translate(-540px,-20px); transform:translate(-540px,-20px);}
	8%{ -webkit-transform:translate(-500px, 112px); transform:translate(-500px, 112px);}
	35%{ -webkit-transform:translate(-320px, 56px); transform:translate(-320px, 52px);}
	95%{ -webkit-transform:translate(-90px, 52px); transform:translate(-90px, 52px);}
	100%{ -webkit-transform:translate(0); transform:transform:translate(0);}
}


@keyframes corelanimation{
	0%{-webkit-transform:translate(-340px,-20px); transform:translate(-340px,-20px);}  /* 位移动画, X和Y轴,一个动画可以按比例播放 */
	8%{ -webkit-transform:translate(-340px, 56px); transform:translate(-340px, 56px);}
	95%{ -webkit-transform:translate(-70px, 56px); transform:translate(-70px, 56px);}
	100%{ -webkit-transform:translate(0,0); transform:transform:translate(0,0);}
}

.top-menu {position: absolute; top:51px; left:0; border:3px solid #1949A8 !important; border-top: 4px solid #1949A8!important; border-left:none!important; border-right:none!important; z-index: 999; background: #fff; padding: 1px!important; min-width: 540px; display: none}
.top-menu .menu-col {float: left; min-width: 180px; min-height:205px;}
.top-menu .menu-col:hover {background: #F0F2F5;}
.top-menu .menu-col:hover dt {background:#DFEBF7;}
.top-menu .menu-col dt {padding: 10px 10px 10px 15px; border-bottom: 1px dotted #ccc; font-family: '微软雅黑'; color:#333; font-weight: bold;}
.top-menu .menu-col dd {line-height: 30px; float: none;}
.top-menu .menu-col dd a, .nav li.on .top-menu .menu-col dd a {display: block; padding: 0 0 0 25px; text-align: left; height:30px; line-height: 30px; font-size: 12px; background:none; border:none; color: #333; text-shadow:none }
.top-menu .menu-col dd a:hover, .nav li.on .top-menu .menu-col dd a:hover {background: #1949A8; color: #fff; text-decoration: none;}

.nav li.reverse .top-menu{left:auto; right:-500px;}	  
#warehouse-menu.top-menu {min-width:1000px;}

#product-menu.top-menu {min-width:720px;}
#product-menu.top-menu .menu-col  {float: left; min-width: 180px; min-height:249px;}

.welcome {position: absolute; top:2px; right:5px; line-height: 24px;}
.welcome > span {position: relative; cursor: pointer; zindex:99; background:url(../../images/fz-jt.png) no-repeat right 7px; padding: 1px 15px 2px 4px; border-radius:3px 3px 0 0; font-family: 'Verdana';}
.welcome > span:hover {color:#fff!important; background:#36C url(../../images/fz-jt.png) no-repeat right -8px;}
.welcome > span:hover .set-language {display: block;}
.set-language {position:absolute; top:17px; left:0; width: 120px; font-weight: normal; z-index: 5; display: none; }
.set-language a {display: block; border-radius:0; padding-left: 10px; }
.global-set {position: absolute; top:2px; right:5px; line-height: 24px;}
.notice {background:#135AA4 url(../../images/notice.png) no-repeat 6px 7px; text-align: center; border-radius:5px 0 0 0; position: absolute; bottom:0; right:0; color: #fff;}
.notice .notice-bd {position: relative; padding: 2px 25px 0 28px; height: 26px; }
.ReBox { text-align: right; position: absolute; bottom:0; right:0; background:#1949A8;color: #fff; border-radius:5px 0 0 0; line-height: 22px; padding: 0 10px; z-index: 10;}
.ReBox a {color: #fff;}
.ReBox a:hover {background:#135AA4!important; }
#NoticeScroll{height:26px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#NoticeScroll li{height:26px;line-height:26px; vertical-align:bottom; zoom:1; text-align: left;}
#NoticeScroll li a{ color:#DBF2F2; text-decoration:none;}
#NoticeScroll li a:hover{ color:#fff; text-decoration:none;}
.ContorScroll{position: absolute; bottom:0; right:3px; height: 28px;}
.ContorScroll small{width: 14px; height: 14px; background:url(../../images/up_down.png) no-repeat 4px 5px; display: block;}
.ContorScroll small:hover {background-color: #1C6FC9;}
.ContorScroll #but_down {background-position:4px -11px;}

.close-ui-s {width: 16px; height: 16px; background:url(../../images/colse-ui.png) no-repeat 2px 2px; display: inline-block;  vertical-align: middle;  cursor: pointer;}


/* ============= 主体内容 ============ */
.frame-main {height: 730px; position: relative;}
.side-bar {margin-top: -1px; font-family: 'microsoft yahei'}
.frame-main-cont {position: absolute; top:5px; left:160px; right:0; min-height:500px; bottom:0; z-index: 4; overflow: auto; }
.iframe-box {width: 100%; height: 100%; z-index: 5; position: absolute; overflow: auto;}

/*左边导航树*/
.side-box h3 {background: #f2f2f2; border-bottom: 1px solid #999; border-top: 1px solid #d1d1d1; line-height: 22px; padding-left: 5px; font-weight: normal;}
.side-box ul {padding: 0 0 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.side-box li {}
.side-box li a {text-decoration: none; display: block; line-height: 15px; padding: 5px 0 5px 10px;  text-shadow:1px 1px 0 #fff}
.side-box li a:hover { background: #EBEBEB;}
.side-box li.on a{ color: #fff!important;  text-shadow:1px 1px 0 #05213E; padding-left:10px; background:#1949a8;}

/*面包屑*/
.crumbs {border-bottom: 1px solid #D5D6D7; line-height: 24px; padding-left: 5px; font-size: 12px; height: 0px; width: 0px; font-size: 0; overflow: hidden; border:none;}

/*筛选区域*/
.filter-area {padding:10px 0 3px; position: relative; }
.filter-list li {float: left; width: 100%; position: relative; margin-bottom: 1px; min-height:24px;}
.filter-list li:nth-child(2) .fm{padding-right:350px;}
.filter-list li:nth-child(1) .fm{width: 70%;}
.filter-list li.no-padding .fm{padding-right:0;}
.filter-list li.limit-w .fm{padding-right: 350px}
.filter-list .f-value, .filter-list .ip-value {display: inline-block; margin-right: 1px; padding: 1px 4px; line-height: 16px; border-radius:2px; cursor: pointer; position: relative; z-index: 0; margin-bottom: 2px;}
.filter-list .f-value.on, .filter-list .ip-value.on, .filter-list label {cursor: pointer; vertical-align: baseline}
.filter-list .num {font-size: 11px; color: #f60; letter-spacing: -1px; padding-left: 2px; vertical-align: top;}
.filter-list .on .num {color: #fff; }	
.filter-list li .ft {line-height: 14px;}
.filter-list li .fm {line-height: 16px;}	
.filter-list li.two-height { height:44px}
ul.filter-list li.default-height { height:24px}
.filter-list li.two-box {width: 40%; padding-right: 10px}  
.filter-list li.three-box {width: 33%;}	
.filter-list li.four-box {width: 39%;}		 
.filter-list li.seven-box {width: 66%;} 	 
.filter-list li.five-box {width: 49.8%;}
.filter-list li.six-box {width: 59%;}	 
.filter-list li.six-six-box {width: 66%;}
.filter-list li.mini-box {width: 20%;}	 
.filter-list li.TwentyFive-box {width: 25%;}	 
.filter-list li.Sixty-box {width: 59%;}
.filter-list li.Sixty-six-box {width: 66%;}
.f-value:hover, .ip-value:hover { z-index: 1;}
.main-search {position: absolute; top:12px; right:10px; width: 313px;}
.main-search .l-btn {border-radius: 0 2px 2px 0;}
.r-search {text-align: left; padding-top: 0; color: #666; padding-left:0; position: relative; }
.r-search .bg-link{ position: absolute; top:2px; right:0; }
.filter-list .ip-value {margin-right: -1px; border-radius:2px 0 0 2px; height: 16px; margin-bottom: -1px;}	 
.filter-list .ip-value input[type=checkbox] { margin-top: -2px; border:1px solid #ccc;}
.option-list-box {position: relative; padding:5px;}
#SelectSaleData, .Have-time {width: auto !important; display: inline-block; padding-right: 5px; float: none !important; }
#SelectShipData {width: auto !important; display: inline-block; padding-right: 5px; float: none !important; }
.filter-time-area { vertical-align:top; float: none !important; display: inline-block}
.option-filter-time {position: absolute!important; bottom:-32px; right:15px; left:auto; width:auto!important; z-index: 15 }
.option-filter-time.filter-show {bottom:3px;}

.filter-area { padding-bottom: 11px;}
.filter-bd-box {padding-left: 5px; position: relative;}
.filter-bd-box .main-search{top:0;}	
.filter-contor {overflow:visible !important; }
.filter-contor .filter-bd-box{position: absolute; z-index: 111; background: #F5F7FA; padding-bottom: 11px; border-bottom: 1px solid #9BAFBF; opacity:0.9}	
.filter-contor .filter-bd-box .more-filter{top:auto; bottom:0;}

.filter-show-l {max-height:125px; overflow: hidden; text-decoration: none;}
.filter-show-l.filter-contor {height: 125px;}

.mode-b {width: 100%; height: 12px; background:#F5F7FA; position: absolute; top:124px; right:0; z-index: 8;}
.filter-contor .filter-bd-box .mode-b{top:auto; bottom:0;}


.more-filter {width: 100%; height: 11px; background:#EAEDED url(../../images/filter-icon.png) no-repeat 50% 2px;  border-top: 1px solid #F5F7FA; color: #333; position: absolute; top:124px; right:0; text-align: center; line-height: 11px; font-size: 10px; z-index: 9;}	     
.more-filter:hover { background:#9BAFBF url(../../images/filter-icon.png) no-repeat 50% -10px; text-decoration: none;}
.more-filter.show-f {background:#EAEDF0 url(../../images/filter-icon.png) no-repeat 50% -22px;}	
.more-filter.show-f:hover { background:#9BAFBF url(../../images/filter-icon.png) no-repeat 50% -34px;}

/*.more-filter {padding: 2px 10px; background: #9BAFBF; color: #fff; position: absolute; top:53px; right:0;}
.more-filter:hover {background: #f60; color: #fff; text-decoration: none;}
.more-filter.show-f {}		 
.more-filter.hide-f {} */

/*日历样式*/
.Wdate{padding:1px 0!important; height:16px!important; background:#fff url(../../images/datePicker.png) no-repeat right; }
.Wdate::-ms-clear{display:none;}
.WdateFmtErr{ font-weight:bold;color:red;}


/*列表区域
.panel-body > .iframe-box {margin-top: -26px;}*/
.list-area {padding: 0 0 0 0; position: relative; left:-1px;}
.hand-operation {position: absolute; right:0px; top:0px; background: #f1f1f1; padding: 5px 10px; border-left: 1px solid #D4D4D4;}
.hand-operation span {line-height: 21px;}

.table-list {overflow-x;hidden; height: auto; overflow-y:auto;}
.table {table-layout: fixed; border-bottom-width: 0px; width: 100%; background: #fff; margin-bottom:0;}
.table th { padding: 4px 2px; font-weight: normal; border-bottom: none!important; color:#333}
.table td {border:1px solid #D5D6D7; line-height: 16px; padding: 4px 0; color: #666; word-break:break-all;}
.table.h-table td { padding: 10px 5px; }
.table th span, .table td span{ font-weight: normal; padding: 0 5px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.table td span.input-style  {padding: 0;}
.table td span.input-style {}
.table tbody {margin-top: -1px;}
.table input {border-color: #B2B2B2;}
.table tr:hover {background: #f1f1f1; color:#2F439A}
.table .selected td{background: #F7FFF7; color: #090}
.table .old td {color: #2131A1}
.table .ad td {color: #c00}
.table-page {background: #F2F2F2; border:1px solid #D5D6D7; border-top: none; padding: 8px;}
.table-page .fl, .table-page .fr {width: 50%}
.table-page .fr {text-align: right;}
.table-page .next-page {height: 20px; line-height: 20px; text-align: center; padding: 0 8px; display: inline-block;}

.img-add-icon {position: relative; }
.img-add-icon .i-name {position: absolute; z-index: 100; bottom:0; left:0; color: #fff; padding: 0 0 2px; line-height: 14px; font-family: '微软雅黑'; width: 100%; cursor: pointer;}
.img-add-icon .i-name.i-red { background: #c00;} 
.img-add-icon .i-name.i-black { background: #333;}
.img-add-icon .i-name.i-blue { background: #1949A8;}	   
.img-add-icon .i-name.i-green { background: #317631;}

/* 自定义表格 */
.com-table {}
.com-table .hd{position: relative; padding: 5px 0;height:auto}
.com-table .hd h3 {font-size: 14px; padding-left: 10px}
.com-table .so-box {position: absolute; width: 211px; top:4px; right:0;}
.com-table .so-box .searchbox {width: 120px}
.com-table .postition-box {position: absolute; width: 240px; top:4px; right:0; text-align: right;}
.com-table .table-main { max-height:400px; overflow-y: scroll; border:1px solid #ccc; border-width: 1px 1px 1px 0; margin-top: -1px;}
.com-table .table-main td, .com-table .table-main th {padding: 0 0;}
.com-table .col1{width: 30px;}
.com-table .col2{width: 60px;}
.com-table .col3{width: 60px;}
.com-table .col4{width: 60px;}
.com-table .col5{width: 200px;}
.com-table .col6{width: 12px;}
.com-table .col7{width: 100px;}
.com-table .t-div {padding:5px 3px;}
.com-table th {line-height: 18px}
.com-table th .t-div {padding: 0 3px;}
.table-main th:first-child td {border-top: none;}


/* 消息通知 */
.message-alert {width: 480px; position: fixed; right:8px; bottom:45px; background: #FCF7F2; border:2px solid #9D4000;}
.message-alert h3 {font-size: 12px; font-family: '微软雅黑'; line-height: 25px;  padding-left:10px; padding-bottom: 10px; color: #9D4000}
.message-alert .m-bd { position: relative;}
.message-alert .m-bd ul {max-height:130px; overflow: auto;}
.message-alert li {line-height: 25px; border-bottom: 1px solid #E5DBD1; padding: 0 10px;}
.message-alert li:hover {background: #fff;}
.message-alert li span {padding-left: 15px; line-height: 15px; padding:5px 0 5px 20px;  display: inline-block; }
.message-alert li .p-time {width:136px; padding-left: 0;}
.message-alert li .p-id {width: 120px}
.message-alert li .p-stauts {width: 70px}	
.message-alert li .p-take {width: 40px}
.message-alert .p-close {width: 16px; height: 16px; background:url(../../images/colse-ui.png) 50% 50% no-repeat; display: block; cursor: pointer; position: absolute; top:-29px; right:8px; }
.message-alert .p-close:hover {background-color: #fff}


/* ======================= 字体样式 ============================= */
mark{background:#ff0;} /* 高亮显示 */  
.fs-11{font-size:11px;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
/* FontColor */
.gray{color:#999;} /* 灰色字或单个链接 */
.black{color:#333;} /* 黑色 */
.red{color:#f00;} /* 红色 */
.green{color:#090;}
.blue {color:#2131a1}
.brown {color:#5F3912}
.orange {color: #f60}
.brown {color: #B29576 }	   
.white {color: #fff }
.c_666{color:#666;}
.c_999{color:#999;}
.c_ff6600{color:#fe6600;}
.c_009900{color:#009900;}
/* FontStyle */
.fw_b{font-weight:bold!important;} /* 粗体 */
.bigbox.bigger {color: #666!important; font-family: }
.fw_n{font-weight:normal!important; color: #999} /* 普通 */
.d-style {width:115px; overflow: hidden; margin: 0 auto; height: 19px;}	  
.d-style-s {width:103px; overflow: hidden; margin: 0 auto; font-size: 11px;}
/*font*/
.f_SimSun,.f_st{font-family:SimSun}
/* TextAlign  */
.ta_l{text-align:left!important;}
.ta_r{text-align:right!important;}
.ta_c{text-align:center!important;}
.ta_j{text-align:justify;text-justify:inter-ideograph;}

.ta-l{text-align:left!important; padding-left: 5px!important;}
.left {float: left;}
.right {float: right;}	   
.mt10 {margin-top: 10px} 
.mt20 {margin-top: 20px} 
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px} 	  	    
.pd5 {padding-top: 10px} 
.pd10 {padding-top: 10px} 
.yahei { font-family: 'microsoft yahei'}
.warning {background:url(../../images/warning.gif) 0 0 no-repeat; width: 24px; height: 24px; display: inline-block; vertical-align: middle;}
.datagrid-row-over .warning {background-image:url(../../images/loadinfo_hover.gif) }
.alert-box {height: 0; width: 0; font-size: 0; overflow: hidden;} 
.add-btn-box {padding-top: 10px;}
.pb5 {padding-bottom: 5px;}
.select-all-box { vertical-align: middle; margin-right: 10px; margin-left: -8px; border-right:1px solid #D4D4D4; padding-right: 7px; padding-left: 10px; height: 29px; margin-top: -7px; padding-top: 7px; float: left; }
.va{display: inline-block; vertical-align: top; line-height: 15px; }

.bg-link { padding: 1px 4px 2px; border-radius:2px}
.bg-link:hover {text-decoration:none;}
.bg-link:hover span {color: #fff!important;}
.white-link { padding: 1px 4px 2px; border-radius:2px; color: #fff;}
.white-link:hover {text-decoration:none; background: #fff; color: #2131a1;}
input[readonly="readonly"], textarea[readonly="readonly"] {background-color: #f4f4f4!important; border:1px solid #d4d4d4; color: #666}
input[readonly="readonly"]:focus, textarea[readonly="readonly"]:focus {
   border:1px solid #d4d4d4!important;
  box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.055)!important;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s!important;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s!important;
  outline: 0!important;
}
.loading {background:#fff url(../../images/loading.gif) no-repeat 50% 50%; padding: 5px 0; min-height:100px; min-width:100px; margin: 0 auto;}

.language-box {background: #fff; margin:0 5px 10px; padding: 3px 10px 10px;}
.lanauge-style {font-size: 14px; border-bottom: 1px solid #ccc; line-height: 22px; margin-bottom: 10px; position: relative;}
.lanauge-style label {position: absolute; top:1px; right:5px; font-weight: normal; font-size: 12px;}

/* ebay刊登类型 icon  */
.ebay-fixed, .ebay-aution, .ebay-Multiple {width: 16px; height: 16px; display: inline-block; line-height: 16px; overflow: hidden; background: url(../../images/eBayListType8.gif) no-repeat 50% 50%; }
.ebay-aution { background: url(../../images/eBayListType1.gif) no-repeat 50% 50%; }
.ebay-Multiple { background: url(../../images/eBayListType9.gif) no-repeat 50% 50%; }

.auto-icon {background: #666; color: #fff; font-size: 11px; width: auto; height:13px; line-height: 11px; padding: 0 5px; border-radius:2px;  letter-spacing: -0.5px; cursor: pointer; font-family: '微软雅黑'!important;}
.auto-icon.fba {background: #4B525F;  letter-spacing: 0px;}
.auto-icon.multiple {background: #AF6C12;}
.auto-icon.green-i {background: #317631}	 
.auto-icon.red-i {background: #740F00}		
.auto-icon.blue-i {background: #50628B}			
.auto-icon.sfp {}  
.auto-icon.sfp em {color: #F99914;}
.icon-prime {color: #43A3C7; font-size: 11px; font-family: '微软雅黑'!important; font-style:italic; font-weight: bold;}
.icon-prime em {color: #F99914;}

.end-txt { text-align: center; color: #999; position: relative; top:-15px;}


.rem-contorl .r-atr{display: none;}




input.Wdate, .combo .combo-text {background-color: #fff!important; width: 140px;}
.select-style {border:1px solid #D4D4D4; display: inline-block; padding: 2px 2px 0!important; height: 19px; line-height: 16px; font-family: arial; background: #fff;}
.select-style:hover {border-color: #ADADAD}
.select-style select {background:transparent; display: inline-block; font-family:Arial; border-width: 0!important; margin: 0; height: 17px!important; line-height: 17px!important; text-overflow:ellipsis; width: 160px; padding:0!important; font-size: 12px; vertical-align: top;}
.select-style option {height:18px;}
.select-style.option-style option {height:18px; font-size: 12px; padding: 2px 0 2px 5px; border-bottom: 1px dotted #d5d5d5;}
.select-style-w select {width: 500px}
.select-style-s select {width: 80px}	 
.select-style-ss select {width: 48px}	 
.select-style-m select {width: 278px}  
.select-style-mm select {width: 110px}
.back-link {position: absolute; top:6px; left:5px;}
.tips {padding: 5px 10px; background: #FCF5F5; line-height: 16px; margin:5px 0 ; border:1px solid #E0C4C9; color:#341C1C; text-align: center}
.checkbox-style {border:1px solid #D4D4D4; display: inline-block; padding: 0 5px 2px 5px; height: 19px; line-height: 19px; font-family: arial; background: #fff; margin-right: 5px;}

.numberspinner-warp {width: 90px!important; }
.numberspinner-warp .spinner {width: 90px!important;}
.numberspinner-warp input {width: 70px!important;}

.Radio-style {border:1px solid #D4D4D4; padding:0 0 0 8px; display: inline-block; margin-right: 8px; vertical-align: middle;  border-radius:2px;}
.Radio-style:hover {background: #EEEEEE;}
.Radio-style label { display: inline-block; padding-right: 28px;}

.defalut-hide {display: none;}

.box-shadow { border:1px solid #bbb; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border-radius:0 0 2px 2px; background: #fff; padding: 5px;}
.close-ui{width:14px; height:14px; cursor:pointer; background:url(../../images/common-icon.png) -3px -283px no-repeat; display:inline-block; vertical-align:middle}

.caution {line-height: 20px; background: #FFFCF5; border:1px solid #f60; margin:10px auto 10px; padding: 5px 10px; position: relative;}
.caution .close-ui{position: absolute; top:8px; right:6px;}

.world-time {background: #f1f1f1; margin-bottom: 30px; margin-top: 10px;}
.world-time	 ul {padding: 10px 10px 10px 0!important;}
.world-time	 ul li {float: left; width: 110px; margin-left: 10px; text-align: center; background: #fff; border:1px solid #ccc; line-height: 20px; padding: 5px 0 0 !important;}
.world-time	 ul li strong{font-size: 14px; font-family: '微软雅黑'}
.world-time	 ul li p {height: 20px; font-size: 14px; background: #666; color: #fff; padding: 5px 0; margin-top: 5px; font-weight: bold;}

.set-time-site {position: relative;}
.time-title {position: absolute; left:5px; top:441px;}
.time-title p {background: #666; color: #fff; height: 18px; line-height: 18px; margin-bottom: 6px; padding: 0 3px; border-radius:2px;}


/* 宽度百分比控制  */
.w-10 {width:10%!important;}
.w-12 {width:12%!important;}
.w-18 {width:18.1%!important;}
.w-20 {width:20%!important;}
.w-23 {width:23%!important;}
.w-24 {width:24.9%!important;}
.w-28 {width:28.6%!important;}
.w-30 {width:30%!important;}
.w-33 {width:33.2%!important;}
.w-37 {width:37%!important;}
.w-40 {width:40%!important;}
.w-42 {width:42.1%!important;}
.w-50 {width:50%!important;}
.w-55 {width:55%!important;}
.w-60 {width:60%!important;}
.w-62 {width:62.4%!important;}
.w-63 {width:63%!important;}
.w-70 {width:70%!important;}
.w-80 {width:80%!important;}
.w-90 {width:90%!important;}
.w-95 {width:95%!important;}

.window-1000 {width: 1000px;} 
.window-800 {width: 800px;}
.window-600 {width: 600px;}
.window-400 {width: 400px;}

.window .filter-area {padding: 0;}
.window .com-form .filter-area li {padding-bottom: 0;}


/* ======================= 表单美化 ============================= */
input[type="text"], textarea {
  -webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.055) 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.055);
  box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.055);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border:1px solid #D4D4D4;
}
input[type="text"]:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.9);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.055), 0 0 3px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.055), 0 0 3px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.055), 0 0 3px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
input[type="file"] {
	height: auto;
}
label {vertical-align: middle}
.search-textarea {width: 460px; padding: 2px; line-height: 20px; margin-right: 10px; font-family: 'verdana'} 
.td-textarea {width: 90% !important; padding: 2px; line-height: 20px; height:40px; font-family: 'verdana'}
.analog-input {height: 17px; line-height: 16px;  padding: 2px; border-radius:1px; width: 80%}
.two-height-area {height: 32px; line-height: 16px;  padding: 2px; border-radius:1px; width: 90%}
select {padding:2px;}
.select-box {border:1px solid #ccc; padding: 2px; display: inline-block; margin: 2px 0}
.select-box select {padding:0; border:none; font-size: 12px;} 
.submit-style {  
	color: #fff;
	background-color: #5cb85c; border:1px solid #4cae4c; padding: 6px 20px; border-radius: 3px; 
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
	background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #3e8f3e;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	vertical-align: middle;
	display: inline-block;
}
.submit-style:hover {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;	
  background-color: #419641;
  background-position: 0 -15px;
}


/* ===================== 字体样式 ============================ */
/* Show or Hide */
.show{display:block!important;}
.hide{display:none!important;}
.v-hidden{visibility:hidden;}
.v-visible{visibility:visible;}
.disable {cursor: default!important;}
/*float*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ft {position: absolute; top:3px; left:0; text-align: right; min-width:80px;}
.fm{padding-left: 85px; min-height:24px; line-height: 24px;}
/* clear float */
.clear:after, .checkbox-list li:after, .com-new-box ul:after {content:'\20'; display:block; height:0; clear:both}
.clear, .checkbox-list li, .com-new-box ul{*zoom:1}
.line-badge {float: right; height:14px; line-height: 13px; background: #999; color: #fff; display: inline-block; border-radius:8px; min-width:8px; padding: 0 6px; margin: 0 5px 0 3px; text-shadow:1px 1px 0 #333; font-size: 11px;}/* 行内小标记 */
.on .line-badge {background:#fff; color: #03246C; text-shadow:1px 1px 0 #fff }


/* ==== 国家旗子 ====   */
.country-UK {width: 16px; height:11px; background:url(../../images/country/uk.png) no-repeat right 0; display:block; margin: 0 auto; padding:0!important; text-indent: -9999em;}

/* ==== 表单 ====   */
.com-form li {padding-bottom: 5px; position: relative;}
.com-form li.b-top {border-top: 1px solid #ddd; padding-top: 10px}
.com-form li.three-box {width:33.3%!important;}
.com-form li.two-box {width:44.5%!important;}
.com-form li.blue {background: #F0FAFF; color: #666; border-left: 2px solid #2B669A; border-right: 2px solid #2B669A}
.com-form .f-tit {position: absolute; width:70px; text-align: right; padding-right: 5px; left:0; line-height: 21px}
.com-form .f-input { padding-left: 75px; line-height: 21px; min-height: 21px;}
.com-form .textbox { width: 90%; padding: 2px;}
.com-form .table .textbox { width: 90%!important;}
.com-form .req {font-family: 'arial'; color: #f00; padding-right: 5px;}
.com-form .exp-box {padding-right: 5px; position: relative;}
.com-form .explain {position: absolute; text-align: right; line-height: 16px; top:2px; right:13px; color:#999}	 
.com-form .memo {left:69%; color: #666; position: absolute; top:0; line-height: 22px;}
.com-form .memo.three-w {left:97%}
.com-form .m-line {padding-bottom: 5px;}
.com-form label {vertical-align:baseline}
.bind-box {padding:10px 10px 5px; border-bottom: 1px solid #ddd; margin:-15px -10px 10px; background: #f4f4f4;}
.bind-box input {margin-right: 5px;}
.sku-rule {width:309px}
.sale-stauts {width:150px; }
.input-style {position: relative; display: inline-block; width: 166px; margin-right:5px}
.input-style .on-txt {position: absolute; top:2px; left:3px; color: #666}
span.input-style input[type="text"] {padding-left: 32px; width:130px; line-height: 17px!important; height: 17px!important;}
span.input-style input[type="text"].numberbox {width:130px!important;}
span.input-style.r-show input[type="text"].numberbox {width:160px!important;}
.input-style.r-show .on-txt{right:3px; text-align: right; left:auto}
.input-style.r-show input[type="text"] {padding-left: 2px; width:160px;}
.input-style.w-show {width:30% }
.input-style.w-show input[type="text"] {width:100%;}
.input-style.w-show .on-txt{right:-4px; top:1px}	 


.input-style.f-show {width:194px }
.input-style.f-show input[type="text"] {width:100%;}	  
.input-style.f-show .on-txt{right:-4px;}	 

.input-style.in-td.r-show {width: 86px; margin-right: 0;}		 
.input-style.in-td.r-show input[type="text"] {width:80px; text-align: left;}	
.input-style.money.r-show {width: 106px; margin-right: 0;}		 
.input-style.money.r-show input[type="text"] {width:100px; text-align: left;}	

.input-style.sm.r-show {width: 56px; margin-right: 0;}		 
.input-style.sm.r-show input[type="text"] {width:50px; text-align: left;}
.input-style.sm.r-show .on-txt {right:5px;}
.input-style.in-td {width: 107px; margin-right: 0;}		 
.input-style.in-td input[type="text"] {width:70px; text-align: left;}
.datagrid-btable .textbox {padding: 2px; width: 50px; text-align: center;}

.section {padding-top: 0 !important; padding-right: 0 !important; vertical-align: top;}
.section span.input-style input[type="text"] {height:15px !important; line-height: 15px !important; border: none; border-bottom: none;} 



.input-style.small {position: relative; display: inline-block; width: 86px!important; margin-right:5px; padding: 0; margin-right: 0;}
span.input-style.small input[type="text"] {padding-left: 32px; width:50px!important; line-height: 15px!important; height: 17px!important; text-align: left;}
span.input-style.small  .on-txt {top:4px;}
span.input-style.small input[type="text"].numberbox {}

/* ==== 按钮图标 ====   */
.delete-btn {background:url(../../images/icons/no.png) no-repeat center center; line-height: 20px; display: inline-block; width:20px; height:20px; margin-left:3px; vertical-align:middle; text-decoration: none!important; cursor: pointer;}


/* ==== 下拉 ====   */
.drop_down{border: 1px solid #ccc;height:23px;cursor:pointer;display:inline-block;}
.drop_down .drop_down_a{height:13px;width:23px;text-align:center;overflow:hidden;float:right;margin-top:0px;border-left:1px solid #ccc;padding-top:10px;}
.drop_down .drop_down_a i{vertical-align:top;}
.drop_down .drop_down_text{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding-left:5px;line-height:23px; padding-right: 5px;  display: inline-block; }

/* ==== 盒子 ====   */
.com-box .hd {position: relative; padding-left: 10px; line-height: 24px;}
.com-box .hd .easyui-linkbutton, .com-box .hd .p-btn {position: absolute; right:5px; top:1px;}

.ft-save-box {border-top:1px solid #E1E1E1; line-height: 38px; background: #FAFAFA; text-align: right; padding-right: 5px;}
.ft-save-box a{ margin-right: 5px;}

.datagrid-row-selected {background: #DCE9F6; color: #00468E}
.no-bulk-option .datagrid-wrap.panel-body.panel-body-noheader {margin-top: -1px}

.datagrid-red-row {background-color: #FCF0E8; color: #f00;}
.datagrid-row-selected.datagrid-red-row{background: #DCE9F6; color: #f00}

/* ==== 导入excel ====   */	 
.import-box {width: 450px;}
.import-box.bulk-import  {width: auto;}
.i-option {padding:15px 0 10px 50px;}
.i-result {margin:20px -15px 0 -15px; height: 25px; padding: 10px 0 15px 50px; font-size: 14px; background: #f1f1f1; border-top: 1px solid #ddd; position: relative;}
.i-result a { margin-left: 10px;}
.i-result .close-result {height: 50px; line-height: 50px; width: 50px; position: absolute; text-align: center; background: #e1e1e1; top:0; right:0; cursor: pointer; font-size: 16px; }
.filter-area .i-result {background: #fff; margin: 15px 15px 0 0;}

/* ==== 弹层 ====   */		 
.window	 .com-form {padding:5px 0 15px;}
.window  .ft-save-box {margin: 0 -15px;}

.view-product, .edit-product {width:680px;}

.create-relevance {width: 540px;}
.relevance-list {padding-bottom: 20px; margin-top:-5px;}
.relevance-list .datagrid-body {min-height:50px;}
.select-w {width:211px;}
.select-m {width:139px;}

#confim-box { width: 200px;}

.option-result {width: 400px}
.option-result .i-result {background: none; border:none; margin-top: 0}

.register-body { background:#922023; }
.register-box {width: 240px; position: absolute; padding: 0 30px 15px 30px; overflow: hidden; top:300px; left:50%; margin-left: -150px; color: #fff;}
.register-box h1 {color: #fff; font-size: 18px; font-weight: normal; padding-top: 25px; padding-bottom: 15px; font-weight: bold; text-shadow:1px 1px 0 #000;}
.register-box li {margin-top: 8px; height: 40px;}
.register-box  .textbox	{width: 190px;}
.register-box .f-tit {width: 40px; padding-right: 0;}
.register-box .f-tit span { background:#AAABAB url(../../images/register-icon.png) no-repeat; width: 40px; height: 40px; display: block;}
.register-box .f-tit .icon-user {background-position:11px 11px;}
.register-box .f-tit .icon-password {background-position:-29px 11px;}	 
.register-box .f-tit .r-code {background-position:-66px 11px;}
.register-box .com-form .f-input {padding-left: 40px;}
.register-box .com-form .f-input input {height: 40px; line-height: 30px; padding: 5px; border:none;}
.register-box .com-form .f-input input.key {width: 106px;}		
.register-box .com-form .f-input img {width:60px; height:30px; border:5px solid #fff; border-width:5px 5px 5px 15px; cursor: pointer}
.register-box .ft-save-box {background: none; border:none; padding-right: 0; text-align: left; margin-top: 30px;}
.register-box .ft-save-box a {display: block; padding: 10px 14px; margin-right: 0; border-radius: 0px; border:none; font-weight: bold;}
.register-box .ft-save-box .l-btn-text	{font-size: 16px; text-shadow:1px 1px 0 #AA5805;}

.login-modern{border:1px solid transparent;background:rgba(0,0,0,.4);_background:0;_border:0;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000')} 
.login-modern{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9}
.ui-form{font-size:12px;line-height:1.5;position:relative;zoom:1}	 

/* ==== 主题样式 ====   */	
.register-body {background:url(../../images/wallpaper16.jpg) no-repeat  50% -100px;}
.register-box {width: 240px; position: absolute; padding: 0 30px 20px 30px; overflow: hidden; margin-left: 0; color: #fff;  left:50%;  top:300px; margin-left: -150px;}
.login-modern	 .ft-save-box a { background: #740008;  color: #fff;}
.register-box .f-tit span {background-color: #909CAC; }
.register-box .f-input input {background-color: #FFFAF0; }
.register-box .f-input input:focus {background: #fff; }
.login-modern .ft-save-box a:hover, .login-modern .ft-save-box a:active, .login-modern .btn-warning {background: #9C020A;}
.register-box .ft-save-box .l-btn-text	{font-size: 16px; text-shadow:1px 1px 0 #3E0303; font-family: 'microsoft yahei'}
.login-modern .com-form {width:240px; margin: 0 auto; }
.register-box h1 {text-align: center;}

.crisis {position: absolute; text-align: center; top:40px; left:0; width: 100%;}
.crisis p {color: #7689B7; text-shadow:1px 1px 0 #000; font-size: 35px; line-height: 45px; letter-spacing:-2px; margin-top: -10px}

.text-logo {color: #177CD2; font-size: 60px; font-family: 'Tahoma' !important; letter-spacing:-1px; text-shadow:1px 1px 0 #000;}
.text-logo em {color: #BC0F0F}

.text-logo-white, .text-logo-white em {color: #fff !important;}


@media screen and (max-width: 1080px) {
.crisis {top:80px;}		 
.register-box h1 {font-size: 32px;}
.register-body {background:url(../../images/wallpaper16.jpg) no-repeat  50% -50px;}	
.register-box {margin-left:-290px; left:50%; right:auto; top:380px; width: 400px; height: 440px; padding:0 90px;} 
.login-modern .com-form {width: auto;}
.register-box .com-form .f-input input {font-size: 40px; height:45px; line-height: 65px; padding: 15px; width: 320px;padding-left:25px;}

.register-box li {height: 85px;}
.register-box .f-tit {height: 75px;}
.register-box .f-tit .icon-user, .register-box .f-tit .icon-password, .register-box .f-tit .r-code {height: 75px; width: 53px; background-position: 17px 31px;}
.register-box .f-tit .icon-password {background-position: -23px 31px;}
.register-box .f-tit .r-code {background-position: -60px 31px;}
.login-modern .ft-save-box a {padding: 20px 14px;}
.register-box .ft-save-box .l-btn-text {font-size: 32px;height: 40px; line-height: 40px;}
.Copyright {display: none !important}	 
.animation-icon {display: none}
}
/* ==== 主题样式 ====   */	





.home-page {text-align: center; padding: 50px 50px 0 50px;}
.home-page li {float: left; width: 32%; height: 200px; margin-left: -1px; margin-top: -1px; font-family: 'microsoft yahei'}
.home-page li a {display: block; background: #F5F7FA; height: 138px; padding-top: 60px; border:1px solid #C5D2DA; color: #333; font-size: 26px; 
  -webkit-transition: background linear 0.15s, border linear 0.15s;
  -moz-transition: background linear 0.15s, border linear 0.15s;
  -ms-transition: background linear 0.15s, border linear 0.15s;
  -o-transition: background linear 0.15s, border linear 0.15s;
  transition: background linear 0.15s, border linear 0.15s;}
.home-page li a:hover {background: #145FAC; border:1px solid #0D4D93; color: #fff; text-decoration: none; }
.home-page li a:hover span {color: #fff; }
.home-page li a span {display: block; color: #666;  font-size: 14px;}

/* ==== 通用单据弹层 ====   */	
.com-bills-Alert {width: 800px;}
.com-bills-Alert h2 { font-size: 18px; font-weight: bold; text-align: center; padding: 0 0 10px; margin-top: -10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.com-bills-Alert .com-form .f-tit	 {text-align: left;}
.com-bills-Alert .com-form ul {padding-bottom: 10px;}
.com-bills-Alert .com-form li {float: left; width: 32.5%; padding: 5px 0;}

.window .com-form .f-tit {width: 100px;}
.window .com-form .f-input {padding-left: 105px;} 

/* ==== 通用产品信息弹层 ====   */
.Product-Alert {width: 830px;}
.Product-Alert h2 { font-size: 18px; font-weight: bold; text-align: center; padding: 0 0 10px; margin-top: -10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.product-img {float: left; width: 410px;}
.product-img img {width: 400px; border:1px solid #ccc; padding:3px; background: #fff;}
.product-details {float: right;  width: 380px;}

/* ==== 添加产品通用弹层 ====   */
.add-product-build {padding: 5px;}


/* ==== 各类单据界面详情页面 ====   */
.list-area.all-show {background: #EBF1F5; padding-bottom: 10px;}
.invoice {margin: 0 auto ; width: 1000px; background: #EBF1F5;}
.invoice-hd {position: relative;}
.invoice-hd h1{height: 38px; line-height: 35px; text-align: center; font-size: 18px; font-weight: normal; color: #000; margin: 0 5px;}
.invoice-hd .ConsumerInfo {position: absolute; top:1px; right:1px; background: #f60; color: #fff; line-height: 33px; padding: 0 15px; font-size: 16px; font-weight: bold; z-index: 3;}
.invoice-bd {background: #fff; padding: 10px; border:1px solid #D1DBE0; border-top-width:2px; border-top-color: #76868B}
.invoice .datagrid-header	{background:#f4f4f4;}
.invoice-stauts {position: absolute;}

.relevance-invoice {border:1px solid #D1DBE0; border-top: none; background: #fff;}
.relevance-invoice h4 { border:1px solid #ccc; border-width: 1px 0; background: #f1f1f1; margin: 10px 0 0; line-height: 30px; padding-left: 11px; color: #333; font-size: 14px; font-weight: normal; cursor: pointer; position: relative;}
.relevance-invoice .r-i-bd {padding:15px 10px; display: none;}
.relevance-invoice h4 .time {position: absolute; right:10px; font-size: 12px; font-weight: normal;}


/* ==== 各类单据界面详情页面 ====   */
.com-bulk-alert {width: 900px;}
.com-bulk-alert input[type="text"]{width:60px; padding: 5px 0; text-align: center }
.com-bulk-alert .easyui-numberspinner {width: 60px!important; padding: 0!important;}
.com-bulk-alert .spinner {width: 80px!important;}
.com-bulk-alert .n-in-w {padding-top: 8px; color: #666!important; text-align: right; padding-right: 20px}
.com-bulk-alert h4 {padding-bottom: 5px; text-align: right; font-weight: normal; color:#666}


/* 通用单据弹层 */
.create-c-f {width: 900px}
.create-c-f li {float: left; width: 100%; position: relative;}
.create-c-f li.half-w {width: 48%;}
.create-c-f li.half-w .select-style select {}
.create-c-f .easyui-numberspinner {width: 60px!important; padding: 0!important}
.create-c-f .spinner {width: 80px!important;}
.create-c-f td input { width: 60px; text-align: center; padding: 5px; border:1px solid #ccc;}
.create-c-f .memo-textarea {height:20px; padding: 1px; line-height: 20px; width:99.3%; overflow: auto; border:1px solid #ccc;}
.create-c-f td .w-input {width:120px}	 
.create-c-f h4 {padding-bottom: 5px;}
.select-frist {position: absolute; top:0px; right:5px; color: #666;}


/* ==== 通用单据 ====   */	
.com-invoice {}
.com-invoice h2 { font-size: 18px; font-weight: bold; text-align: center; padding: 0 0 10px; margin-top: -10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.com-invoice .com-form .f-tit	 {text-align: left;}
.com-invoice .com-form ul {padding-bottom: 10px;}
.com-invoice .com-form li {float: left; width: 32.5%; padding: 5px 0;}

/* 选择产品弹层 */
.select-product-box {width:900px}
.window div.select-product-box {padding:0;}
.select-product{width:890px; padding:5px 0 0 5px;}
.select-product .s-p-bd {padding-bottom:5px}
.select-product .left { width: 200px; height:360px; overflow-y:auto;}
.select-product .right { width: 680px; position:relative}
.tabel-search {position: absolute; right:18px; top:8px;}
 .com-form .tabel-search input[type="text"] {padding: 0;}
.select-product .datagrid-toolbar {background: #fefefe; padding: 8px 5px;}
.select-product .datagrid-toolbar label {margin-top: -2px;}
.tree-node-selected .tree-title span{color: #fff!important;}
.error-msg {padding-left:15px; color:#f00; font-size:12px!important; font-weight:normal!important;}

.batch-query {width: 800px;}
.batch-query .search-textarea {width: 794px; height: 80px}

.select-all {margin:0 10px 2px 2px;}

.edit-com-form {width: 600px}
.edit-com-form  textarea {width: 98%; padding: 2px; line-height: 20px; height: 60px;}

/* 标题加宽弹层 */
.add-width-t {width: 800px;}
.add-width-t .com-form .f-tit{width: 100px;}
.add-width-t .com-form .f-input{padding-left: 105px;}



/* 报表 */
.report-store-rank .datagrid-cell{position: relative; line-height: 17px; padding-bottom:2px; padding-top:2px; }
.gold-rank, .silver-rank, .copper-rank {width: 13px; height: 13px; line-height: 13px; border-radius:13px; display:inline-block; position: absolute; right:5px; top:2px; text-align: center; font-size: 10px;}
.gold-rank {  
  border:1px solid #F3A111;
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #FFF9CD 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #FFE739 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFEFF', endColorstr='#FFE739', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  color: #B03A00;
  }
.silver-rank {  
  border:1px solid #ccc;
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #EBEAE5 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #C1C2D7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEAE5', endColorstr='#C1C2D7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  color:#5F6072;
}
.copper-rank {  
  border:1px solid #B98F91;
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #FEFCFF 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #D4B6B6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFCFF', endColorstr='#D4B6B6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;	
  color:#7F4448;
}

/* ===================== 产品&刊登详情页公共样式 ======================= */
.product-window .s-pay, .product-window .status-group{position: absolute; top:6px; font-size: 12px; right:0; background:#666; color: #fff; padding: 2px 8px; border-radius:3px}
.product-window .s-pay.ok {background:#090}
.product-window h1 {margin-bottom: 0}
.product-window .table td{text-align: center}
.product-window .datagrid-body {min-height:auto}
.product-window .img-text, .product-window .common-text { line-height: 17px; height:34px; padding: 2px; width: 98%; overflow: auto;}
.product-window .common-text { height: 34px;}
.top-hd{height: 35px; border-bottom: 1px solid #ccc; background: #f9f9f9; position: relative}
.top-hd-t {padding-top: 3px; margin: 0 auto; font-size: 18px; font-family: 'microsoft yahei'; text-align: center}
.side-menu {position: absolute; top:0; left:0;}
.side-menu > ul { padding: 5px 0 0 20px; width: 140px; border-top: 1px solid #ccc;}
.side-menu li {font-size: 12px; font-weight: bold; line-height: 22px; margin:6px 0}
.side-menu li li {font-weight: normal; padding-left: 15px; margin: 2px 0;}
.side-menu li a {color: #333;}
.side-menu li a:hover {color: #f60; text-decoration: none}	
.product-window.show-categary .com-categary-option{display: block;}
.product-window.show-categary .product-window-detail {display: none;}
.product-window.show-categary .top-hd .s-pay {display: none;}
.product-window .status-group {background: none;}
.status-group span {display:inline-block; background:#666; padding: 2px 8px; border-radius:3px; margin-right: 5px; font-size: 12px;}
.status-group span.ok {background: #090;}
.status-group span.remind {background:#F00;}
.status-group span.disable {background: #aaa; color:#f1f1f1}

.side-menu.step-style > ul { padding: 5px 0 0 20px; width: 140px; border-top: 1px solid #ccc;}

.step-style .product-mode-box  {margin: 0 5px 0 310px; }
.step-style .product-mode-box .com-box h2	 {color: #333;}
.step-style .product-mode-box .note-style {position: absolute; top:-35px; left:0; background: #F4F4F4; border: none; width: 290px; padding-left: 5px; padding-right: 5px; box-shadow:none;}
.step-style .product-mode-box .note-style .bd {max-height: 420px; overflow: auto;}
.step-style .product-mode-box .note-style .hd {padding-left: 0}
.step-style .product-mode-box .note-style ul {width: 100%;}
.step-style .product-mode-box .note-style .com-form li {padding-bottom: 28px}
.step-style .product-mode-box .note-style .note-content {min-width:120px; max-width:185px; margin-left: 5px; margin-right: 5px; padding-right: 5px;}
.step-style .product-mode-box .note-style .note-content .note-time {background: none; color: #A7AAAF}
.step-style .product-mode-box .note-style .com-form .f-tit {width: 62px;}
.step-style .product-mode-box .note-style  .self .f-tit { padding-right: 0; padding-left: 0;}
.step-style .product-mode-box .note-style .com-form .f-input {padding-left: 70px;}
.step-style .product-mode-box .note-style  .self .f-input {padding-right: 75px; padding-left: 0;}
.step-style .info-preview .two-box {width:49.5%; float: left;}


.step-style {background: #F4F4F4;}
.step-style .top-hd {margin-bottom: 35px; background:#232F3E; color: #fff;}
.step-style .top-hd.ebay {background:#0063d1; color: #fff}		 
.step-style .top-hd.ebay .status-group span { background:#0A3462}	 
.step-style .top-hd.ebay .status-group span.ok { background:#090}					  
.step-style .top-hd.blue-bg {background:#00467E;}

.step-style .top-hd.product-t {background:#333; color: #fff;}		 
.step-style .top-hd.product-t .status-group span { background:#666}	 
.step-style .top-hd.product-t .status-group span.ok { background:#090}

.step-style .anchor-link { height: 26px; line-height: 26px; color: #666; text-align: left; position: absolute; top:-32px; right:5px;}
.step-style .anchor-link a {color: #666; margin-left: 15px}
.step-style .anchor-link a:hover {color: #f00; text-decoration: none;}

.step-style .top-hd .bg-link{color: #fff;}
.step-style .top-hd .bg-link:hover {background: #0A3462}


.add-memo {background: #fff; padding: 8px; border-top:1px solid #ccc;}
.add-memo textarea{width: 98%; line-height: 18px; height: 54px; padding: 2px;}
.add-memo.height-style {border-top: none;}
.add-memo.height-style textarea {height: 144px;}
.add-memo .btn-button { padding-top: 5px; text-align: right;}


.product-window-detail {position: relative; background: #f4f4f4;}
.product-mode-box {margin:0 1px 0 155px; overflow: auto;}
.product-mode-box .com-box { box-shadow:3px 4px 3px rgba(225, 225, 225, 0.5); margin-bottom: 12px; border-radius:2px; background: #fff; padding: 5px 0; position: relative; margin-right: 5px;}
.product-mode-box .com-box:last-child {margin-bottom:0;}
.product-mode-box .com-box .com-box {box-shadow:none}
.product-mode-box .com-box .com-box.edit-control {border:1px solid #135AA4;}
.product-mode-box .com-box h2 {background:url(../../images/common-icon.png) no-repeat 0 -178px; padding-left: 20px; cursor: pointer; width: 300px; color: #333}
.product-mode-box .com-box h2.hiddle {background-position: 0 -158px}
.product-mode-box .com-box h3 {padding:5px 0 5px 0; border-bottom: 1px solid #ccc; margin: 10px 10px 0;}
.product-mode-box .com-box ul {padding:4px 0}
.product-mode-box .com-box li{padding: 2px 0; min-height:21px;}
.product-mode-box .com-box li.line-margin {margin-top: 15px;}
.product-mode-box .com-box li ul {padding-top: 0;}
.product-mode-box .com-box li ul li {padding: 0}
.product-mode-box .com-box li ul li input {margin-right: 3px;}
.product-mode-box .com-box li .padding-box {padding-left: 20px;}
.product-mode-box .com-box li .padding-box li {padding-bottom: 3px!important;}
.product-mode-box .com-box .charge em {color: #c00}
.product-mode-box .com-form .f-tit {width: 140px; top:2px}
.product-mode-box .com-form .f-input {padding-left: 145px;}
.f-text {font-size: 11px; color: #666}
.hide-tips {padding: 5px 0 5px 15px; display: none;}
.help-tips {padding: 0 0 0 18px; margin-bottom: 5px; background:url(../../images/common-icon.png) no-repeat -4px -659px; margin-top: 5px}
.common-tips {background: #f1f1f1; padding: 5px; margin:5px 0;}
.com-default .bd{display: none;}
.com-default .hide-tips{display: block;}
.mode-select-box { position: absolute; top:0; right:5px;}
.com-box .hd .mode-select-box .easyui-linkbutton {position: static;}

/* 报表页面 */
.report-style {background: #F4F4F4}
.report-style .top-hd {margin-bottom: 5px;}	
.report-style .product-mode-box .note-style {top: 0px;}
.report-style .report-hd {position: relative; padding: 5px 0 15px;}
.report-style .report-hd .filter-time-area{position: absolute; top:12px; left:0px;}
.report-style .info-preview{padding: 0 20px}

.report-col {}
.report-col li {list-style: none}
.report-col li:nth-child(odd) {float: left; width: 45%; padding: 1%;} 
.report-col li:nth-child(even) {float: right; width: 45%; padding: 1%;}


.select-type {padding-bottom: 20px;}
.select-type li {float: right; border:1px solid #ccc; text-align: center;  margin-left: -1px; cursor: pointer; padding: 0!important;}
.select-type li.on {background: #f60; color: #fff; cursor: default; border-color: #f60}
.select-type li.none {color: #bbb; cursor: default; border-color: #ddd;}
.select-type a {color: #666; display: block; padding: 3px 6px !important;}
.select-type a:hover {text-decoration: none; background: #f1f1f1;}
.select-type li.on a {color: #fff}
.select-type li.on a:hover {background: #f60; color: #fff}
.report-box {padding-bottom: 30px; border-bottom: 1px solid #f1f1f1; margin-bottom: 30px;}
.info-preview .report-box:last-child {border-bottom: none; margin-bottom: 0}

.rem-report {position: absolute; top:6px; left:8px;}


/* 查看编辑 */
.ViewEditProduct {padding:10px 10px 10px 13px;}
.ViewEditProduct .com-form .f-tit{width: 120px;}
.ViewEditProduct .com-form .f-input{padding-left: 125px;}
.ViewEditProduct .com-form h3 { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin: 0; padding-top: 0;}
.ViewEditProduct .com-form .com-new-box { border: 1px dotted #ccc;  margin-top: 15px; padding: 5px;}	
.ViewEditProduct .com-form .com-new-box ul li { float: left; width: 100%; }
.ViewEditProduct .com-form .com-new-box:first-child {margin-top: 0;}
.ViewEditProduct .com-form .com-new-box:hover {border:1px solid #999;}


/* 图片预览 */
.show_tooltip li{list-style: none; display: inline; padding: 5px 5px 5px 5px; }
#tooltip{ position: absolute; border: 1px solid #333; background: #f7f5d1; padding: 3px 3px 3px 3px; color: #333; display: none; }

.attribute-warp {position: relative;}
.attribute-select-box {width: 150px; position: absolute; top:5px; right:-105px; padding: 0; display: none; z-index: 10; overflow:auto; max-height:250px;}
.attribute-select-box .on {background:#3366CC; color:#fff; text-decoration: none; text-align: center; line-height: 24px; display: block;}
.attribute-select-box a {display: block; border-radius:0; line-height:18px;}



/* 选择图片控件 */
.img-widget {border:1px solid #ccc; margin-right: 10px; margin-bottom: 5px;}
.img-widget .hd {height:28px; line-height: 28px; background: #F4F4F4;}
.img-widget .attribute-t {float: left; background:#333; color: #fff; margin-right: 10px; padding:1px 4px 2px; line-height: 18px; border-radius:2px; margin: 3px 15px 0 -7px;  }
.img-widget .num {float: left;}
.img-widget .button-list {float: right;}
.img-widget .button-list a{ float:left; height: 26px; line-height:26px; padding:0 15px;border:1px solid #fff; border-left-color:#ccc; display:block; color:#2131a1; }
.img-widget .button-list a:hover{ background:#3366CC; color:#fff; text-decoration: none; border-left-color:#fff}
.img-widget .bd {border-top: 1px solid #ccc;}
.img-widget .bd ul{width:95%;float:left; margin:0 0 10px 10px; padding-top: 0;}
.img-widget .bd li{height:110px; line-height:85px; border:1px solid #ccc; background: #fefefe; text-align:center; cursor:move;float:left; margin-right:6px; margin-top:10px; width:90px!important; cursor:move; position:relative;}
.img-widget .bd li img{ max-width:80px; max-height:80px; vertical-align:middle;}
.img-widget .bd li input {position: absolute; top:2px; right:4px;}
.img-widget .bd li .brand-icon {position: absolute;background: #ff6600; color: #fff; font-size: 11px; padding: 2px 4px; top:1px; left:1px; line-height: 14px;}

.img-widget .bd li .close{width:14px; height:14px;cursor:pointer;background:url(../../images/common-icon.png) -3px -283px no-repeat; display:block; position:absolute; right:5px; bottom:5px;}
.img-widget .bd li .close:hover{ background-position:-3px -283px}
.img-widget .bd li em {position: absolute; bottom:2px; left:5px; line-height: 21px; }
.img-widget .com-box h2 {background:url(../../images/common-icon.png) no-repeat 0 -178px; padding-left: 20px; cursor: pointer; width: 300px; color: #333;line-height:24px;}
.img-widget .com-box h2.hiddle {background-position: 0 -158px}

/* Tab选项卡 */
.store-tab-nav {margin-top: 15px}
.store-tab-nav .tab-ul {list-style:none; padding-left: 1px; position: relative; z-index: 2;}
.store-tab-nav .tab-ul li{float: left; padding:10px 25px; background:#F9F9F9; border:1px solid #ddd; text-align:center; line-height:18px; cursor:pointer; font-weight: bold; margin-left: -1px; color: #666}
.store-tab-nav .tab-ul li.cur{background:#fff; border-bottom: 1px solid #fff; color: #0654BA;}
.tab-main {border:1px solid #ddd; clear:left; position: relative; top:-1px; z-index: 1;}
.tab-main .tab-content {display:none; padding: 15px 10px 15px 10px; }
.tab-main .tab-content .bd {height:300px; line-height: 18px; overflow-y:auto; padding-left: 5px; }
.tab-main .tab-content.on {display:block;}
.tab-main .tab-content ol li {list-style-type: decimal;}
.tab-main .tab-content th {text-align: center; font-weight: bold;}
.tab-main .tab-content td, .tab-main .tab-content th {border:1px solid #ccc;}
.tab-main .tab-content td:first-child {text-align: center; background: #f1f1f1;}
.tab-main .mutual-table.common-atr {width: 100%;}
.tab-main .mutual-table .t-row td {line-height: 18px;}


/* 属性控件 */
.sale-attribute {padding-right: 10px;} 
.sale-attribute-contorl {padding-bottom: 5px;}
.mutual-table { width: 100%; border:1px solid #ccc; border-collapse:collapse; text-align:left; margin-bottom: 5px;}
.mutual-table th{border-bottom: 1px solid #ccc; height:28px;line-height:28px; vertical-align:middle;padding:0 2px; text-align:left; font-weight:normal; }
.mutual-table .t-row td{background:#fff;border-bottom: 1px solid #ccc; height:29px;line-height:29px; vertical-align:middle;padding:3px; text-align:left; font-weight:normal; }
.mutual-table .t-header {background: linear-gradient(to bottom, #FEFEFE 0px, #F3F3F3 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0); }
.mutual-table .close-attribute {display: inline-block; background:url(../../images/common-icon.png) no-repeat 0 -281px; width:18px; height:18px;cursor:pointer; vertical-align:middle} 	
.mutual-table .check-box {padding: 0 5px 0 5px;}
.mutual-table .t-row .check-box {padding-left:5px;}	  
.mutual-table .common-td {width: 60px;}

.atr-list {}
.atr-list li {float: left; display: inline; margin-right: 15px; height: 24px; line-height: 24px; width: 80px}
.atr-list li input {height: 24px; line-height: 24px;}
.atr-list li label {}


/* 选择属性 */
.add-attribute-box {padding-top: 5px;}
.add-attribute-box a {background:url(../../images/common-icon.png) no-repeat 0 -202px; padding-left: 20px; border:none; height: 22px; line-height: 22px; margin-right: 10px;}
.add-attribute-box p {padding-top: 3px;}
.add-attribute-box .bg-link {background-image: none; padding-left: 4px}

/* 调序 */
.moveToFirst, .moveUp, .moveDown, .moveToLast {float: left; display:inline; margin: 0 3px 0; cursor: pointer; width:15px; height: 20px; background:url(../../images/move-ui.png) 0 -5px no-repeat;}
.moveUp {background-position: 0 -37px;}
.moveDown {background-position: 0 -65px;}
.moveToLast {background-position: 0 -96px;}	  

/* 单元格宽度设置 */
.select-sku-td {width: 170px}
.listingSKU-td {width: 170px}
.attribute-td {width:150px}
.move-box {width: 90px}

/* 功能属性表格 */
.product-all-art {padding:0 10px 10px 12px}
.art-table {width: 100%; border:1px solid #e4e4e4; border-bottom: none; border-top: none}
.art-table .art-t {text-align: right; border-right: 1px solid #e4e4e4; background: #F7FCFF}
.art-table .art-t label {padding-right: 5px;}
.art-table .art-c {padding-left: 5px;}
.art-table tr td {padding:6px 0; border-bottom: 1px solid #e4e4e4}
.art-table tr:hover {background: #F7FCFF; color: #000;}
.art-table tr:hover td { border-bottom-color: #ccc}
.art-language td { font-weight: bold; border-top:1px solid #e4e4e4; }			   
.art-group-name {background: #f1f1f1;}
.art-table tr .art-space {border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: none; border-top: none; background: #fff; }	

.cbox-style {padding-right: 6px;}
.cbox-style input { vertical-align: middle; margin-right: 2px;}

/* 图文描述 */
.text-img-content {}
.t-i-one {margin-bottom: 10px; float: left;}
.t-i-one .c-img img {min-width:254px; max-width:400px; max-height:400px; border:1px solid #ccc; padding: 2px; display: inline-block; margin-right: 10px;}
.t-i-one .c-text {font-size: 12px; padding-top: 2px; max-width:400px; min-width:150px; white-space:pre-wrap; /* 以字母作为换行 word-break:break-all;*/word-wrap:break-word; line-height: 18px;}
.t-t-one {clear:left;}

.art-table .analog-input{margin-bottom: 2px; width: 98%;}

.profit-Info.datagrid-toolbar { height: 50px;}
.profit-Info .left {width: 24.5%; background: #f1f1f1; padding: 2px 0 5px 5px;}
.profit-Info .left.no {background: none;}
.profit-Info dl { line-height: 17px;}
.profit-Info dt { float: left; width: 140px; padding-right: 5px; text-align: right; }
.profit-Info dd { float: left;}
.info-all {font-weight: bold;}

/* 多重复选 */
.set-group {height: 300px; overflow-y: auto;}
.set-group .one-group {border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px;}
.set-group .one-group label {margin-right: 12px;}
.set-group .one-group span {background: #999; color: #fff; padding: 0 3px; width: 25px; display: inline-block; border-radius:2px; line-height: 16px; text-align: center; margin-right: 10px;}



/* 尾部控制区域 */
.foot-contorl {position: fixed;bottom:0; left:0;z-index:88;background:#fff;border-top:1px solid #ccc;/* border-bottom:1px solid #fff;*/width:100%;}
.foot-contorl .bd {float: left;width:99.7%;/*border: 1px solid #fff;*/border-bottom:0px;}
.foot-contorl .bd .btn-one-box { height:37px; line-height:37px; position:relative; vertical-align:middle; padding: 0 10px;}
.foot-contorl a.home{background: url(home.png) no-repeat 15px center;width:50px;padding-left:40px;border-right:1px solid #bbb;text-indent:0;}
.foot-contorl .left{ float:left; text-align:left; margin-left:10px;}
.foot-contorl .right{ float:right; text-align:right; margin-right:10px; vertical-align:middle;}
.foot-contorl .right input, .foot-contorl .left input{ margin:3px 0;}
.foot-contorl  input{ vertical-align:middle}
.foot-contorl .show-preview {width:90px; padding:5px 10px 10px; height: 50px; display:none; border:1px solid #ccc;background:#fff;border-bottom:none}
.foot-contorl .preview-btn{ background:url(../../images/up-jt.png) right 17px no-repeat; padding: 10px 12px 0 10px; height:20px;}
.foot-contorl .preview-btn:hover .show-preview{display: block; position:absolute; bottom:37px;left:5px; z-index:88; }
.foot-contorl .show-preview a{display: block; margin-top: 5px;}
.buttonnone{width:100%; text-align:left;}
.l-btn-box {float: left;}
.foot-contorl .btn-one-box a {padding: 2px 10px;}

/* 备注 */
.note-style ul{padding-bottom: 5px; width: 800px; margin: 0 auto }
.note-style.com-box .com-form li{padding-bottom: 18px}
.note-style .userbox {width: 60px; line-height: 17px; padding: 3px 0 5px ; text-align: center; border:1px solid #ccc; border-radius:2px; background: #E8FFE8; float: right; word-break:break-all}
.note-style .note-content {float: left; border:1px solid #ccc; border-radius:2px; max-width: 550px; min-width:220px; position: relative; padding:5px 20px 5px 0; background: #F7FFF7; margin-left: 10px;}
.note-style .note-content p {padding-left: 10px;}
.note-style .note-content .note-time {color: #666; position: absolute; bottom:-16px; background: #EDEDED; height:13px; line-height:13px; left:0; padding: 0 8px; font-size: 11px; border-radius:5px; text-align: center; }
.arrow-outer {height:10px; overflow:hidden; position:absolute; width:10px; top:8px; left:-7px; z-index: 99; display: block;} 
.arrow-outer s {display: block; -webkit-transform:rotate(45deg); transform:rotate(45deg); height:20px; width:20px; border:1px solid #ccc; background: #FAFAFA; margin-left: 5px; margin-top: -6px; } 
.note-style .self .f-tit {left:auto; right:5px; padding-left:5px;}
.note-style .self .userbox	{float: left; background: #f1f1f1; }
.note-style .self .f-input {padding-left: 0; padding-right: 125px;}
.note-style .self .note-content {float: right; margin-right: 10px; background: #FAFAFA; }
.note-style .self .note-time {right:0; left:auto}
.note-style .self .arrow-outer {left:auto; right:-7px;} 
.note-style .self .arrow-outer s{margin: -6px 0 0 -17px;} 

/* 备注 */
.window-left {float: left; width: 680px;}
.window-right {float: right; width: 300px;}

.memo-style ul{padding: 0 !important; background: none !important;}
.memo-style.com-box .com-form { max-height:375px; overflow-y: auto;}
.memo-style.com-box .com-form li{padding-bottom: 33px; padding-right: 5px;}
.memo-style .note-content { border:1px solid #ccc; border-radius:2px; max-width: 550px; min-width:220px; position: relative; padding:5px 5px 5px 0; background: #F7FFF7;}
.memo-style .note-content.imp-reply	{border-color: #f60; background: #fff;}
.memo-style .note-content.imp-reply .arrow-outer s {border-color: #f60; background: #fff;}
.memo-style .note-content p {padding-left: 10px;}
.memo-style .note-content .note-time {color: #666; position: absolute; bottom:-20px; background: #EDEDED; height:13px; line-height:13px; right:0; padding: 0 8px; font-size: 11px; border-radius:5px; text-align: center; }
.memo-style .arrow-outer {height:10px; overflow:hidden; position:absolute; width:10px; top:auto; bottom:-9px; left:auto; right:10px; z-index: 99; display: block;} 
.memo-style .arrow-outer s {display: block; -webkit-transform:rotate(45deg); transform:rotate(45deg); height:20px; width:20px; margin-left: -6px; margin-top: -20px;}

.memo-style .add-memo {background: #fff; padding:5px 0; }
.memo-style .add-memo textarea{width: 81.5%; line-height: 18px; height: 18px; padding: 2px;}
.add-memo .btn-button { padding-top: 5px; text-align: right;}

/* 选择分类 */
.com-categary-option {  display: none;}
.com-categary-option .categary-warp {width:943px; margin: 0 auto;}
.selected-result-box {line-height: 20px; background: #ffae0; border:1px solid #f1d38b; margin:10px auto 10px; padding: 5px 10px;}
.selected-result-box .selected-categary {color:#7a2d01;}
.com-categary-option .ft-save-box {text-align: center; padding-bottom: 10px; border-top: none; background: none;} 
.com-categary-option .l-btn-text{ font-size: 14px; font-weight: bold;}
.com-categary-option .btn-default	{cursor: default;}

.com-categary-option .categary-list{background: #f0f0f0; height: 296px; padding: 15px; margin: 0 auto;}
.categary-list{width:910px;height:296px}
.categary-list .cate-list{display:inline;float:left;position:relative;width:298px;height:294px;overflow:hidden;margin-right:3px;border:1px solid #ccc;background-color:#fff}
.categary-list .cate-filter-wrap{position:relative;z-index:3;margin-left:15px;margin-right:18px;padding-top:15px;background-color:#fff}
.categary-list .cate-filter{width:238px;height:22px;margin:0;padding-left:25px;border:1px solid #dedede;background:url(../../images/icon-filter.png) 5px 3px no-repeat}   
.categary-list .cate-list ul{position:relative;z-index:1;height:255px;*height:240px;overflow:auto;margin-top:-40px;*margin-top:-41px;padding:40px 15px 0;*padding-bottom:15px;line-height:20px}
.categary-list .cate-list ul:after{content:"";display:block;height:15px}
.categary-list .cate-list ul li{padding:2px 0}
.categary-list .cate-list ul a{zoom:1;cursor:pointer;display:block;padding:0 20px;overflow:hidden;color:#333;text-decoration:none;background:url(../../images/icon-cate.png) 96% 50% no-repeat}
.categary-list .cate-list ul a:hover,.categary-list .cate-list a.selected{background-color:#e8e8e8}
.categary-list .cate-list ul span{display:block;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;_width:136px}
.categary-list .cate-list .highlight{font-weight:400;font-style:normal;color:red}	  
.categary-list .cate-list ul a[data-isleaf=true]{background-image:none}
.categary-list .cate-list ul a[data-haschild=False]{background-image:none}    
.categary-list .cate-list ul a[data-haschild=false]{background-image:none}
.categary-list .cate-list ul a[data-needpay3=true]{color:red}

.categary-in-style .categary-warp {width: auto; margin: -5px 10px 10px 0;}
.categary-in-style .categary-list {width: auto;}
.categary-in-style .categary-list .cate-filter {padding-left: 25px;}
.categary-in-style .categary-list .cate-list ul {padding-top: 45px;}


/* ========== 画廊 ======= */
.product-img-box {position: fixed; top:35px; left:10px; z-index: 2;}
.b-imgbox {width: 500px; height: 500px; overflow: hidden; display:table-cell; text-align: center; vertical-align: middle; border:1px solid #ccc; padding: 2px;}
.b-imgbox img {max-width: 500px; max-height: 500px; vertical-align: middle; }
.s-imgbox {margin-top: 5px;}
.s-imgbox li {float: left; width: 60px; height:60px; overflow: hidden; display:table-cell; line-height: 56px; padding: 1px!important; border:1px solid #ccc; text-align: center; border-radius:2px;}
.s-imgbox img{max-width: 60px; max-height: 60px; cursor: pointer; vertical-align: middle;}
.s-imgbox li:hover, .s-imgbox li.on {border-color: #777777}	   
.s-imgbox li.on-style {border-color: #666; border-radius:3px; border-width: 2px; padding: 0!important; margin-right: 0;}

.product-img-box.right-show {padding-right: 130px; position: relative; top:0; left:0; width: 420px;}
.product-img-box.right-show .b-imgbox {width: 400px; height: 400px;}	
.product-img-box.right-show .b-imgbox img {max-width: 400px; max-height: 400px; }
.product-img-box.right-show .s-imgbox {position: absolute; top:0; right:0; width: 140px; padding-top: 0; margin-top: 0;}
.product-img-box.right-show .s-imgbox li { margin:0 0 10px 5px;}	

.product-window .product-img-box	{position: relative; top:0; left:0;}
.product-window .product-img-box .b-imgbox {width: 500px; height: 500px; line-height: 495px;}	
.product-window .product-img-box .b-imgbox img {max-width: 500px; max-height: 500px; }

.WebUploaderControl, .select-erp-image {width:1000px;}


/* ========== 画廊 ======= */
.up-listing-box {width: 1000px;}
.up-listing-box .hd{ padding-left: 25px; position: relative;}
.up-listing-box .hd .num{ position: absolute; top:3px; right:5px;}
.up-listing-box .hd span {display: inline-block; background: #F5F7FA; border:1px solid #9BAFBF; position: relative; z-index: 2; padding: 4px 15px; border-radius:2px 2px 0 0;  color: #999; cursor: pointer; margin-right: 5px;}
.up-listing-box .hd span.on {font-weight: bold; background: #fff; border-bottom-color: #fff; color: #333; cursor: default}
.up-listing-box .bd {margin-top: -1px; position: relative; z-index: 1; border-top:1px solid #9BAFBF;}
.up-listing-box .bd {padding-top: 10px;}
.up-listing-box.up-contorl {}
.up-listing-box.sd-contorl .select-item, .up-listing-box.up-contorl .upload-listing {display: block;}
.up-listing-box.sd-contorl .upload-listing, .up-listing-box.up-contorl .select-item {display: none;}
.checkbox-list p{float: left; width: 160px; }		   
.checkbox-list p.show-all {width: auto; }
.select-item .com-form{padding-left: 15px;}
.select-item .com-form li {padding-bottom: 8px;}
.select-item .com-form li.dotted {margin-bottom: 10px; border-bottom: 1px dotted #ccc}

/* ========== 图片上传按钮样式重定义 ======= */
.img-widget .webuploader-container {position: relative;}	   
.img-widget .webuploader-container div{ height:100%!important; width:100%!important;}
.img-widget .webuploader-container div.webuploader-pick{ height:auto!important; width:auto!important;  position: relative; display: inline-block; cursor: pointer; background: none; padding:0 15px; color: #2131A1; text-align: center;  overflow: hidden; margin: 0 -15px;}
.img-widget .webuploader-container .webuploader-element-invisible {position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);  top:0; height:100%; width: 100%; padding:0; left:0;}
.img-widget .webuploader-container div.webuploader-pick-hover {background: #3366CC; color: #fff;}
.img-widget .webuploader-container div.webuploader-pick-disable {opacity: 0.6; pointer-events:none;}

.refund-box .line-feed{line-height: 17px; padding: 3px 0;}

/* ========== 计算利润 ======= */
.calculate-profit {margin-top: -1px; margin-left: -1px; padding: 0;}
.calculate-profit table {border-top:1px solid #E4E4E4}
.calculate-profit .input-style {margin-right: 0;}
.calculate-profit .art-group-name {padding: 3px 0;}
.calculate-profit .art-t {padding-right: 5px;}
.calculate-profit .req{font-family: '宋体'; color: #f00}
.calculate-profit .art-c {padding: 3px 0 3px 5px;;}
.calculate-profit .art-c input[type="text"] {padding-top:2px; padding-bottom:2px; padding-right: 2px; }
.calculate-profit .art-c button {border:1px solid #003b76; background:#145EAB; border-radius:2px; color: #fff; vertical-align: top; padding: 4px 20px; }
.calculate-profit .art-c button:hover {background: #277CD1;}
.calculate-profit .art-c button.small {padding: 1px 3px 2px; background:#EFF6FC; color: #333; border-color:#AABCCF  }
.calculate-profit .art-c button.small:hover {background: #DEEBF9}
.calculate-profit .art-group-name {font-size: 16px; font-family: '微软雅黑'; font-weight: normal;}


/* ========== 包裹拆分 ======= */
.split-packages .order-product-list{width: 400px; float: left; max-height: 400px; overflow: auto;}
.split-packages .packages-edit {width: 580px; float: right;}
.split-packages .package-total {background: #E3F5E3; height: 22px; line-height: 22px; padding-left: 10px;  position: relative;}
.split-packages .package-total .btn-default{position: absolute; top:0; right:0;}
.split-packages .package-box {max-height: 400px; overflow: auto;}
.split-packages .package-one-edit {background: #f8f8f8; margin-top: 10px; position: relative;}	 
.split-packages .package-one-edit .delete-pk {position: absolute; top:0; right:0;}
.split-packages .package-one-edit .p-id {font-weight: bold; padding: 2px 6px 2px 6px; background:#666; color: #fff; display: inline-block; }										
.split-packages .package-one-edit .erp-l {background: #eee; padding-left: 10px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 80px; border-bottom:1px solid #aaa;}
.split-packages .package-one-edit .erp-l a {float: right; margin-right: -75px}
.split-packages .num-edit {padding: 10px 0 10px 10px;}
.split-packages .num-edit p {padding-top: 5px;  padding-left: 10px;}

.star-body {}
.star-body .s-hd {}
.star-body .s-hd {}
.video-left {width: 500px;}
.review-comtent {width:450px;}
.review-total {}
.review-total h2 {font-size: 20px; font-family: '微软雅黑'; float: left; height: 40px; line-height: 40px; background: #f1f1f1; padding: 0 40px;}
.review-total .review-level {float: left; margin-left: 20px; line-height: 15px; padding-top: 3px; height: 37px;}
.video-left .write-review .search-textarea{width: 360px;}

.review-list {background: none !important; max-height: 375px; overflow-y: auto;}
.review-list li {border-top: 1px solid #ddd; padding: 10px 0; color: #999}
.review-list li p {color: #666; line-height: 18px;}
.review-list .review-info {line-height: 15px; padding-bottom: 10px;}

.starCon{position:relative; margin:0 auto; clear:both; margin-bottom:5em;}
.starCon ul{float:left;display:inline;height:19px;line-height:19px; margin:0 0 3em;}
.starCon li{float:left; width:2.3em;height:2.3em;cursor:pointer;text-indent:-9999px; display:inline-block;background:url(star_udiffi.png) no-repeat;background-size:100%} 
.starCon li.on{width:2.3em;height:2.3em;background:url(star_choies.png) no-repeat;background-size:100%} 

.allstar50, .allstar45, .allstar40, .allstar35, .allstar30, .allstar25, .allstar20, .allstar15, .allstar10, .allstar05, .allstar00{display:inline-block;
 *display:inline; zoom:1; background:url(../../images/ic_rating_m.png) no-repeat; width:75px; height:15px; margin:0 3px 0 0; overflow:hidden }

.allstar50 {background-position:0 0px}
.allstar45 {
 background-position:0 -15px
}
.allstar40 {
 background-position:0 -30px
}
.allstar35 {
 background-position:0 -45px
}
.allstar30 {
 background-position:0 -60px
}
.allstar25 {
 background-position:0 -75px
}
.allstar20 {
 background-position:0 -90px
}
.allstar15 {
 background-position:0 -105px
}
.allstar10 {
 background-position:0 -120px
}
.allstar05 {
 background-position:0 -135px
}
.allstar00 {
 background-position:0 -150px
}



/* ==== 详情页左右布局 ==== */
.detail-two-column {}
#edui_fixedlayer {z-index:10008!important;}	/* ==== 编辑器在弹层内引用时,解决下拉框不展示的问题 ====   */

/* ==== 供应商利润数据 ==== */
.supplier-profile {font-size: 12px; font-family: '微软雅黑'; height: 25px !important; line-height: 24px;}
.supplier-profile .c-day {}
.supplier-profile .c-time {color: #999; padding-right: 10px;}
.supplier-profile .{}
.c-month {position: absolute; top:5px; right:5px;}
.c-month a {font-size: 12px; vertical-align: top}
.c-month .profile-value {color:#f60; font-size: 16px;}

.history-list {max-height:280px; overflow: auto;}

/* ==== loading 动画 ====   */
.datagrid-mask-msg { padding:0; display: block; border-radius:61px!important; height: 61px!important; width: 61px!important; border:none; margin-top: -20px; background: #E0EDF7; border:1px solid #F5FAFF;}
.zzsc1 {
  margin: 11px auto 0;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  overflow: hidden;
}

.zzsc1 > div {
  background-color: #1B6EF1;
  height: 100%;
  width: 3px;
  display: inline-block;
  margin: 0 2px;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}			 
.zzsc1 > div:last-child {background: #f60}

.zzsc1 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.zzsc1 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.zzsc1 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.zzsc1 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.easyui-window .com-form ul{background: #f1f1f1; padding:5px; padding-top: 8px;}
.com-form .combo .combo-text {padding: 0;}

@media screen and (max-width: 1536px) {	
	.nav li a {padding: 0 16px;}
}

@media screen and (max-width: 1366px) {	
	.nav li a {padding: 0 12px;}
}

@media screen and (max-width: 1024px) {	
	.step-style .product-mode-box {margin-left: 5px;}
	.step-style .product-mode-box .note-style {position: static; width: auto;}

	.nav li a {padding: 0 8px;}
	.step-style .anchor-link a {margin-left: 10px;}
	
	.product-window .product-img-box	{position: relative; top:0; left:0;}
	.product-window .product-img-box .b-imgbox {width: 450px; height: 450px; line-height: 445px;}	
	.product-window .product-img-box .b-imgbox img {max-width: 450px; max-height: 450px; }


	/* ==== 报表数据 ====   */	
	.report-style .report-hd .filter-time-area	{position: static; text-align: right; display: block;}
	.select-type a {padding: 6px 10px!important}
	
	.select-style {height: 25px; line-height: 23px;}
	.select-style select {height: 23px !important; line-height: 22px !important;}
	.select-style-ss select {width: 80px;}
	.report-col li {float:none !important; width:100% !important; padding: 0 !important;}

	.rem-report {left:3px; top:3px;}
	.product-mode-box .com-box ul {margin-top: 10px;}

	.filter-time-area .combo {height: 25px !important; line-height: 25px;}
	.filter-time-area .com-form input[type="text"] {height: 25px !important; line-height: 25px !important;}
	.filter-time-area .combo-arrow {height: 25px !important;}

	.step-style .product-mode-box .note-style .note-content {max-width:500px; font-size: 0.9rem;}
	.step-style .product-mode-box .note-style .com-form .f-tit {width: 105px;}
	.step-style .product-mode-box .note-style .com-form .f-input {padding-left: 110px;}
	.step-style .product-mode-box .note-style .self .f-input {padding-right: 115px;}
	.note-style .userbox {font-size: 0.9rem; width: 100px;}
	.add-memo .easyui-linkbutton {display: block; width: 98%; text-align: center; padding: 2rem 0; font-size: 1.2rem; font-weight: bold;}
	.add-memo textarea {1rem; line-height: 1.2rem; height: 4.8rem; padding: 0.2rem;}

}

/* ==== 企业标识 ====   */
.business_order_tag { border: 1px solid #ca553dc4; color: red; font-size: 11px; padding: 1px; }
.order_tag { display:inline-block; width:30px; box-sizing:border-box; height:18px; line-height:16px; }


/*菜单栏合并*/
.side-cont h3 { background:#f5f7fa; color:#333; padding-left:10px; border-bottom:1px solid #f5f5f5; height:24px; line-height:24px;  }
.side-cont ul { background:#fff; border-top:1px solid #ddd; border-bottom:none;  }
.side-cont ul li a { padding-left:15px; }
.side-box li.on a { padding-left:15px; }
.side-box[name=nav_submenu] {  }
.side-box[name=nav_submenu] h3 {  cursor:pointer; position:relative; border-bottom:none;  }
.side-box[name=nav_submenu]:last-child h3 { border-bottom:1px solid #ddd; }
.side-box[name=nav_submenu] h3:hover { background: #EBEBEB;color:#f60; }
/* .side-box[name=nav_submenu] h3::after { position:absolute; content:''; display:inline-block; top:8px; right:6px;  width:0;height:0; border-left:5px solid #333; border-top:5px solid transparent; border-bottom:5px solid transparent; } */
.side-box[name=nav_submenu] h3::after { opacity:0.6; filter: alpha(opacity=60);position:absolute; content:''; display:inline-block; top:5px; right:6px; width:16px; height:16px;  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABBklEQVR42mNgGAWDGUhNfPwfma+y+Nt/ulku0XP/P7IDlOZ/+k/IASB5fGoIycOBaMet/yAHwPgKs97+BzmAGIeD1GFTi0scAwg3X/0PcgCMLzvtxX+QA0gJPZB6ZD3ofJxAsP7if5ADkNMAyAHkRCFIHzImShOlDgCpR043hPg0iQJQ2kFOP4TEqZ4IYfqRPYHOp1k2RA9JZDwgBREoTYHwaJE+CkYBSQA9qxEsOqmdDUEOQC71QA4gugilVkEEcgBy+Q9yAClFKVWKYpADkGtCkAHE+IQqlRFyTYicBkAOwBenVKmOKXEAxQ0SakQBRU0yaiRCihullGRDqjTLqVkQjYIhAQC6ZHFIfTv+HgAAAABJRU5ErkJggg==) no-repeat 0 -16px; }
.side-box[name=nav_submenu] h3.on { background: #EBEBEB; color:#f60; text-shadow:none; }
.side-box[name=nav_submenu] h3.on::after { /*border-left:4px solid #fff;*/   }
.side-box[name=nav_submenu] ul {  padding:8px 0; min-width:136px; display:none; position:fixed; z-index:999; border:1px solid #ddd;   background:#fff; border-radius:2px; box-shadow:0 2px 16px rgba(21,21,21,.3);  }
.side-box[name=nav_submenu] ul li { padding:0;  }
.side-box[name=nav_submenu] ul li a { padding:6px 16px; display:block; }
.side-box[name=nav_submenu] ul li a:hover { background: #EBEBEB; color:#f60; }
.side-box[name=nav_submenu] ul li.on a:hover { background:#1949a8; color:#fff; }
.side-box[name=nav_submenu] h3.content-after::after { display:none; }
.side-box[name=nav_submenu] p.p_menu { height:26px; background:#fff; line-height:26px; padding-left:15px; }
.side-box[name=nav_submenu] p.p_menu a:hover { background:#1949a8; color:#fff; text-decoration:none;  }
.side-box[name=nav_submenu] p.on {  color:#fff; background: #1949a8; }
.side-box[name=nav_submenu] p.on a { color:#fff; }
.side-bar-n .side-cont h3{ height:max-content;padding-right: 5px; }
.side-bar-n .side-box li {word-break: break-word;}
.side-bar-n .side-cont ul li a { padding-right: 5px; }

