﻿	body {
	font-size: 12px;
	font-family: Arial,"微软雅黑","宋体";
	line-height: 200%;
	color: #333;
	width: 100%;
	text-align: left;
	background-color: #eaedef;
	word-break: break-all;
}
.bodyBg {
	background: url(../images/bodyBg.jpg) left repeat-y #eaedef;
	min-width: 1002px;
}
body, img, form, ul, dl, input, fieldset, .clear, dt, dd, dl {
	margin: 0;
	padding: 0;
	border: 0;
}
select {
	padding: 2px;
}
input {
	outline: none;
}
ul, dl {
	list-style-type: none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.fn {
	float: none;
}
.img_bor {
	border: 1px #d6d6d6 solid;
	padding: 1px;
}
a {
	color: #4287cf;
	text-decoration:none;
	cursor: pointer;
}
a:hover {
	color: #fd7742;
	text-decoration: none;
}
.aline:hover
{
    color:Red;
    text-decoration:underline;
    }
.font18 {
	font-size: 18px;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.font24 {
	font-size: 24px;
}
.fontB {
	font-weight: bold;
}
.fontRed {
	color: #F00;
}
.fontDeepRed {
	color: #8e241f;
}
.font999 {
	color: #999;
}
.font666 {
	color: #666;
}
.font333 {
	color: #333;
}
.fontaaa {
	color: #aaa;
}
.fontBlack {
	color: #000;
}
.fontWhite {
	color: #FFF;
}
.fontOrange {
	color: #fe3800;
}
.fontGreen {
	color: #54b856;
}
.fontOrange2 {
	color: #f29e00;
}
.fontBlue {
	color: #00aeff;
}
.fontDeepBlue {
	color: #53606b;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mr20 {
	margin-right: 20px;
}
.ml20 {
	margin-left: 20px;
}
.ml40{margin-left:40px;}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}

.mt2 {
	margin-top: 2px;
}
.mr5 {
	margin-right: 5px;
}
.mr30 {
	margin-right: 30px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.height10 {
	height: 10px;
	display: block;
}
.height15 {
	height: 15px;
	display: block;
}
.borderB {
	border-bottom: 1px solid #d7d7d7;
}
.borderR {
	border-right: 1px solid #d7d7d7;
}
.borderL {
	border-left: 1px solid #d7d7d7;
}
.borderT {
	border-top: 1px solid #d7d7d7;
}
.fontNodata {
	font-size: 28px;
	color: #bcbdc1;
	line-height: 34px;
}
.cancelLinkStyle {
	color: #ccc;
	text-decoration: underline;
}
.wf20 {
	width: 20%;
}
.wf50 {
	width: 50%;
}
.wf98 {
	width: 98%;
}
.wf80px {
	width: 80px;
}
.loadding {
	background: url(../images/loading.gif) no-repeat center #000;
	width: 100px;
	height: 100px;
	position: absolute;
	box-shadow: 0 0 18px rgba(0,0,0,.5);
	top: 40%;
	left: 45%;
	z-index: 1000;
	border-radius: 5px;
	opacity: .7;
	display:none;
}
.logo .link, .loginInfo .trial, .topActionArea .flow a .icon, .topActionArea .flow a:hover .icon, .topActionArea .helpCenter a .icon, .topActionArea .helpCenter a:hover .icon, .topActionArea .more {
	background-image: url(../images/package.png);
}
.top {
	height: 66px;
	padding: 0 10px;
	background: #fff;
}
.logo {
	padding-top: 5px;
	float: left;
}
.logo .link {
	background-position: -106px -88px;
	width: 166px;
	height: 51px;
	float: left;
}
.topActionArea {
	float: right;
	padding-top: 10px;
}
.loginInfo .topAvatar {
	background-position: center;
	width: 35px;
	height: 35px;
	border: 2px solid #d7d7d7;
	border-radius: 35px;
	margin-right: 10px;
	float: left;
	position: relative;
	background-size: 35px 35px;
}
.loginInfo .trial {
	background-position: -336px -17px;
	width: 27px;
	height: 12px;
	position: absolute;
	margin-left: -25px;
}
.loginInfo {
	float: left;
}
.loginInfo .topUsername h1 {
	font-size: 14px;
	color: #7a8292;
	font-weight: normal;
}
.loginInfo .topUsername h2 {
	font-size: 12px;
	color: #7a8292;
	font-weight: normal;
}
.topActionArea .flow a .icon {
	background-position: -177px -17px;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
}
.topActionArea .flow a:hover .icon {
	background-position: -177px -52px;
}
.topActionArea .flow {
	float: left;
	margin: 15px 20px 0 0;
}
.topActionArea .helpCenter {
	float: left;
}
.topActionArea .flow .text {
	float: left;
	color: #7a8292;
}
.topActionArea .flow a:hover .text {
	color: #0360d7;
}
.topActionArea .helpCenter a .icon {
	background-position: -230px -17px;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
}
.topActionArea .helpCenter a:hover .icon {
	background-position: -230px -52px;
}
.topActionArea .helpCenter {
	float: left;
	margin: 15px 20px 0 0;
}
.PrintCustom {
	float: right;
}
.topActionArea .helpCenter .text, .PrintCustom .texts {
	float: left;
	color: #7a8292;
}
.topActionArea .helpCenter a:hover .text, .PrintCustom .texts:hover {
	color: #0360d7;
}
.topActionArea .helpCenter .arrowDown, .PrintCustom .PrintarrowDown {
	width: 8px;
	height: 8px;
	float: left;
	background: url(../images/arrowDown.png) no-repeat center;
	padding: 5px;
	-webkit-transform: rotate(0deg);
	-webkit-transition: -webkit-transform linear .3s;
	-o-transition: -webkit-transform linear .3s;
	-ms-transition: -webkit-transform linear .3s;
	-moz-transition: -webkit-transform linear .3s;
}
.topActionArea .helpCenter a:hover .arrowDown, .PrintCustom a:hover .PrintarrowDown {
	transform: rotate(90);
	-webkit-transform: rotate(180deg);
	-webkit-transition: -webkit-transform linear .3s;
	-o-transition: -webkit-transform linear .3s;
	-ms-transition: -webkit-transform linear .3s;
	-moz-transition: -webkit-transform linear .3s;
}
.topActionArea .more {
	background-position: -277px -12px;
	width: 18px;
	height: 18px;
	padding: 5px 5px;
	cursor: pointer;
	margin-top: 12px;
	position: absolute;
	z-index: 11;
}
.topActionArea .more:hover {
	background-color: #d3d7dd;
	border-radius: 3px;
}
.topActionArea .helpCenter .InstalList, .topActionArea .InstalArea .InstalList {
	display: none;
}
.topActionArea .helpCenter:hover .InstalList, .topActionArea .InstalArea:hover .InstalList {
	display: block;
}
.leftMenu {
	width: 85px;
	float: left;
}
.leftMenu .menu li a {
	width: 85px;
	height: 65px;
	background-image: url(../images/package.png);
	float: left;
}
.leftMenu .menu .mGoods .icon {
	background-position: 0 8px;
	padding-top: 8px;
}
.leftMenu .menu .mFinance .icon {
	background-position: 0 -65px;
}
.leftMenu .menu .mCustomr .icon {
	background-position: 0 -130px;
}
.leftMenu .menu .mChart .icon {
	background-position: 0 -195px;
}
.leftMenu .menu .mBasedata .icon {
	background-position: 0 -260px;
}
.leftMenu .menu .mSettings .icon {
	background-position: 0 -323px;
}
.leftMenu .menu .mSale .icon {
	background-position: -1147px -3px;
}
.leftMenu .select, .mFinance:hover, .mCustomr:hover, .mChart:hover, .mBasedata:hover, .mSettings:hover, .mSale:hover {
	background: url(../images/menuBg.png) center;
	float: left;
}
.downArrow {
	float: left;
	position: absolute;
}
.downArrow .downArrowIcon {
	background: url(../images/downArrow.png);
	width: 23px;
	height: 27px;
	float: left;
}
.downArrow .downArrowContent {
	background: #FFF;
	position: absolute;
	z-index: 100;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
	margin: 25px 0 0 -10px;
	display: none;
}
.downArrow .downArrowContent span {
	clear: both;
	float: left;
	border-bottom: 1px solid #EEE;
	padding: 3px 10px;
}
.downArrow .downArrowContent span:hover {
	background: #F8F8F8;
	cursor: pointer;
}
.downArrow:hover .downArrowContent {
	display: block;
}
.secondMenu {
	position: absolute;
	background: #e9eef2;
	border: 1px solid #ccd1d5;
	border-width: 0 1px 1px 0;
	border-top: 3px solid #2a6aba;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	margin: 0 0 0 85px;
	*margin: 0;
	overflow: hidden;
}
.secondMenu .list {
	padding: 0 15px 10px 15px;
	float: left;
}
.secondMenu .list p {
	font-size: 14px;
	color: #999;
	clear: both;
	margin: 10px 0;
	float: left;
	width: 100%;
}
.secondMenu .list li, .row .list li {
	clear: both;
	padding-bottom: 5px;
}
.secondMenu .list li .text {
	width: 120px;
	color: #333;
	padding: 5px;
	float: left;
	border-radius: 3px;
}
.secondMenu .list li .text:hover, .row .list li .text:hover {
	background-color: #d9f3ff;
	background: #aacbe5;
	padding: 5px;
	color: #0080ff;
}
.secondMenu .list li .addIcon, .row .list li .addIcon {
	background: url(../images/package.png) -398px -8px;
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 3px;
}
.secondMenu .list li .addIcon:hover, .row .list li .addIcon:hover {
	background-color: #aacbe5;
	background-position: -398px -43px;
}
.mGoodsSon {
	margin: 0 0 0 85px;
	*margin: 0;
}
.secondMenu .tips {
	clear: both;
	width: 350px;
	float: left;
	height: 35px;
	line-height: 35px;
	color: #666;
	background: #dbebff;
	border-top: 1px solid #bad6fb;
}
.secondMenu .tips .addIcon {
	background: url(../images/package.png) -402px -7px;
	width: 21px;
	height: 24px;
	float: left;
}
.main {
	background: #eaedef;
	float: left;
	padding: 10px 1%;
	width: 98%;
	min-width:980px;
}
.moreArea {
	width: 28px;
	height: 38px;
	float: left;
	background: #FFF;
}
.moreList {
	position: absolute;
	margin-top: -10px;
	background: #e9eef2;
	border-left: solid #c7cedb 1px;
	width: 315px;
	min-height: 500px;
	z-index: 10;
	right: 0;
	padding-top: 57px;
}
.moreList .avatarBig {
	width: 84px;
	height: 84px;
	background: url(../images/package.png) -106px -160px;
	margin-left: 20px;
}
.moreList h1 {
	padding-left: 20px;
	color: #7a8292;
	font-size: 18px;
	margin: 20px 0 5px 0;
}
.moreList h2 {
	padding-left: 20px;
	color: #7a8292;
	font-size: 14px;
}
.moreList .list ul {
	border: 1px solid #dce2e8;
	border-width: 1px 0;
	display: block;
	background: #FFF;
	margin-top: 10px;
}
.moreList .list ul li {
	display: block;
	height: 48px;
}
.moreList .list ul .normal {
	border-bottom: 1px solid #dce2e8;
}
.moreList .list ul li a {
	padding: 0 20px 0 30px;
	float: left;
	line-height: 48px;
	width: 265px;
	background: url(../images/arrowR.png) right no-repeat;
}
.moreList .list ul li a .title {
	font-size: 14px;
	color: #53606b;
	width: 50%;
	float: left;
}
.moreList .list ul li a .value {
	font-size: 14px;
	color: #0080ff;
	width: 50%;
	float: left;
	text-align: right;
}
.moreList .list ul li a:hover {
	background-color: #d9f3ff;
}
.moreList .list ul .listButton a {
	background: none;
	text-align: center;
	font-size: 14px;
}
.moreList .list ul .blue a {
	background-color: #d9f3ff;
}
.moreList .list ul .blue a:hover {
	background-color: #fee4b4;
}
.topTab {
	background: url(../images/tabline.png) bottom repeat-x #FFF;
	float: left;
	width: 100%;
}
.topTab .select, .topTab .normal:hover {
	background: #eaedef;
	border: 1px solid #c7cedb;
	border-width: 0 1px 1px 1px;
	border-top: 2px solid #1c7efb;
	border-bottom: 1px solid #eaedef;
}
.topTab ul li {
	float: left;
	margin-right: 10px;
	line-height: 25px;
	padding: 0 10px;
	cursor: pointer;
}
.topTab .normal {
	background: #FFF;
	border: 1px solid #c7cedb;
	border-width: 0 1px 1px 1px;
	border-top: 2px solid #6cbe4a;
	color: #999;
}
.topTab ul li a:hover, .topTab .select a {
	color: #7c8389;
}
.topTab ul li a {
	color: #999;
	float: left;
}
.MImore {
	position: absolute;
	width: 100px;
	top: 48px;
	right: 40px;
	z-index: 1001;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	border: 1px solid #d7d7d7;
}
.MImore li {
	border-top: 1px solid #D7D7D7;
	float: left;
	width: 100px;
	background: #FFF;
}
.MImore li a {
	display: block;
	padding: 5px;
	float: left;
	width: 90px;
}
.MImore li a:hover {
	background: #f8f8f8;
}
.quickSearch {
	float: left;
}
.quickSearch input {
	background: url(../images/package.png) -531px -17px;
	width: 185px;
	height: 22px;
	padding: 8px 24px;
	float: left;
}
.quickSearch input:focus {
	background: url(../images/package.png) -531px -88px;
}
.quickSearch .searchButton {
	background: url(../images/package.png) -461px -18px;
	width: 33px;
	height: 33px;
	position: absolute;
	margin: 2px 0 0 -40px;
}
.quickSearch .searchButton:hover {
	background: url(../images/package.png) -461px -89px;
}
.quickSearch .searchButton: active {
	background: url(../images/package.png) -461px -159px;
	cursor: pointer;
}
.close {
	text-align: center;
	height: 15px;
	width: 15px;
	float: left;
	margin-top: 5px;
	line-height: 16px;
}
.close:hover {
	background: #d7d7d7;
	height: 15px;
	width: 15px;
}
.whiteBox {
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	width: 98%;
	padding: 10px 1%;
	margin-bottom: 5px;
	filter: "progid: DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=0,strength=0) progid: DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=1) progid: DXImageTransform.Microsoft.Shadow(color=#888888,direction=180,strength=3) progid: DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=270,strength=1)";
}
.button {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	height: 28px;
	padding: 0 20px;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	color: #666;
}
.button:hover {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	color: #666;
	cursor: pointer;
}
.button: active {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #f2f2f2;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	color: #666;
	cursor: pointer;
}
.blueButton {
	border: 1px solid #2091fc;
	border-radius: 3px;
	background-color: #28b5fd;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
	background: -o-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#28b5fd), to(#2091fc));
	color: #FFF !important;
}
.blueButton:hover {
	border: 1px solid #2091fc;
	background-color: #6ecdff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
	background: -o-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#6ecdff), to(#2091fc));
	color: #FFF;
}
.blueButton: active {
	border: 1px solid #2091fc;
	background-color: #2091fc;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	color: #FFF;
}
.redButton {
	border: 1px solid #fc5f4a;
	border-radius: 3px;
	background-color: #fd765c;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
	background: -o-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#fd765c), to(#fc5f4a));
	color: #FFF;
}
.redButton:hover {
	border: 1px solid #fc5f4a;
	background-color: #ffaa9a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
	background: -o-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#ffaa9a), to(#fc5f4a));
	color: #FFF;
}
.redButton: active {
	border: 1px solid #fc5f4a;
	background-color: #fc5f4a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
	background: -o-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#fc5f4a), to(#ffaa9a));
	color: #FFF;
}
.greenButton {
	border: 1px solid #7dc855;
	border-radius: 3px;
	background-color: #9bda6a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
	background: -o-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#9bda6a), to(#7dc855));
	color: #FFF;
}
.greenButton:hover {
	border: 1px solid #7dc855;
	background-color: #b5eb8d;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
	background: -o-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#b5eb8d), to(#7dc855));
	color: #FFF;
}
.greenButton: active {
	border: 1px solid #7dc855;
	background-color: #7dc855;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
	background: -o-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#7dc855), to(#b5eb8d));
	color: #FFF;
}
.lightBlueButton {
	border: 1px solid #b3d9fe;
	border-radius: 3px;
	background-color: #d0e7ff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#d0e7ff), to(#b9dcff));
	color: #666;
}
.lightBlueButton:hover {
	border: 1px solid #b3d9fe;
	background-color: #b5eb8d;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#e4f1fe), to(#b9dcff));
	color: #666;
}
.lightBlueButton: active {
	border: 1px solid #7dc855;
	background-color: #7dc855;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
	background: -o-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#b9dcff), to(#e4f1fe));
	color: #666;
}
.noActionButton, .noActionButton:hover, .noActionButton: active {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #e6e6e8;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e8));
	height: 28px;
	padding: 0 20px;
	cursor: default;
	line-height: 28px;
	display: inline-block;
	color: #B9B9B9;
}
.withIcon {
	padding-left: 15px;
}
.withIcon .icon {
	width: 20px;
	height: 20px;
	float: left;
	background: url(../images/package.png);
	margin-top: 3px;
}
.withIcon .addIcon {
	background-position: -460px -228px;
}
.withIcon .importIcon {
	background-position: -460px -280px;
}
.withIcon .exportIcon {
	background-position: -460px -333px;
}
.inputText {
	border: 1px solid #D7D7D7;
	border-radius: 3PX;
	height: 14PX;
	padding: 7px 0;
	line-height: 14PX;
	padding-left: 5PX;
	font-size: 12px;
	display: inline-block;
}
.inputText:focus {
	border: 1px solid #49b8ff;
	box-shadow: 0 0 3px rgba(73,184,255,.5);
}
.inputText[readonly] {
	border: 1px solid #dfdfdf;
	background: #efefef;
	color: #aaa;
}
.error {
	border: 1px solid #f00;
	box-shadow: 0 0 3px rgba(255,0,0,.5);
	color: #f00;
}
.date {
	background: url(../images/dateIcon.png) right center no-repeat #fff;
}
.actionArea .search .searchButton {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	background: url(../images/package.png) -354px -230px;
	position: absolute;
	margin: 5px 0 0-30px;
}
.actionArea .search .searchButton:hover {
	background-position: -354px -319px;
}
.pageTop {
	float: left;
	padding-top: 5px;
}
.pageTop span {
	float: left;
	color: #666;
	margin-right: 5px;
}
.pageTop span b {
	color: #6291cb;
}
.first, .pre, .next, .last, .firstUnclickable, .preUnclickable, .nextUnclickable, .lastUnclickable {
	background-image: url(../images/package.png);
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 5px;
}
.first {
	background-position: -124px -301px;
}
.first:hover {
	background-position: -124px -336px;
}
.first: active {
	background-position: -124px -371px;
}
.pre {
	background-position: -159px -301px;
}
.pre:hover {
	background-position: -159px -336px;
}
.pre: active {
	background-position: -159px -371px;
}
.next {
	background-position: -195px -301px;
}
.next:hover {
	background-position: -195px -336px;
}
.next: active {
	background-position: -195px -371px;
}
.last {
	background-position: -230px -301px;
}
.last:hover {
	background-position: -230px -336px;
}
.last: active {
	background-position: -230px -371px;
}
.firstUnclickable {
	background-position: -124px -265px;
	cursor: default;
}
.preUnclickable {
	background-position: -159px -265px;
	cursor: default;
}
.nextUnclickable {
	background-position: -195px -265px;
	cursor: default;
}
.lastUnclickable {
	background-position: -230px -265px;
	cursor: default;
}
.pageInput {
	border: 1px solid #D7D7D7;
	border-radius: 3PX;
	height: 14PX;
	padding: 3px 0;
	line-height: 14PX;
	padding-left: 5PX;
	font-size: 12px;
	display: inline-block;
}
.refresh, .set {
	background-image: url(../images/package.png);
	float: right;
	position: relative;
}
.refresh {
	background-position: -549px -230px;
	width: 42px;
	height: 30px;
}
.refresh:hover {
	background-position: -655px -230px;
}
.refresh: active {
	background-position: -762px -230px;
}
.set {
	background-position: -591px -230px;
	width: 41px;
	height: 30px;
}
.set:hover {
	background-position: -697px -230px;
}
.set: active {
	background-position: -804px -230px;
}
.tableStyle .bg {
	float: left;
	width: 100%;
	padding: 5px 0 0 0;
	margin-top: -3px;
	overflow: hidden;
	white-space: nowrap;
}
.tableStyle .normal, .PaymentTableStyle .normal {
	background: #f4f4f4;
	height: 23px;
}
.down, .up {
	background: url(../images/thBgS.png) top repeat-x #f4f4f4;
}
.sortable {
	cursor: pointer;
}
.sortable .bg {
	background: url(../images/sortable.png) no-repeat center top;
}
.down .bg {
	background: url(../images/down.png) no-repeat center top;
}
.up .bg {
	background: url(../images/up.png) no-repeat center top;
}
.tableStyle th .info {
	background: url(../images/package.png) -319px -372px;
	height: 11px;
	width: 11px;
	display: inline-block;
	right: 5px;
	top: 13px;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.tableStyle .info .tips {
	position: absolute;
	right: 13px;
	top: -9px;
	z-index: 501;
	cursor: pointer;
}
.tableStyle .info .tips h1 {
	background: url(../images/thBgN.png) bottom repeat-x #FFF;
	padding: 5px 10px;
	word-break: keep-all;
	white-space: nowrap;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
	cursor: pointer;
}
.tableStyle, .PaymentTableStyle {
	border-left: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
}
.tableStyle th, .PaymentTableStyle th {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #d7d7d7;
	font-size: 13px;
	color: #666;
	position: relative;
	background-color: #f4f4f4;
}
.tableStyle td, .PaymentTableStyle td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #d7d7d7;
}
.greyLine {
	background-color: #fafafa;
}
.yellowLine {
	background-color: #fffde5;
}
.tableStyle tr:hover {
	background: #e4f3ff;
}
.tableStyle tr:hover td {
	background: #e4f3ff;
}
.operate {
	margin: 0 5px;
	width: 23px;
	height: 23px;
	display: inline-block;
	background-color: transparent;
	background-image: url(../images/icon2.png);
}
.suboperate
{
	margin: 0 5px;
	width: 21px;
	height: 21px;
	display: inline-block;
	background-color: transparent;
	background-image: url(../images/package.png);
    
    }
.tableButtonArea {
	height: 26px;
	overflow: hidden;
}
.copy {
	background-position: 0 -29px;
}
.edit {
	background-position: -26px -29px;
}
.del {
	background-position: -52px -29px;
}
.subdel{background-position: -691px -336px;}
.details {
	background-position: -52px -86px;
}
.lock {
	background-position: -307px -86px;
}
.inWarehouse {
	background-position: -213px -86px;
}
.outWarehouse {
	background-position: -245px -86px;
}
.distribution {
	background-position: -276px -86px;
}
.return {
	background-position: -92px -146px;
}
.sale {
	background-position: -126px -146px;
}
.permissionIcon {
	background-position: -307px -86px;
}
.saleDetails {
	background-position: -245px -145px;
}
.tableStyle tr:hover td .permissionIcon {
	background-position: -307px -56px;
}
.tableStyle tr:hover td .return {
	background-position: -92px -116px;
	cursor: pointer;
}
.tableStyle tr:hover td .sale {
	background-position: -126px -116px;
	cursor: pointer;
}
.tableStyle tr:hover td .copy {
	background-position: 0 0;
	cursor: pointer;
}
.tableStyle tr:hover td .edit {
	background-position: -26px 0;
	cursor: pointer;
}
.tableStyle tr:hover td .del {
	background-position: -52px 0;
	cursor: pointer;
}
.tableStyle tr:hover td .details {
	background-position: -52px -56px;
	cursor: pointer;
}
.tableStyle tr:hover td .inWarehouse {
	background-position: -213px -56px;
	cursor: pointer;
}
.tableStyle tr:hover td .outWarehouse {
	background-position: -245px -56px;
	cursor: pointer;
}
.tableStyle tr:hover td .distribution {
	background-position: -276px -56px;
	cursor: pointer;
}
.tableStyle tr:hover td .saleDetails {
	background-position: -245px -116px;
	cursor: pointer;
}
.lineSet {
	position: absolute;
	width: 350px;
	right: 20px;
	margin-top: 25px;
	z-index: 1001;
}
.lineSet .lineSetIn {
	border: 1px solid #d7d7d7;
	background: #FFF;
	border-radius: 5px;
}
.lineSet .title {
	background: url(../images/thBgN.png) bottom #fdfefe repeat-x;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #bbb;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.lineSet .title .text {
	font-size: 16px;
}
.lineSet .content {
	padding: 10px;
	font-size: 14px;
	color: #666;
}
.lineSet .buttonArea {
	padding: 10px;
	background: url(../images/thBgN.png) bottom repeat-x;
	border-top: 1px solid #d7d7d7;
}
.lineSet .arrow {
	background: url(../images/arrowT.png);
	width: 15px;
	height: 8px;
	float: right;
	margin: 10px 17px -1px 0;
}
.lineSet .lineSetIn td {
	text-align: left;
}
.lineSetUp {
	position: absolute;
	width: 350px;
	right: 20px;
	bottom: 70px;
	z-index: 10;
}
.lineSetUp .lineSetIn {
	border: 1px solid #d7d7d7;
	background: #FFF;
	border-radius: 5px;
}
.lineSetUp .title {
	background: url(../images/thBgN.png) bottom #fdfefe repeat-x;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #bbb;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.lineSetUp .title .text {
	font-size: 16px;
}
.lineSetUp .content {
	padding: 10px;
	font-size: 14px;
	color: #666;
}
.lineSetUp .buttonArea {
	padding: 10px;
	background: #FFF;
	border-top: 1px solid #d7d7d7;
}
.lineSetUp .arrow {
	background: url(../images/arrowD.png);
	width: 15px;
	height: 8px;
	float: right;
	margin: -1px 17px 0 0;
}
.selectButton {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#f2f2f2));
	height: 28px;
	padding: 0 0 0 20px;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	color: #666;
}
.selectButton:hover {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f2f2f2));
	color: #666;
	cursor: pointer;
}
.selectButton: active {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #f2f2f2;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#FFF));
	color: #666;
	cursor: pointer;
}
.selectButton .title .text {
	width: 60px;
	float: left;
}
.selectButton .title .icon {
	background: url(../images/selectDown.png);
	width: 25px;
	height: 28px;
	float: left;
	margin-left: 10px;
}
.selectButton .value {
	position: absolute;
	width: 113px;
	border: 1px solid #d1d1d1;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	margin: 28px 0 0 -21px;
	background-color: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#e7e7e7));
	z-index: 10000;
}
.selectButton .value .normal {
	border-bottom: 1px solid #d7d7d7;
	float: left;
	width: 100%;
}
.selectButton .value li a {
	width: 100%;
	float: left;
	color: #666;
	text-indent: 20px;
}
.selectButton .value li a:hover {
	background: #f8f8f8;
}
.noborderTable td {
	border: 0;
	line-height: 100%;
}
.expertSearch {
	background: #f7f7f7;
	border-top: 1px solid #d7d7d7;
	margin-top: -5px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	margin-bottom: 5px;
}
.expertSearch .value {
	float: left;
	padding-right: 10px;
	margin-bottom: 5px;
}
.expertSearch .value .title {
	float: left;
	color: #7c8389;
	line-height: 30px;
	padding-right: 5px;
}
.expertSearch .value .text {
	float: left;
	padding-right: 5px;
}
.formTitle {
	font-size: 16px;
	border-bottom: 1px solid #D7D7D7;
	line-height: 30px;
	width: 100%;
	margin-bottom: 20px;
}
.ft-mb
{
   margin-bottom:5px;
    
    }
.formErrorIcon {
	background: url(../images/icon2.png) -20px -56px;
	width: 13px;
	height: 13px;
	float: left;
	margin: 7px 5px 0 0;
}
.selectWrite .arrow {
	background: url(../images/selectDown.png) #f4f4f4;
	width: 25px;
	height: 28px;
	border-radius: 3px;
}
.cover {
	background: url(../images/coverBg.png);
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1000;
	display: block;
}
.popArea {
	background: #FFF;
	border-radius: 5px;
	border: 3px solid #646464;
	position: absolute;
	z-index: 1000;
	top: 10%;
	left: 20%;
	width: 500px;
	height: 580px;
}
.popArea .title {
	background: url(../images/thBgN.png) repeat-x bottom #fdfefe;
	border-bottom: 1px solid #d7d7d7;
	height: 33px;
	line-height: 33px;
	width: 100%;
	float: left;
}
.popArea .title .text {
	font-size: 14px;
	text-indent: 10px;
	float: left;
}
.bottomButton {
	background: #F8F8F8;
	border-top: 1px solid #d7d7d7;
	width: 96%;
	padding: 10px 2%;
	float: left;
	text-align: right;
}
.popArea .close {
	width: 20px;
	padding-right: 10px;
	float: right;
}
.popArea .close:hover {
	background: none;
}
.popArea .close .closeButton {
	width: 20px;
	height: 20px;
	background: url(../images/package.png) -691px -337px;
	display: inline-block;
	cursor: pointer;
}
.popArea .close .closeButton:hover {
	background: url(../images/package.png) -620px -337px;
	cursor: pointer;
}
.popArea .content {
	clear: both;
	padding: 10px 2%;
	float: left;
	width: 96%;
}
.popArea .contentChoseGoods {
	padding: 0;
}
.popArea .moveArea {
	cursor: move;
}
.formTable tr td {
	line-height: 28px;
}
.errorArea {
	padding-top: 10px;
}
.helpinfo {
	background: url(../images/package.png) -319px -372px;
	height: 11px;
	width: 11px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 10px;
	*margin-left: 0;
	cursor: pointer;
	position: relative;
}
.helpinfo .tips {
	position: absolute;
	margin: 15px 0 0 -80px;
	z-index: 1000;
	width:395px !important;
}
.helpinfo .tips h1 {
	background: url(../images/thBgN.png) bottom repeat-x #FFF;
	padding: 5px 10px;
	width: 150px;
	word-break: break-all;
	white-space: normal;
	text-align: left;
	float: left;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
	margin-top: 7px;
	box-shadow: 0 3px 3px rgba(0,0,0,.2);
	width:390px;
}
.helpinfo .tips h2 {
	background: url(../images/arrowT.png);
	width: 15px;
	height: 8px;
	z-index: 1;
	position: absolute;
	margin-left: 78px;
	*margin-left: -85px;
}
.classifyEdit a {
	background: url(../images/package.png) no-repeat;
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 5px;
}
.classifyEdit .add {
	background-position: -761px -337px;
}
.classifyEdit .add:hover {
	background-position: -761px -390px;
}
.classifyEdit .edit {
	background-position: -814px -337px;
}
.classifyEdit .edit:hover {
	background-position: -814px -390px;
}
.classifyEdit .del {
	background-position: -885px -337px;
}
.classifyEdit .del:hover {
	background-position: -885px -390px;
}
.classifyBottomButton {
	padding-left: 215px;
	float: left;
}
.footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #cfcfcf;
	color: #999;
	margin-top: 15px;
	padding-top: 10px;
}
.footer .fr {
	text-align: right;
}
.noPadding {
	padding: 0;
}
.wf100 {
	width: 100%;
}
.wf95 {
	width: 95%;
}
.sevBottom {
	padding-left: 10px;
}
.sevBottom a {
	float: left;
	background: url(../images/package.png) no-repeat;
	width: 35px;
	height: 35px;
}
.sevBottom .QQ {
	background-position: -567px -284px;
}
.sevBottom .QQ:hover {
	background-position: -761px -284px;
}
.sevBottom .weibo {
	background-position: -606px -284px;
}
.sevBottom .weibo:hover {
	background-position: -800px -284px;
}
.sevBottom .weixin {
	background-position: -647px -284px;
}
.sevBottom .weixin:hover {
	background-position: -841px -284px;
}
.sevBottom .comment {
	background-position: -688px -284px;
}
.sevBottom .comment:hover {
	background-position: -882px -284px;
}
.tabBar {
	background: url(../images/thBgN.png) bottom repeat-x;
	width: 100%;
	border-bottom: 2px solid #6cbe4a;
	float: left;
	height: 35px;
}
.tabBar .tabN a {
	padding: 4px 19px;
	float: left;
	margin-bottom: -2px;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 9px;
	color: #aab3c5;
}
.tabBar .tabS a, .tabBar .tabN a:hover {
	padding: 3px 18px;
	float: left;
	margin-bottom: -2px;
	border: 1px solid #6cbe4a;
	border-width: 1px 1px 0 1px;
	font-size: 14px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: 5px;
	margin-top: 9px;
	background: #fff;
	color: #6e7686;
}
.importContact {
	padding: 20px;
}
.importContact .title {
	font-size: 24px;
	color: #000;
	padding-bottom: 20px;
}
.importContact .tab {
	display: block;
	width: 100%;
	height: 141px;
	background-color: #d8d7d7;
}
.importContact .tab ul {
	padding: 5px 5px 0 5px;
}
.importContact .tab ul .tabN {
	float: left;
	border: 3px solid #d8d7d7;
	border-width: 3px 3px 5px 3px;
	height: 128px;
	margin-right: 5px;
}
.importContact .tab ul .tabN:hover, .importContact .tab ul .tabS {
	float: left;
	border: 3px solid #FFF;
	border-width: 3px 3px 5px 3px;
	height: 128px;
	margin-right: 5px;
}
.impotButtonArea {
	border-bottom: 1px dashed #DCDCDC;
	padding: 0 0 10px 0;
}
.gmailLogin {
	background: url(../images/gmailLogin.gif);
	width: 262px;
	height: 55px;
	display: inline-block;
}
.gmailLogin:hover {
	background: url(../images/gmailLogin.gif) -262px 0;
	height: 55px;
}
.excelTemp {
	background: url(../images/excelTemp.gif);
	width: 197px;
	height: 55px;
	display: inline-block;
}
.excelTemp:hover {
	background: url(../images/excelTemp.gif) -197px 0;
	height: 55px;
}
.impotButtonArea .step1 {
	float: left;
}
.impotButtonArea .step1 .downloadExcelTemp {
	background: url(../images/importExcel1.png);
	width: 197px;
	height: 156px;
	float: left;
	display: inline-block;
}
.impotButtonArea .step1 .downloadExcelTemp:hover {
	background: url(../images/importExcel1.png) -197px 0;
}
.impotButtonArea .step2 {
	float: left;
	background: url(../images/importExcel2.png);
	width: 197px;
	height: 156px;
	margin-left: 10px;
}
.impotButtonArea .step2 .text {
	width: 145px;
	text-align: center;
	padding-top: 120px;
	float: left;
}
.impotButtonArea .step3 {
	float: left;
	background: url(../images/importExcel3.png);
	width: 145px;
	height: 156px;
	margin-left: 10px;
}
.choseFile {
	background: #1d91ff;
	color: #FFF;
	padding: 10px 20px;
}
.choseFile:hover {
	background: #51a9fd;
	color: #FFF;
	padding: 10px 20px;
}
.choseFileArea {
	width: 145px;
	text-align: center;
	float: left;
	padding-top: 70px;
}
.impotButtonArea .step3 .text {
	width: 145px;
	padding-top: 25px;
	text-align: center;
	float: left;
	line-height: 120%;
}
.impotButtonArea .step2End {
	background: url(../images/step2end.png);
	width: 145px;
	height: 156px;
	margin-left: 10px;
	float: left;
}
.impotButtonArea .step2End .text {
	width: 145px;
	padding-top: 25px;
	text-align: center;
	float: left;
	line-height: 120%;
}
.impotButtonArea .step1Outlook {
	float: left;
	background: url(../images/stepOutLook.png);
	width: 197px;
	height: 156px;
}
.importSuccees {
	border: 1px solid #feeb9d;
	background: #fffbe9;
	padding: 10px;
	margin-top: 10px;
}
.tab_pd {
	float: left;
	border: 1px solid #2c8fff;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
}
.tab_pd ul li {
	float: left;
}
.tab_pdN a {
	color: #2c8fff;
	text-align: center;
	width: 120px;
	float: left;
	height: 30px;
}
.tab_pdS a, .tab_pdN a:hover {
	background: #2c8fff;
	color: #FFF;
	text-align: center;
	width: 120px;
	float: left;
	height: 30px;
}
.propertyValue {
	float: left;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 3px;
	padding: 3px 0 3px 10px;
	margin: 4px 10px 4px 0;
	line-height: 25px;
}
.noBorder {
	border: 0;
}
.photoPreview {
	border: 1px solid #dcdcdc;
	background: #eaeaea;
	padding: 4px;
	margin-right: 10px;
	float: left;
	height: 150px;
}
.proPhotoDetails {
	border: 1px solid #dcdcdc;
	background: #eaeaea;
	padding: 4px;
	display: inline-block;
	height: 120px;
}
.proPhotoDetails:hover {
	border: 1px solid #52b6ff;
	background: #f5fbff;
}
.disable {
	width: 54px;
	height: 54px;
	background: url(../images/package.png) -850px -18px;
	position: absolute;
	right: 30px;
}
.enable {
	width: 54px;
	height: 54px;
	background: url(../images/package.png) -850px -89px;
	position: absolute;
	right: 30px;
}
.topButtonBg {
	background: url('../images/coverBgLight.png');
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
}

.tableStyle tr th {
	font-size: 14px;
	background-color:#fff;
}

.receipts {
	width:96%;
	padding:20px 2% 20px 2%;
}
.receipts .title {
	background:url(../images/line.png) bottom repeat-x;
}
.receipts .title .text {
	color:#454c51;
	font-size:30px;
	line-height:30px;
	padding-bottom:20px;
}
.receipts .tableStyle tr th {
	font-size:14px;
	color:#000;
	z-index:0;
}
.receiptsInputText {
	width: 96%;
	display: block;
	height: 15px;
	line-height: 15px;
	color: #7c8389;
	border: 1px solid #FFF;
	background-color: #FFF;
	padding: 5PX 0;
	text-indent: 5PX;
	border-radius: 3px;
}
.receiptsInputText:hover {
	border: 1px solid #06F;
}
.receiptsInputText:focus {
	border: 1px solid #06F;
}
.receiptsInputTextError {
	width: 96%;
	display: block;
	height: 15px;
	line-height: 15px;
	color: #F00;
	border: 1px solid #F00;
	background-color: #FFF;
	padding: 5PX 0;
	text-indent: 5PX;
	border-radius: 3px;
}
.receiptsInputTextError:hover {
	border: 1px solid #06F;
}
.receiptsInputTextError:focus {
	border: 1px solid #06F;
	color: #7c8389;
}
.tableStyle tr:hover .receiptsInputText[readonly], .tableStyle tr:hover .receiptsInputText:hover[readonly] {
	background: #F1F1F1;
	border: 1PX solid #F1F1F1;
}
.tableStyle tr:hover .receiptsInputText:focus[readonly] {
	background: #F1F1F1;
	border: 1PX solid #f1f1f1;
}
.tableStyle tr .receiptsInputText:focus[readonly] {
	background: #FFF;
	border: 1PX solid #FFF;
}
.tableStyle tr:hover .plusLite {
	background: url(../images/icon2.png) no-repeat 0 -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}
.tableStyle tr:hover .plusLite:hover {
	background: url(../images/icon2.png) no-repeat 0 -73px;
}
.tableStyle tr:hover .delLite {
	background: url(../images/icon2.png) no-repeat -20px -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 3px 5px 0 5px;
}
.tableStyle tr:hover .delLite:hover {
	background: url(../images/icon2.png) no-repeat -20px -73px;
}
.tableStyle tr .chose {
	display: none;
}
.tableStyle tr:hover .chose {
	display: block;
	width: 100%;
}
.tableStyle tr .num {
	display: block;
}
.tableStyle tr .actionArea {
	display: none;
}
.tableStyle tr:hover .num {
	display: none;
}
.tableStyle tr:hover .actionArea {
	display: block;
}
.tableStyle tr:hover .chose tr, .tableStyle tr:hover .chose tr td, .tableStyle tr:hover .chose {
	border: 0;
}
.tableStyle tr:hover td {
	background: #f1f1f1;
}
.choseGoods {
	border-radius: 3px;
	background-color: #36c77b;
	color: #FFF;
	cursor: pointer;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	display: inline-block;
}
.choseGoods:hover {
	background: #49dc8f;
	color: #FFF;
	cursor: pointer;
}
.choseGoods:active {
	background: #36c77b;
	color: #FFF;
	cursor: pointer;
}
.deliver {
	border: 1px solid #eee;
	background-color: #f8f8f8;
	float: left;
	width: 100%;
	display: block;
	margin-top: 5px;
	padding: 10px 0;
	box-sizing: border-box;
}
.deliver span {
	padding: 0 5px 0 10px;
	line-height: 30px;
}
.deliver input[type=checkbox] {
	margin: 8px 0 0 10px;
	float: left;
}
.codeEdit {
	padding: 5px 0;
	padding-left: 6px;
	padding-right: 1px;
	height: 14PX;
	border: 0;
	color: #999;
	text-decoration: underline;
	width: 140px;
	font-size: 12px;
}
.codeEdit:hover {
	border: 1px solid #D7D7D7;
	border-radius: 3PX;
	height: 14PX;
	padding: 4px 0;
	background: none;
	line-height: 14PX;
	padding-left: 5PX;
	font-size: 12px;
	display: inline-block;
}
.codeEdit:focus {
	border: 1px solid #06F;
	border-radius: 3PX;
	padding: 4px 0;
	padding-left: 5PX;
	box-shadow: inset 0 1px 2px rgba(0,102,255,0.3);
	font-size: 12px;
	height: 14PX;
	background: none;
}
.setButton, .refreshButton {
	padding: 0;
	width: 28px;
	height: 28px;
}
.setButton span {
	background: url(../images/setIcon.png) center no-repeat;
	width: 28px;
	height: 28px;
	float: left;
}
.refreshButton span {
	background: url(../images/refreshIcon.png) center no-repeat;
	width: 28px;
	height: 28px;
	float: left;
}
.choseGoods {
	display: none;
}
.tableStyle tr:hover .choseGoods {
	display: inline-block;
}
.choseGoodArea .choseGoods .receiptsInputText {
	width: 170px;
}
.hidden {
	display: none;
}
.tableStyle tr:hover .hidden {
	display: block;
}
.highlight, .tableStyle tr:hover .highlight {
	background: #fffde5;
}
.highlight .receiptsInputText {
	border: 1px solid #eee79a;
}
.priceInfo {
	margin-right: 20px;
}
.priceInfo tr td {
	border: 0;
}
.left {
	float: left;
	line-height: 30px;
}
.left .button {
	margin-right: 5px;
}
.right {
	float: right;
}
.right .button {
	float: left;
	margin-left: 5px;
}
#payArea tr:hover {
	background: #fffde5;
}
#payArea tr td {
	border: 0;
	background-color: transparent;
}
#payArea tr:hover td {
	background-color: transparent;
}
.sn {
	width: 14px;
	height: 14px;
	background: url(../images/sn.png) no-repeat 2px 2px;
	display: inline-block;
	position: absolute;
	margin: 4px 0 0 -20px;
	z-index: 100;
	cursor: pointer;
}
.sn:hover {
	background-position: -109px 2px;
}
.popArea .contentChoseGoods {
	clear: both;
	width: 100%;
	float: left;
}
.contentChoseGoods .secTitle {
	border-bottom: 1px solid #D7D7D7;
	width: 100%;
	float: left;
	line-height: 35px;
}
.contentChoseGoods .treeArea {
	height: 307px;
	border-bottom: 1px solid #D7D7D7;
	overflow: scroll;
	float: left;
	width: 100%;
}
.contentChoseGoods .quickList {
	padding: 15px 0 15px 15px;
	float: left;
}
.contentChoseGoods .quickList li {
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	padding: 0 10px;
	margin-right: 10px;
}
.contentChoseGoods .quickList li a {
	width: 60px;
	height: 30px;
	color: #39424b;
	float: left;
}
.contentChoseGoods .quickList .select {
	border: 1px solid #2091fc;
	background-color: #6ecdff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#2091fc), to(#6ecdff));
	color: #FFF;
}
.contentChoseGoods .quickList .recent a .icon {
	background-position: -865px -173px;
}
.contentChoseGoods .quickList .warning a .icon {
	background-position: -865px -224px;
}
.contentChoseGoods .quickList .hotGoods a .icon {
	background-position: -918px -135px;
}
.contentChoseGoods .quickList li a .text {
	color: #39424b;
	display: block;
	text-align: center;
}
.contentChoseGoods .quickList li a:hover .text {
	color: #39424b;
	text-align: center;
}
.contentChoseGoods .quickList .select a .text {
	color: #FFF;
	text-align: center;
}
.contentChoseGoods .quickList li a {
	position: relative;
}
.contentChoseGoods .quickList li a .newIcon {
	position: absolute;
	top: 0;
	right: -15px;
}
.count {
	position: relative;
}
.count .short {
	background: url(../images/icon_ps.png) no-repeat 0 0;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 2px;
	position: absolute;
	cursor: pointer;
	display: none;
}
.count .short:hover {
	background: url(../images/icon_ps.png) no-repeat 0 -28px;
}
.count .shortUnclickable {
	background: url(../images/icon_ps.png) no-repeat 0 -56px;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 2px;
	position: absolute;
	cursor: default;
	display: none;
}
.count .plus {
	background: url(../images/icon_ps.png) no-repeat -40px 0;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 -24px;
	position: absolute;
	cursor: pointer;
	display: none;
}
.count .plus:hover {
	background: url(../images/icon_ps.png) no-repeat -40px -28px;
}
.tableStyle tr:hover .count .plus, .tableStyle tr:hover .count .short, .tableStyle tr:hover .shortUnclickable {
	display: inline-block;
}
.tableNoborder tr td {
	border: 0;
}
.tableNoborder tr:hover {
	background-color: #FFF;
}
.low {
	font-size: 10px;
	color: #FFF;
	background-color: #F00;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.high {
	font-size: 10px;
	color: #FFF;
	background-color: #F90;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.remark {
	width: 100%;
	padding-top: 20px;
}
.inputMore {
	background-image: url(../images/package.png);
	background-position: -455px -377px;
	float: left;
	width: 28px;
	height: 28px;
	cursor: pointer;
	position: absolute;
	margin-left: -28px;
	top: 0;
	right: 0;
}
.inputMore:hover {
	background-position: -490px -377px;
}
.lh30 {
	line-height: 30px;
}
.loginTop {
	border-bottom: 1px solid #d7d7d7;
	background: #FFF;
	width: 100%;
	float: left;
	padding: 10px 0;
}
.loginTopIn {
	width: 1002px;
	margin: 0 auto;
}
.loginContainer {
	width: 1002px;
	margin: 0 auto;
}
.showcase {
	width: 660px;
	height: 350px;
	overflow: hidden;
	float: left;
	padding-right: 20px;
	position: relative;
}
.showcase .icon {
	position: absolute;
	bottom: 10px;
	height: 20px;
	right: 30px;
	background: url(../images/coverBg.png);
	border-radius: 20px;
	padding: 0 3px 3px 8px;
}
.showcase .icon .point {
	background: #999;
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 10px;
	margin-right: 5px;
	transition: background linear .3s;
}
.showcase .icon .point:hover {
	background: #FFF;
	transition: background linear .3s;
}
.showcase .icon .select {
	background: #FFF;
	transition: background linear .3s;
}
.loginForm {
	width: 280px;
	float: left;
}
.loginButton {
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}
.loginInput {
	width: 260px;
	height: 25px;
	line-height: 25px;
}
.loginArea {
	height: 320px;
}
.otherLogin {
	width: 275px;
	border-bottom: 1px solid #d7d7d7;
	padding: 6px 0;
	float: left;
}
.otherLogin a {
	width: 133px;
	text-align: center;
	float: left;
}
.quickLink {
	width: 980px;
	float: left;
	overflow: hidden;
	padding: 10px;
}
.quickLink ul li {
	float: left;
}
.quickLink ul li a {
	width: 114px;
	height: 114px;
	float: left;
	margin-right: 95px;
	cursor: pointer;
}
.quickLink ul li a:hover {
	background: #F8F8F8;
	border-radius: 5PX;
}
.quickLink ul li a .icon {
	background-image: url(../images/package.png);
	width: 40px;
	height: 40px;
	float: left;
	margin: 30px 35px 10px 37px;
	cursor: pointer;
}
.quickLink ul li a .text {
	width: 114px;
	float: left;
	text-align: center;
	color: #999;
	cursor: pointer;
}
.quickLink ul .pc a .icon {
	background-position: -514px -478px;
}
.quickLink ul .pc a:hover .icon {
	background-position: -514px -549px;
}
.quickLink ul .android a .icon {
	background-position: -602px -478px;
}
.quickLink ul .android a:hover .icon {
	background-position: -602px -549px;
}
.quickLink ul .ios a .icon {
	background-position: -690px -478px;
}
.quickLink ul .ios a:hover .icon {
	background-position: -690px -549px;
}
.quickLink ul .wb a .icon {
	background-position: -797px -478px;
}
.quickLink ul .wb a:hover .icon {
	background-position: -797px -549px;
}
.quickLink ul .website a .icon {
	background-position: -885px -478px;
}
.quickLink ul .website a:hover .icon {
	background-position: -885px -549px;
}
.choseVersion {
	position: fixed;
	z-index: 1001;
	top: 190px;
	left: 30%;
	width: 590px;
	height: 220px;
	background: #FFF;
}
.choseVersion .title {
	background: #F2F2F2;
	border-bottom: 1px solid #d7d7d7;
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #666;
	text-indent: 10px;
	line-height: 40px;
}
.choseVersion .Vbottom {
	background: #F2F2F2;
	border-top: 1px solid #eee;
	width: 100%;
	height: 30px;
	font-size: 12px;
	color: #999;
	text-indent: 10px;
	line-height: 30px;
	float: left;
}
.choseVersion .content {
	padding: 20px;
	float: left;
}
.choseVersion .content .baseVersion, .choseVersion .content .freeVersion {
	background: #1f8ef4 no-repeat 20px 35px;
	transition: background linear .2s;
	width: 170px;
	height: 110px;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	margin-right: 20px;
}
.choseVersion .content .baseVersion:hover, .choseVersion .content .freeVersion:hover {
	background: #399efa no-repeat 20px 35px;
	transition: background linear .2s;
	cursor: pointer;
}
.choseVersion .content .baseVersion h1, .choseVersion .content .freeVersion h1 {
	font-size: 14px;
	color: #FFF;
	padding: 0 20px;
	padding-top: 15px;
}
.choseVersion .content .baseVersion h2, .choseVersion .content .freeVersion h2 {
	font-size: 12px;
	color: #c5dffa;
	padding: 0 20px;
	line-height: 120%;
}
.choseVersion .content .freeVersion {
	background: #35a362 no-repeat 20px 35px;
}
.choseVersion .content .freeVersion:hover {
	background: #3dc374 no-repeat 20px 35px;
	transition: background linear .2s;
	cursor: pointer;
}
.choseVersion .content .freeVersion h2 {
	font-size: 12px;
	color: #dcf2df;
	padding: 0 20px;
	line-height: 120%;
}
.choseVersion .content .chainVersion {
	background: #246b99 no-repeat 20px 35px;
	transition: background linear .2s;
	width: 170px;
	height: 110px;
	border-radius: 5px;
	cursor: pointer;
	display: block;
}
.choseVersion .content .chainVersion:hover {
	background: #2686c6 no-repeat 20px 35px;
	transition: background linear .2s;
	cursor: pointer;
}
.choseVersion .content .chainVersion h1 {
	font-size: 14px;
	color: #FFF;
	padding: 0 20px;
	padding-top: 15px;
}
.choseVersion .content .chainVersion h2 {
	font-size: 12px;
	color: #a3b7c5;
	padding: 0 20px;
	line-height: 120%;
}
.choseVersion .closeIcon {
	background-image: url(../images/closeIcon.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 23px;
	height: 23px;
	background-color: #999;
	float: right;
	margin-right: 20px;
}
.choseVersion .closeIcon:hover {
	background-color: #e77070;
	transition: linear background-color .3s;
	cursor: pointer;
}
.choseVersion .closeIcon: active {
	background-color: #d46666;
	transition: linear background-color .3s;
	cursor: pointer;
}
.num1 {
	background: url(../images/package.png) -18px -402px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.num2 {
	background: url(../images/package.png) -55px -402px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.num3 {
	background: url(../images/package.png) -90px -402px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.num4 {
	background: url(../images/package.png) -90px -345px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.numWhite1 {
	background: url(../images/package.png) -18px -435px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.numWhite2 {
	background: url(../images/package.png) -55px -435px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.numWhite3 {
	background: url(../images/package.png) -91px -435px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.numWhite4 {
	background: url(../images/package.png) -90px -374px;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-left: 10px;
}
.stepChecked {
	background: url(../images/package.png) -88px -499px;
	height: 25px;
	width: 25px;
}
.bgGreen {
	background-color: #6C6;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}
.bgGray {
	background-color: #E9EEF2;
	color: #949EA5;
	text-align: center;
	vertical-align: middle;
}
.Info .tips {
	background-color: #F9F9F9;
	padding: 5px 10px;
	width: 100%;
	word-break: break-all;
	white-space: normal;
	text-align: left;
	float: left;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-top: 7px;
}
.Info h2 {
	background: url(../images/arrowT.png);
	width: 15px;
	height: 9px;
	position: absolute;
	margin-left: 18px;
	*margin-left: -85px;
}
.Info .left {
	width: 8px;
	height: 15px;
	position: absolute;
	margin-left: 1px;
	margin-top: 1px;
	*margin-left: -85px;
}
.Info h3 {
	font-size: 12px;
}
.formInfo {
	display: inline-block;
	margin-left: 5px;
	margin-top: 2px;
	*margin-left: 0;
	cursor: pointer;
}
.formInfo .tips {
	position: absolute;
	background-color: #F9F9F9;
	padding: 10px 20px;
	width: 200px;
	word-break: break-all;
	white-space: normal;
	text-align: left;
	float: left;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-top: -20px;
	margin-left: 9px;
}
.formInfo h2 {
	background: url(../images/arrowT.png);
	width: 15px;
	height: 9px;
	position: absolute;
	margin-left: 18px;
	margin-top: 0;
}
.formInfo .left {
	z-index: 1;
	position: absolute;
	width: 8px;
	height: 15px;
	position: absolute;
	margin-left: 2px;
	margin-top: -5px;
	*margin-left: -85px;
}
.formInfo h3 {
	background-position: center left;
	font-size: 12px;
	margin-top: 0;
	padding-left: 10px;
	padding-top: -10px;
}
.formInfo .error {
	font-size: 12px;
	margin-top: 3px;
	color: red;
	border: none;
}
.imgPc {
	background: url(../images/package.png) -356px -409px;
	height: 100px;
	width: 103px;
	display: inline-block;
}
.imgAndroid {
	background: url(../images/package.png) -132px -405px;
	height: 100px;
	width: 100px;
	display: inline-block;
}
.imgIOS {
	background: url(../images/package.png) -244px -405px;
	height: 100px;
	width: 100px;
	display: inline-block;
}
.block {
	display: block;
}
.fakeSelect h2 {
	font-size: 12px;
	border: 1px solid #d7d7d7;
	border-radius: 3PX;
	height: 14PX;
	padding: 5px 0;
	line-height: 14PX;
	padding-left: 5PX;
	font-size: 12px;
	display: block;
	background: url(../images/selectDown.png) right center no-repeat #FFF;
	text-align: left;
}
.fakeSelect:hover .FSvalue {
	display: block;
	position: absolute;
}
.fakeSelect .FSvalue {
	display: none;
}
.FSvalue {
	background: #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	z-index: 500;
	text-align: left;
	text-indent: 5px;
	position: relative;
	width: 120px;
	margin-top: -1px;
}
.fakeSelect:hover h2 {
	box-shadow: 0 2px 1px rgba(0,0,0,0.11) inset;
}
.FSvalue li:hover {
	background: #d2d2d2;
	cursor: pointer;
}
.levelSelect {
	position: relative;
	display: block;
	float: left;
}
.levelSelect .ls {
	position: absolute;
	z-index: 2000;
}
.levelSelect .ls-input {
	display: block;
	border: medium none;
	color: #202626;
	height: 19px;
	line-height: 18px;
	padding: 5px 22px 4px 4px;
	text-indent: 2px;
	width: 81px;
	cursor: default;
	background: url(../images/selectBg.png) no-repeat right -31px #FFF;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
}
.levelSelect .ls-input:hover {
	background-position: right -62px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
}
.levelSelect .ls-input: active {
	background-position: right 0;
	box-shadow: 0 2px 1px rgba(0,0,0,0.11) inset;
}
.ls-inputReadonly {
	display: block;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	height: 19px;
	line-height: 18px;
	padding: 5px 22px 4px 4px;
	text-indent: 2px;
	width: 81px;
	cursor: default;
	background: url(../images/selectBg.png) no-repeat right -31px #efefef;
	color: #aaa;
}
.levelSelect .ls-box {
	padding: 5px 0 5px 4px;
	box-shadow: 0 2px 1px rgba(0,0,0,0.11);
	background: #FFF;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.levelSelect .ls-ul {
	padding-right: 4px;
}
.levelSelect .ls-li {
	position: relative;
	text-align: left;
	cursor: default;
	height: 24px;
	line-height: 24px;
	padding-left: 12px;
	background: #FFF url(../images/arrow.png) no-repeat 93px 8px;
}
.levelSelect .ls-li.mouseover {
	background: #eee url(../images/arrow.png) no-repeat 93px 8px;
}
.levelSelect .ls-li.nochild {
	background-image: none;
}
.levelSelect .ls-li span {
	line-height: 24px;
	text-align: left;
}
.levelSelect .ls-tit {
	font-size: 0;
	line-height: 0;
	padding-left: 4px;
	background: url(../images/selectBg.png) repeat-y 0 0;
}
.levelSelect .ls1 {
	top: 24px;
	width: 114px;
}
.levelSelect .ls2 {
	left: 103px;
	top: 0;
	width: 100px;
}
.levelSelect .ls2 li {
	cursor: pointer;
}
.levelSelect .color {
	color: #64AAA0;
}
.noBg {
	background: none;
}
.ls-li span {
	white-space: nowrap;
	overflow: hidden;
	width: 72px;
	float: left;
}
.check {
	background-position: -86px -86px;
}
.tableStyle tr:hover td .check {
	background-position: -86px -56px;
	cursor: pointer;
}
.snAdd h1 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
}
.snAdd h2 {
	font-size: 14px;
	font-weight: normal;
	color: #888;
}
.snTab {
	float: left;
}
.snTab li {
	float: left;
}
.snTab .tabN a {
	border: 1px solid #d7d7d7;
	background: #eee;
	margin-bottom: -1px;
	padding: 5px 10px;
	color: #666;
	float: left;
	margin-right: 5px;
}
.snTab .tabS a, .snTab .tabN a:hover {
	border: 1px solid #d7d7d7;
	margin-bottom: -1px;
	background: #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px 10px;
	color: #333;
	float: left;
	margin-right: 5px;
}
.snTable {
	border: 1px solid #d7d7d7;
}
.snTab ul li a {
	color: #666;
}
.snTab ul li a:hover {
	color: #333;
}
.tableStyle tr:hover .delLite {
	background: url(../images/icon2.png) no-repeat -20px -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}
.tableStyle tr:hover .delLite:hover {
	background: url(../images/icon2.png) no-repeat -20px -73px;
}
.tableStyle tr .num {
	display: block;
	width: 30px;
	margin: 0;
}
.tableStyle tr .actionArea {
	display: none;
}
.tableStyle tr:hover .num {
	display: none;
}
.tableStyle tr:hover .actionArea {
	display: block;
}
.snSetProList {
	width: 100%;
	float: left;
}
.snSetProList ul li {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 1px;
	cursor: pointer;
}
.snSetProList ul .select, .snSetProList ul .normal:hover {
	background: #2197fc;
}
.snSetProList ul .select a {
	width: 94%;
	margin: 0 3%;
	float: left;
	color: #fff;
}
.snSetProList ul .select a h2 {
	color: #FFF;
}
.snSetProList ul .normal {
	background: #FFF;
}
.snSetProList ul .normal a {
	border-bottom: 1px solid #e4e4e4;
	width: 94%;
	margin: 0 3%;
	float: left;
	color: #fff;
}
.snSetProList ul li a h1 {
	font-size: 14px;
	line-height: 120%;
	padding-bottom: 2px;
}
.snSetProList ul li a h2 {
	font-size: 12px;
	color: #999;
}
.snSetProList ul .normal a h1 {
	color: #666;
}
.snSetProList ul .normal:hover a h1 {
	color: #fff;
}
.snSetProList ul .normal a h2 {
	color: #999;
}
.snSetProList ul .normal:hover a h2 {
	color: #fff;
}
.snSetProList ul .normal:hover a {
	border-bottom: 1px solid #2197fc;
}
.tableTitleBg {
	background: url(../images/thBgN.png) bottom repeat-x #fdfefe;
}
.autoCompleteBox {
	border: 1px solid #D7D7D7;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	z-index: 999999;
}
.autoCompleteBox table {
	background: none repeat scroll 0 0 #FFF;
	cursor: default;
	width: 100%;
}
.autoCompleteBox table th {
	background: #e3f4fe;
	border-bottom: 1px solid #d7d7d7;
	height: 23px;
	font-size: 12px;
	padding: 0 4px;
	line-height: 23px;
	color: #9a6a00;
	text-align: left;
}
.autoCompleteBox table tr {
	background: #fcf3f3;
}
.autoCompleteBox table td {
	border-bottom: 1px solid #eee;
	height: 23px;
	line-height: 23px;
	color: #4c4c4b;
	padding: 0 4px;
	font-size: 12px;
	background-color: #FFF;
}
.autoCompleteBox table td:hover {
	background: #f7fff3;
}
.autoCompleteBox .nowRow {
	background: #fbdab0;
	border-bottom: 1px solid #e2d2ac;
	height: 23px;
	line-height: 23px;
	color: #4c4c4b;
	cursor: pointer;
}
.autoCompleteBox .key {
	color: #F00;
	font-weight: bold;
}
.delLine {
	background: url(../images/icon2.png) no-repeat -20px -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 3px 5px 0 5px;
	cursor: pointer;
}
.delLine:hover {
	background: url(../images/icon2.png) no-repeat -20px -73px;
	cursor: pointer;
}
.cancellation {
	color: #ccc;
}
.cancellation .cancelIcon {
	background: url(../images/icon2.png) no-repeat -158px 0;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.cancellation .disableLine {
	background: url(../images/icon2.png) no-repeat -198px 0;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 150px;
}
.getReady {
	border: 1px solid #ffba00;
	background: #fffbeb url(../images/loading.gif) no-repeat center top;
	padding: 38px 10px 10px 10px;
	display: block;
	color: #53606b;
	font-size: 14px;
	text-align: center;
}
.already {
	border: 1px solid #c2c2c2;
	background: #ebebeb;
	padding: 10px;
	display: block;
	color: #53606b;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	white-space: normal;
}
.shareList ul li {
	float: left;
	padding-right: 10px;
}
.shareList ul li a {
	background: url(../images/share.jpg);
	width: 94px;
	height: 94px;
	display: inline-block;
}
.shareList .copy {
	background-position: 0 0;
}
.shareList .copy:hover {
	background-position: 0 -118px;
}
.shareList .mail {
	background-position: -113px 0;
}
.shareList .mail:hover {
	background-position: -113px -118px;
}
.shareList .QQ {
	background-position: -227px 0;
}
.shareList .QQ:hover {
	background-position: -227px -118px;
}
.shareList .weixin {
	background-position: -339px 0;
}
.shareList .weixin:hover {
	background-position: -339px -118px;
}
.shareArea {
	border-top: 1px #DDD solid;
	padding: 10px;
}
.VBbody {
	background: #758089;
}
.viewBillsLogin {
	width: 430px;
	margin: 100px auto 10px auto;
}
.BillsInfo {
	background: #ff8250;
	height: 150px;
	padding-top: 30px;
}
.billsLogo {
	border-radius: 50px;
	width: 99px;
	height: 99px;
	border: 3px solid #FFF;
	margin: 0 auto;
}
.VBLoginContent {
	padding: 10px;
}
.billsTop {
	background: #FFF;
	box-shadow: 0 2px 1px rgba(0,0,0,.1);
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 100px;
}
.VBlogo {
	width: 80px;
	height: 80px;
	border-radius: 45px;
	border: 2px solid #F8F8F8;
	background-position: center;
	margin: 5px 0 0 10px;
}
.VBbottom {
	width: 100%;
	border-top: #CCC 1px solid;
	background-color: #FFF;
	text-align: right;
	padding: 10px 0;
}
.popWechat {
	position: absolute;
	border: 1px solid #DDD;
	background: #f8f8f8;
	padding: 10px;
	margin: -150px 0 0 95px;
	width: 150px;
}
.popWechat .text {
	white-space: normal;
}
.borderTopNon {
	border-top: 0;
}
.packUp, .unfold:hover {
	background: url(../images/package.png) -951px -74px;
	width: 11px;
	height: 42px;
	float: left;
	margin-top: 200px;
}
.packUp:hover, .unfold {
	background: url(../images/package.png) -951px -10px;
	width: 11px;
	height: 42px;
	float: left;
	margin-top: 200px;
}
.cancelImg {
	position: absolute;
	margin-top: 200px;
	margin-left: 400px;
	background: url(../images/cancel.png) no-repeat;
	width: 400px;
	height: 300px;
	z-index: 1000;
}
.snProChoose {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 24px;
	line-height: 25px;
	text-align: left;
	cursor: pointer;
	background: #FFF url(../images/snN.png) right no-repeat;
}
.snProChoose:hover {
	border: 1px solid #49b8ff;
	box-shadow: 0 0 3px rgba(73,184,255,.5);
	background: #FFF url(../images/snS.png) right no-repeat;
}
.defaultIcon {
	background: url(../images/icon2.png) no-repeat -158px -20px;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.baseAcount {
	background: url(../images/icon2.png) no-repeat -198px -20px;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.returnIcon {
	background: url(../images/icon2.png) no-repeat -317px 0;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.InventoryLoss {
	background: url(../images/icon2.png) no-repeat -317px -20px;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.Surplus {
	background: url(../images/icon2.png) no-repeat -354px -20px;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.returnPartIcon {
	background: url(../images/icon2.png) no-repeat -232px -20px;
	width: 44px;
	height: 14px;
	display: inline-block;
}
.returnAllIcon {
	background: url(../images/icon2.png) no-repeat -232px 0;
	width: 44px;
	height: 14px;
	display: inline-block;
}
.linkedIcon {
	background: url(../images/icon2.png) no-repeat -281px -20px;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.linkedDefualtIcon {
	background: url(../images/icon2.png) no-repeat -281px 0;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.newIcon {
	background: url(../images/new.gif) no-repeat center;
	width: 30px;
	height: 14px;
	display: inline-block;
}
.ui-combo-wrap .trigger {
	background: url('../images/spr_icons.png') no-repeat;
}
.ui-combo-wrap {
	position: relative;
	display: inline-block;
	height: 28px;
	*display: inline;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
	overflow: hidden;
	zoom: 1;
}
.ui-combo-wrap .input-txt {
	outline: none;
	float: left;
	padding: 6px 0 6px 5px;
	height: 16px;
	line-height: 16px;
	color: #555;
	border: 0;
}
.ui-combo-wrap .trigger {
	float: left;
	width: 16px;
	height: 100%;
	overflow: hidden;
	background-position: 0 -16px;
}
.ui-combo-wrap .trigger:hover {
	background-position: -16px -16px;
}
.ui-combo-active, .ui-combo-active:hover {
	border: 1px solid #aaa;
}
.ui-combo-active, .ui-combo-active input {
	box-shadow: 0 2px 1px rgba(0,0,0,0.11) inset;
}
.ui-combo-disabled .input-txt {
	background-color: #f0f0f0;
	color: #aaa;
}
.ui-combo-disabled .trigger, .ui-combo-disabled .trigger:hover {
	background-color: #f0f0f0;
	background-position: 0 -16px;
}
.ui-droplist-wrap {
	background: #fff;
	border: 1px solid #aaa;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	z-index: 500;
}
.ui-droplist-wrap .droplist {
	background-color: #fff;
	position: relative;
}
.ui-droplist-wrap .list-item {
	_position: relative;
	padding: 2px 5px;
	line-height: 22px;
	cursor: default;
	overflow: hidden;
}
.ui-droplist-wrap .loading {
	line-height: 26px;
	padding: 5px 5px 5px 40px;
}
.ui-droplist-wrap .tips {
	line-height: 18px;
	padding: 5px;
}
.ui-droplist-wrap .on {
	background-color: #eee;
}
.ui-droplist-wrap .selected {
	background-color: #d2d2d2;
}
.ui-subjectList-wrap .list-item {
	font-size: 12px;
}
.ui-combo-wrap-small {
	height: 22px;
}
.ui-combo-wrap-small .input-txt {
	padding: 3px 5px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
}
.ui-droplist-wrap-small .list-item {
	font-size: 12px;
	line-height: 20px;
}
.ui-combo-wrap-small .trigger {
	background-position: 0 -19px;
}
.ui-combo-wrap-small .trigger:hover {
	background-position: -16px -19px;
}
.ui-droplist-wrap .extra-list-ctn {
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	padding-left: 5px;
}
.selectArea .receiptsInputText {
	width: 68px;
	padding-right: 20px;
	border: 1px solid #d7d7d7;
	position: relative;
}
.selectArea {
	position: relative;
	width: 90px;
}
.selectArrow {
	background: url(../images/arrowDownR.png) right center no-repeat #FFF;
	border-radius: 3px;
	width: 15px;
	height: 21px;
	position: absolute;
	cursor: pointer;
	top: 2px;
	right: 4px;
}
.selectArrow:hover {
	opacity: .6;
}
.quick-add-link {
	line-height: 30px;
	padding-left: 20px;
	position: relative;
	color: #555;
	cursor: pointer;
	outline: medium none;
	text-decoration: none;
}
.whiteBoxTab {
	background: url(../images/tabline.png) bottom repeat-x;
	float: left;
	width: 100%;
}
.whiteBoxTab ul li, .whiteBoxTab ul {
	float: left;
	margin-left: 5px;
}
.whiteBoxTab .tabN {
	border: 1px solid #d9e0eb;
	background: #f7f7f7;
	font-size: 16px;
	padding: 5px 10px;
	cursor: pointer;
	width: 80px;
	text-align: center;
}
.whiteBoxTab .tabS, .whiteBoxTab .tabN:hover {
	border-width: 1px;
border-style: solid;
border-color: #C7CEDB #C7CEDB #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
font-size: 16px;
padding: 5px 10px;
background: #FFF none repeat scroll 0% 0%;
cursor: pointer;
width: 80px;
text-align: center;
}
.whiteBoxTab .tabN a, .whiteBoxTab .tabS a {
	color: #666;
	display: block;
}
.errorInfo {
	border: 1px solid #c43131;
	position: absolute;
	top: 10px;
	right: 35%;
	width: 30%;
	z-index: 2000;
	opacity: .9;
	color: #fff;
	line-height: 30px;
	padding: 0 5px;
	background: #f94949;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	max-height: 95px;
	overflow: hidden;
	font-size: 14px;
	border-radius: 3px;
}
.succeedInfo {
	border: 1px solid #359e42;
	position: absolute;
	top: 10px;
	right: 35%;
	width: 30%;
	z-index: 2000;
	opacity: .9;
	color: #fff;
	line-height: 30px;
	padding: 0 5px;
	background: #40bf50;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	max-height: 95px;
	overflow: hidden;
	font-size: 14px;
	border-radius: 3px;
}
.alert {
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0 10px 30px rgba(0,0,0,.3);
	position: absolute;
	z-index: 1000;
	top: 30%;
	left: 35%;
	width: 30%;
}
.alert .title {
	background: #2195fc;
	color: #FFF;
	text-align: left;
	padding-left: 20px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.alert .content {
	padding: 25px;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.alert .buttonArea {
	text-align: center;
	padding-bottom: 20px;
}
.alert .closeButton {
	width: 20px;
	height: 20px;
	background: url(../images/package.png) -691px -337px;
	display: inline-block;
	cursor: pointer;
	float: right;
	margin: 12px;
}
.alert .closeButton:hover {
	background: url(../images/package.png) -620px -337px;
	cursor: pointer;
}
.greyRoundedBox {
	border: 1px solid #d7d7d7;
	background: #F8F8F8;
	border-radius: 3px;
	padding: 10px;
}
.bottomButtonArea {
	height: 35px;
}
.downArrow {
	float: left;
	position: absolute;
}
.downArrow .downArrowIcon {
	background: url(../images/downArrow.png);
	width: 23px;
	height: 27px;
	float: left;
}
.downArrow .downArrowContent {
	background: #FFF;
	position: absolute;
	z-index: 100;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
	margin: 25px 0 0 -10px;
	display: none;
}
.downArrow .downArrowContent span {
	clear: both;
	float: left;
	border-bottom: 1px solid #EEE;
	padding: 3px 10px;
}
.downArrow .downArrowContent span:hover {
	background: #F8F8F8;
	cursor: pointer;
}
.downArrow .downArrowContent span a {
	white-space: nowrap;
	color: #666;
	width: 90px;
	display: block;
}
.downArrow:hover .downArrowContent {
	display: block;
}
.List, .Graph, .ListSelect, .GraphSelect {
	background-image: url(../images/package.png);
	float: right;
}
.List, .ListSelect {
	background-position: -549px -192px;
	width: 41px;
	height: 30px;
}
.List:hover {
	background-position: -655px -192px;
}
.List: active {
	background-position: -655px -155px;
}
.ListSelect {
	cursor: default;
	background-position: -655px -155px;
}
.Graph, .GraphSelect {
	background-position: -590px -192px;
	width: 42px;
	height: 35px;
}
.Graph:hover {
	background-position: -696px -192px;
}
.Graph: active {
	background-position: -696px -155px;
}
.GraphSelect {
	cursor: default;
	background-position: -696px -155px;
}
.lineTab {
	float: left;
}
.lineTab ul li {
	float: left;
}
.lineTab ul li a {
	font-size: 16px;
	color: #999;
	cursor: pointer;
	float: left;
}
.lineTab .tabS a, .lineTab .tabN a:hover {
	border-bottom: 3px solid #1c8ef4;
	padding: 10px 20px;
}
.lineTab .tabN a {
	padding: 10px 20px;
}
.lineTab .tabS a {
	color: #333;
}
.whiteBox .indexTitle {
	padding: 10px 0;
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #d7d7d7;
}
.whiteBox .indexTitle .more {
	float: right;
	margin-right: 10px;
}
.whiteBox .indexTitle .titleText {
	font-size: 16px;
	margin-left: 10px;
}
.dynamicArea {
	padding: 20px 0;
	float: left;
	*padding: 0 0 55px 0;
	background: url(../images/tabline.png) center repeat-x;
	width: 100%;
}
.dynamicArea .dynamicContent {
	height: 160px;
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 190px;
}
.dynamicArea .dynamicContent .oddLine {
	width: 180px;
	height: 190px;
	position: relative;
	float: left;
	margin-right: 60px;
	*margin-top: 28px;
}
.dynamicArea .dynamicContent .oddLine .box .content, .dynamicArea .dynamicContent .evenLine .box .content {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	width: 160px;
	height: 120px;
	padding: 10px;
	overflow: hidden;
	line-height: 180%;
}
.dynamicArea .dynamicContent .oddLine .time {
	width: 180px;
	text-align: center;
	background: url(../images/greenDot.png) bottom no-repeat;
	padding-bottom: 10px;
}
.dynamicArea .dynamicContent .oddLine .angle {
	background: url(../images/arrowD.png) center no-repeat;
	width: 180px;
	height: 8px;
	margin-top: -1px;
}
.dynamicArea .dynamicContent .evenLine {
	width: 180px;
	height: 190px;
	position: absolute;
	margin-top: 150px;
	*margin-top: 178px;
	margin-left: 120px;
	*margin-left: -120px;
	float: left;
}
.dynamicArea .dynamicContent .evenLine .box .content {
	margin-top: 8px;
	float: left;
}
.dynamicArea .dynamicContent .evenLine .time {
	width: 180px;
	text-align: center;
	background: url(../images/orangeDot.png) bottom no-repeat;
	padding-bottom: 10px;
}
.dynamicArea .dynamicContent .evenLine .angle {
	background: url(../images/arrowT.png) center no-repeat;
	width: 180px;
	height: 8px;
	margin-top: 1px;
	z-index: 1;
	position: absolute;
	float: left;
	*margin-left: -180px;
}
.notice {
	width: 300px;
	float: right;
	font-size: 12px;
	margin-bottom: 8px;
	height: 27px;
}
.notice .icon {
	background-image: url(../images/package.png);
	background-position: -951px -332px;
	width: 27px;
	height: 27px;
	float: left;
}
.notice .text a {
	color: #f90;
}
.notice .text a:hover {
	color: #78bf5f;
}
.notice .text {
	width: 220px;
	overflow: hidden;
	height: 27px;
	float: left;
	line-height: 27px;
}
.notice .more {
	float: left;
	line-height: 27px;
}
.notice .more a {
	line-height: 27px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eaeaea));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eaeaea));
	background: -o-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eaeaea));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eaeaea));
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFFF, endcolorstr=#eaeaea, gradientType=0);
	width: 53px;
	height: 27px;
	float: left;
	text-align: center;
	color: #999;
	cursor: pointer;
}
.notice .more a:hover {
	color: #fd7742;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFF));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFF));
	background: -o-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFF));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#FFF));
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#eaeaea, endcolorstr=#FFFFFF, gradientType=0);
	cursor: pointer;
}
.wellcome {
	height: 26px;
	color: #7c8389;
}
.warningIndex {
	width: 300px;
	float: right;
}
.WIlist {
	padding: 10px;
}
.WIlist ul li {
	float: left;
	border-bottom: 1px solid #eee;
}
.WIlist ul li a {
	float: left;
	padding: 5px;
}
.WIlist ul li a .icon {
	background-image: url(../images/package.png);
	width: 42px;
	height: 42px;
	float: left;
}
.WIlist ul li a .text {
	float: left;
	width: 228px;
	line-height: 180%;
}
.WIlist ul li a:hover {
	background-color: #f8f8f8;
}
.WIlist .inventoryLow {
	background-position: -1033px -125px;
}
.WIlist .receivable {
	background-position: -1033px -68px;
}
.WIlist .payable {
	background-position: -1033px -12px;
}
.WIlist .lowprice {
	background-position: -1033px -240px;
}
.WIlist .inWarehouseW {
	background-position: -1033px -297px;
}
.WIlist .outWarehouseW {
	background-position: -1033px -354px;
}
.WIlist .SNdeviant {
	background-position: -982px -12px;
}
.editIndex {
	background-image: url(../images/package.png);
	background-repeat: no-repeat;
	background-position: -815px -336px;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	margin-top: 5px;
}
.editIndex:hover {
	background-position: -815px -389px;
	cursor: pointer;
}
.loaddingNum {
	background: url(../images/loadding.gif) no-repeat center;
	width: 16px;
	height: 16px;
	display: inline-block;
	padding: 0 10px;
}
.row .icon {
	margin-left: 10px;
	margin-top: 5px;
	background-image: url(../images/package.png);
	float: left;
	width: 24px;
	height: 24px;
}
.iconStock {
	background-position: -29px -544px;
}
.iconAccount {
	background-position: -53px -544px;
}
.iconCustomer {
	background-position: -77px -544px;
}
.iconChart {
	background-position: -101px -544px;
}
.iconBaseData {
	background-position: -125px -544px;
}
.row {
	background: #fff;
	border: 1px solid #d7d7d7;
	border-width: 0 1px 1px 1px;
	margin: 10px 5px 10px 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	width: 290px;
}
.row .list li {
	width: 130px;
}
.row .list li .text {
	width: 90px;
	color: #7c8389;
	padding: 5px;
	float: left;
	border-radius: 3px;
}
.row .list {
	padding: 0 8px 10px 8px;
	float: left;
	height: 342px;
	width: 120px;
}
.row .list p {
	font-size: 14px;
	color: #7c8389;
	clear: both;
	margin: 10px 0;
	float: left;
}
.row .tips {
	clear: both;
	display: block;
	height: 35px;
	line-height: 35px;
	color: #7c8389;
	background: #f8f8f8;
	border-top: 1px solid #d7d7d7;
}
.row .tips .addIcon {
	background: url(../images/package.png) -402px -7px;
	width: 21px;
	height: 24px;
	float: left;
}
.Roundbackground {
	background: none repeat scroll 0 0 #F30;
	border-radius: 50px;
	color: #FFF;
	padding: 0 5px;
	float: left;
}
.tab_pd {
	float: left;
	border: 1px solid #FF7800;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
}
.tab_pd ul li {
	float: left;
}
.tab_pdN a {
	color: #FF7800;
	text-align: center;
	width: 120px;
	float: left;
	height: 30px;
}
.tab_pdS a, .tab_pdN a:hover {
	background: #FF7800;
	color: #FFF;
	text-align: center;
	width: 120px;
	float: left;
	height: 30px;
}
.OtherTimesTriangle {
	background: url(../Images/arrowDown.png);
	float: right;
	width: 8px;
	height: 6px;
	margin-top: 10px;
}
.DataModule {
	width: 100%;
	margin-top: 14px;
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.pd10 {
	padding: 10px;
}
.Totalprofit {
	background-image: url(../images/Totalprofit.png);
	background-repeat: no-repeat;
	background-position: 96% 95%;
}
.ArrowR {
	float: right;
}
.ArrowR a {
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/arrowRL.png) 0 0;
}
.ArrowR a:hover {
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/arrowRL.png) 0 -23px;
}
.ArrowL {
	float: left;
}
.ArrowL a {
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/arrowRL.png) -15px 0;
}
.ArrowL a:hover {
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/arrowRL.png) -15px -23px;
}
.Winner {
	background-image: url(../images/Winner.png);
	background-repeat: no-repeat;
	background-position: 50% 96%;
}
.getReady {
	border: 1px solid #ffba00;
	background: #fffbeb url(../images/loading2.gif) no-repeat center top;
	padding: 38px 10px 10px 10px;
	display: block;
	color: #53606b;
	font-size: 14px;
	text-align: center;
}
.already {
	border: 1px solid #c2c2c2;
	background: #ebebeb;
	padding: 10px;
	display: block;
	color: #53606b;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	white-space: normal;
}
.shareList ul li {
	float: left;
	padding-right: 10px;
}
.shareList ul li a {
	background: url(../images/share.jpg);
	width: 94px;
	height: 94px;
	display: inline-block;
}
.shareList .copy {
	background-position: 0 0;
}
.shareList .copy:hover {
	background-position: 0 -118px;
}
.shareList .mail {
	background-position: -113px 0;
}
.shareList .mail:hover {
	background-position: -113px -118px;
}
.shareList .QQ {
	background-position: -227px 0;
}
.shareList .QQ:hover {
	background-position: -227px -118px;
}
.shareList .weixin {
	background-position: -339px 0;
}
.shareList .weixin:hover {
	background-position: -339px -118px;
}
.shareArea {
	border-top: 1px #DDD solid;
	padding: 10px;
}
.VBbody {
	background: #758089;
}
.viewBillsLogin {
	width: 430px;
	margin: 100px auto 10px auto;
}
.BillsInfo {
	background: #ff8250;
	height: 150px;
	padding-top: 30px;
}
.billsLogo {
	border-radius: 50px;
	width: 99px;
	height: 99px;
	border: 3px solid #FFF;
	margin: 0 auto;
}
.VBLoginContent {
	padding: 10px;
}
.billsTop {
	background: #FFF;
	box-shadow: 0 2px 1px rgba(0,0,0,.1);
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 100px;
}
.VBlogo {
	width: 80px;
	height: 80px;
	border-radius: 45px;
	border: 2px solid #F8F8F8;
	background-position: center;
	margin: 5px 0 0 10px;
}
.VBbottom {
	width: 100%;
	border-top: #CCC 1px solid;
	background-color: #FFF;
	text-align: right;
	padding: 10px 0;
}
.popWechat {
	position: absolute;
	border: 1px solid #DDD;
	background: #f8f8f8;
	padding: 10px;
	margin: -150px 0 0 95px;
	width: 150px;
}
.popWechat .text {
	white-space: normal;
}
.AStable .delSn, .Repeat, .AStable .addSn, .AStable .checkSn, .graphica .delSn, .graphica .addSn, .graphica .checkSn, .graphica .Repeat {
	background: url(../images/icon2.png) no-repeat;
}
.graphica .Repeat {
	background-position: -207px -195px;
	width: 8px;
	height: 8px;
	margin-top: 15px;
}
.AStable .Repeat {
	background-position: -207px -195px;
	width: 8px;
	height: 8px;
}
.AStable .delSn {
	background-position: -147px -195px;
	width: 8px;
	height: 8px;
}
.AStable .addSn {
	background-position: -170px -195px;
	width: 8px;
	height: 8px;
}
.AStable .checkSn {
	background-position: -190px -195px;
	width: 8px;
	height: 8px;
}
.graphica .delSn {
	background-position: -147px -195px;
	width: 8px;
	height: 8px;
	margin-top: 15px;
}
.graphica .addSn {
	background-position: -170px -195px;
	width: 8px;
	height: 8px;
	margin-top: 15px;
}
.graphica .checkSn {
	background-position: -190px -195px;
	width: 8px;
	height: 8px;
	margin-top: 15px;
}
.graphica {
	padding: 10px;
	border-top: 1px solid #ccc;
	height: 38px;
	line-height: 38px;
}
.graphica div {
	padding-right: 10px;
}
.snNum .snNumText {
	color: #4287cf;
}
.snNum .snList {
	display: none;
}
.snNum .snNumText {
	color: #4287cf;
	position: relative;
	cursor: pointer;
}
.snNum:hover .snNumText {
	color: #fd7742;
}
.snNum:hover .snList {
	display: block;
	position: absolute;
	border: 1px solid #c8c8c8;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	padding: 10px;
	background: #FFF;
	line-height: 180%;
	z-index: 1;
	max-height: 150px;
	overflow: auto;
	min-width: 150px;
}
.InstalArea {
	width: 28px;
	height: 38px;
	float: left;
	background: #FFF;
}
.InstalList {
	position: absolute;
	margin-top: 40px;
	background: #FFF;
	border: solid #c7cedb 1px;
	width: 215px;
	right: 10px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
	z-index: 1;
}
.InstalList .Lists ul {
	border-bottom: 1px solid #dce2e8;
	display: block;
}
.InstalList .Lists ul li {
	display: block;
	height: 36px;
	cursor: pointer;
}
.InstalList .Lists ul .title a {
	font-size: 12px;
	color: #53606b;
	width: 190px;
	height: 36px;
}
.InstalList .Lists ul .title a:hover {
	font-size: 12px;
	color: #FFF;
	width: 190px;
	float: left;
	height: 36px;
}
.InstalList .Lists ul li a {
	padding-left: 20px;
	padding-right: 5px;
	float: left;
	line-height: 36px;
	width: 190px;
	background: url(../images/arrowRight.png) right no-repeat;
	background-position: 95% 50%;
}
.InstalList .Lists ul li a:hover {
	background-color: #3484e9;
}
.InstalList .Lists ul .listButton a {
	background: none;
	font-size: 12px;
	color: #FFF;
}
.InstalList .Lists ul .blue a {
	background-color: #3484e9;
}
.InstalList .Lists ul .blue a:hover {
	background-color: #3484e9;
	color: #FFF;
}
.pageArea {
	padding-top: 5px;
}
.listTopSearchArea {
	width: 100%;
	float: left;
	background: #FFF;
	padding-top: 5px;
}
.WhiteTick {
	background: url(../images/package.png) -116px -508px;
	height: 12px;
	width: 12px;
	display: inline-block;
}
.ButtonGreen {
	border: 1px solid #7dc855;
	border-radius: 3px;
	background-color: #6C6;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
	background: -o-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#80e080), to(#56bd56));
	height: 28px;
	padding: 0 3%;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	color: #FFF;
}
.ButtonGreen:hover {
	color: #FFF;
	cursor: default;
}
.SuccessCheckmark {
	background: url(../images/package.png) -15px -478px;
	width: 42px;
	height: 42px;
}
.failExclamation {
	background: url(../images/package.png) -161px -523px;
	width: 42px;
	height: 42px;
}
.classifyList {
	float: left;
	width: 200px;
	overflow: auto;
}
.classifyList .title, .proList .title {
	padding: 10px;
	border-bottom: 1px solid #d7d7d7;
	height: 25px;
	overflow: hidden;
}
.classifyList .treeArea {
	padding: 10px;
}
.lineBg {
	background: url(../images/lineBg.png) left repeat-y #FFF;
}
.Guide {
	background: #fff;
	border: 1px solid #d7d7d7;
	border-width: 0 1px 1px 1px;
	margin: 10px 15px 10px 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	width: 200px;
}
.Guide .list li .text {
	width: 120px;
	color: #7c8389;
	padding: 5px;
	float: left;
	border-radius: 3px;
}
.Guide .list li .text:hover {
	background-color: #d9f3ff;
	background: #b3deff;
	padding: 5px;
	color: #0080ff;
}
.Guide .list {
	padding: 5px;
	float: left;
	height: 280px;
	width: 200px;
}
.Guidebutton {
	float: left;
	border-radius: 3px;
	background-color: #c7cedb;
	color: #FFF;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	display: inline-block;
	margin-top: 7px;
	margin-left: 20px;
}
.Guidebutton:hover {
	background: #d1d7e2;
	color: #FFF;
	cursor: pointer;
}
.Guidebutton: active {
	background: #c7cedb;
	color: #FFF;
	cursor: pointer;
}
.ml30 {
	margin-left: 30px;
}
.StepbackgroundGray .tabN {
	border: 1px solid #d9e0eb;
	background: #f7f7f7;
	font-size: 16px;
	padding: 5px 10px;
	cursor: pointer;
	width: 100px;
	text-align: center;
}
.StepbackgroundGray .tabN .step {
	background: url(../images/package.png) -295px -525px;
	height: 25px;
	width: 24px;
	display: inline-block;
	color: #FFF;
}
.StepbackgroundGray .tabS, .StepbackgroundGray .tabN:hover {
	border: 1px solid #c7cedb;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	padding: 5px 10px;
	background: #FFF;
	cursor: pointer;
	width: 80px;
	text-align: center;
}
.StepbackgroundGray .tabS .step, .StepbackgroundGray .tabN:hover .step {
	background: url(../images/package.png) -295px -552px no-repeat;
	height: 25px;
	width: 24px;
	display: inline-block;
	color: #FFF;
}
.videoicon {
	background: url(../images/package.png) -1033px -187px;
	height: 42px;
	width: 42px;
	color: #FFF;
}
.Accounts .step {
	height: 58px;
	width: 100%;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
	margin-bottom: 10px;
	border: 1px solid #d3d8e2;
}
.Accounts .step ul {
	height: 58px;
	float: left;
	width: 100%;
}
.Accounts .step ul li {
	float: left;
	height: 58px;
	font-size: 14px;
	line-height: 55px;
}
.Accounts .step ul li .stepN {
	color: #7a8292;
}
.Accounts .step ul li .stepG {
	color: #61d199;
}
.Accounts .step ul li a {
	display: block;
	padding: 0 10px 0 5px;
}
.Accounts .step ul li a .icon {
	text-align: center;
	margin-right: 8px;
	float: left;
}
.Accounts .step ul li .stepN .icon {
	background: url(../images/package.png) -375px -510px;
	height: 38px;
	width: 30px;
	color: #FFF;
}
.Accounts .step ul li .stepG .icon {
	background: url(../images/package.png) -337px -553px;
	height: 38px;
	width: 30px;
	color: #FFF;
}
.Accounts .step ul li .stepS .icon, .Accounts .step ul li .stepN:hover .icon, .Accounts .step ul li .stepG:hover .icon {
	background: url(../images/package.png) -337px -510px;
	height: 38px;
	width: 30px;
	color: #FFF;
}
.Accounts .step ul li .stepS .text, .Accounts .step ul li .stepN:hover .text, .Accounts .step ul li .stepG:hover .text {
	color: #2297fc;
}
.Arrows {
	background: url(../images/package.png) -424px -526px;
	height: 58px;
	width: 30px;
	float: left;
}
.bottomButtonHold {
	position: fixed;
	background: #eaedef;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 100%;
	padding-top: 8px;
}
#black_overlay {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: alpha(opacity=40);
	opacity: .4;
	overflow: hidden;
	background-color: #000;
}
#load_content {
	display: none;
	position: absolute;
	top: 40%;
	left: 40%;
	width: 300px;
	height: 50px;
	border: 16px solid #FFF;
	border-bottom: none;
	background-color: white;
	z-index: 10002;
	overflow: auto;
	font-size: 14px;
	font-weight: bold;
}
.pluginBox {
	width: 260px;
	padding: 15px 20px;
	background: #fff;
	float: left;
}
.warehouseIcon {
	background: url(../images/plugInIcon1.jpg) no-repeat top #FFF;
}
.snManageIcon {
	background: url(../images/plugInIcon2.jpg) no-repeat top #FFF;
}
.borrowIcon {
	background: url(../images/plugInIcon3.jpg) no-repeat top #FFF;
}
.warehouseIcon .title, .snManageIcon .title, .borrowIcon .title {
	color: #ff7800;
}
.warehouseIcon .content, .snManageIcon .content, .borrowIcon .content {
	padding-top: 140px;
}
#tabDiv {
	width: 100%;
	background: url(../images/tabline.png) bottom repeat-x #FFF;
}
#tabDiv .tab_title {
	width: 100%;
	height: 28px;
	left: 0;
	top: 0;
	clear: both;
	position: relative;
}
#tabDiv .tab_title .vleft, #tabDiv .tab_title .vright, #tabDiv .tab_title .u {
	float: left;
	width: 15px;
	height: 28px;
	line-height: 25px;
}
#tabDiv .tab_title .u {
	width: 97%;
	overflow: hidden;
	position: relative;
}
#tabDiv .tab_title ul {
	margin: 0 5px;
	position: absolute;
	float: left;
	width: 5000px;
}
#tabDiv .tab_title .vright {
	top: 0;
	right: 0;
	position: absolute;
	margin-left: 2px;
	background: url(../images/tabs_rightarrow.png) center no-repeat #FFF;
	border: 1px solid #d7d7d7;
	height: 26px;
	border-width: 1px 0 0 1px;
	padding-left: 5px;
}
#tabDiv .tab_title .vleft {
	top: 0;
	left: 0;
	padding-left: 5px;
	background: url(../images/tabs_leftarrow.png) center no-repeat #FFF;
	border: 1px solid #d7d7d7;
	height: 26px;
	border-width: 1px 1px 0 1px;
}
#div1 {
	width: 120px;
	height: 15px;
	border: 1px #CCC solid;
	position: absolute;
	display: none;
	background: #CCC;
	font-size: 5px;
	padding: 2px;
	color: #999;
}
#div2 {
	width: 120px;
	height: 15px;
	border: 1px #CCC solid;
	position: absolute;
	display: none;
	background: #CCC;
	font-size: 5px;
	padding: 2px;
	color: #999;
}
.downArrow {
	top: 0;
	right: 21px;
	position: absolute;
}
.tabActionArea {
	background: url(../images/topTabDownArrow.png) center no-repeat #888;
	height: 27px;
	width: 23px;
	float: left;
}
.downArrow .downArrowContent {
	background: #FFF;
	position: absolute;
	z-index: 100;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
	right: 0;
}
.downArrow .downArrowContent span {
	clear: both;
	float: left;
	border-bottom: 1px solid #EEE;
	padding: 3px 10px;
	width: 80px;
}
.downArrow .downArrowContent span:hover {
	background: #F8F8F8;
	cursor: pointer;
}
.downArrow:hover .downArrowContent {
	display: block;
}
.topTab .tabClose {
	font-size: 1px;
	display: block;
	padding: 0;
	width: 20px;
	height: 25px;
	background: url(../images/closeN.png) no-repeat center right;
	float: left;
}
.topTab .tabClose:hover {
	font-size: 1px;
	display: block;
	padding: 0;
	width: 20px;
	height: 25px;
	background: url(../images/closeS.png) no-repeat center right;
	float: left;
}
.checkBoxArea li {
	border-radius: 5px;
	background: #efefef;
	width: 110px;
	height: 40px;
	line-height: 40px;
	float: left;
	margin: 0 10px 10px 0;
	font-size: 14px;
	padding-left: 10px;
}
.ReplacingAccount, .GoBack, .GreyOwl {
	background: url(../images/package.png);
}
.ReplacingAccount {
	background: url(../images/package.png) -1007px -572px;
	height: 16px;
	width: 16px;
	float: left;
	margin-top: 4px;
}
.GoBack {
	background: url(../images/package.png) -986px -572px;
	height: 17px;
	width: 17px;
	float: left;
	margin-top: 4px;
}
.GreyOwl {
	background-position: -947px -419px;
	height: 145px;
	width: 150px;
}
.HomeIcon {
	background: url(../images/package.png) -947px -572px;
	height: 16px;
	width: 16px;
	float: left;
	margin-top: 4px;
}
.CloseWindow {
	background: url(../images/package.png) -967px -572px;
	height: 16px;
	width: 16px;
	float: left;
	margin-top: 4px;
}
.offLine {
	width: 14px;
	height: 14px;
	float: right;
	background: url(../images/offline.png);
	color: #d8dff0;
	text-align: center;
	line-height: 14px;
	margin-top: 5px;
}
.PurchaseIcon1, .PurchaseIcon2, .PurchaseIcon3, .PurchaseIcon4, .PurchaseIcon5, .PurchaseIcon6, .PurchaseIcon7, .PurchaseIcon8, .PurchaseIcon9 {
	background: url(../images/Purchase.png);
}
.PurchaseIcon1 {
	background-position: -23px -28px;
	height: 232px;
	width: 130px;
}
.PurchaseIcon1:hover {
	background-position: -23px -332px;
	height: 232px;
	width: 130px;
	cursor: pointer;
}
.PurchaseIcon1: active {
	background-position: -23px -28px;
	height: 232px;
	width: 130px;
	cursor: pointer;
}
.PurchaseIcon2 {
	background-position: -158px -28px;
	height: 99px;
	width: 131px;
}
.PurchaseIcon2:hover {
	background-position: -158px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon2: active {
	background-position: -158px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon3 {
	background-position: -293px -28px;
	height: 99px;
	width: 131px;
}
.PurchaseIcon3:hover {
	background-position: -293px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon3: active {
	background-position: -293px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon4 {
	background-position: -428px -28px;
	height: 99px;
	width: 131px;
}
.PurchaseIcon4:hover {
	background-position: -428px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon4: active {
	background-position: -428px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon5 {
	background-position: -563px -28px;
	height: 99px;
	width: 100px;
}
.PurchaseIcon5:hover {
	background-position: -563px -332px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.PurchaseIcon5: active {
	background-position: -563px -28px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.PurchaseIcon6 {
	background-position: -158px -205px;
	height: 99px;
	width: 131px;
}
.PurchaseIcon6:hover {
	background-position: -158px -509px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon6: active {
	background-position: -158px -205px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.PurchaseIcon7 {
	background-position: -580px -195px;
	height: 58px;
	width: 30px;
}
.PurchaseIcon7:hover {
	background-position: -660px -195px;
	height: 58px;
	width: 30px;
	cursor: pointer;
}
.PurchaseIcon7: active {
	background-position: -580px -195px;
	height: 58px;
	width: 30px;
	cursor: pointer;
}
.PurchaseIcon8 {
	background-position: -617px -195px;
	height: 58px;
	width: 30px;
}
.PurchaseIcon8:hover {
	background-position: -697px -195px;
	height: 58px;
	width: 30px;
	cursor: pointer;
}
.PurchaseIcon8: active {
	background-position: -617px -195px;
	height: 58px;
	width: 30px;
	cursor: pointer;
}
.PurchaseIcon9 {
	background-position: -293px -133px;
	height: 171px;
	width: 191px;
}
.PurchaseIcon9:hover {
	background-position: -293px -437px;
	height: 171px;
	width: 191px;
	cursor: pointer;
}
.PurchaseIcon9: active {
	background-position: -293px -133px;
	height: 171px;
	width: 191px;
	cursor: pointer;
}
.SalesIcon1, .SalesIcon2, .SalesIcon3, .SalesIcon4, .SalesIcon6, .SalesIcon7, .SalesIcon8 {
	background: url(../images/Sales.png);
}
.SalesIcon1 {
	background-position: -23px -28px;
	height: 232px;
	width: 130px;
}
.SalesIcon1:hover {
	background-position: -23px -332px;
	height: 232px;
	width: 130px;
	cursor: pointer;
}
.SalesIcon1: active {
	background-position: -23px -28px;
	height: 232px;
	width: 130px;
	cursor: pointer;
}
.SalesIcon2 {
	background-position: -158px -28px;
	height: 99px;
	width: 131px;
}
.SalesIcon2:hover {
	background-position: -158px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon2: active {
	background-position: -158px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon3 {
	background-position: -293px -28px;
	height: 99px;
	width: 131px;
}
.SalesIcon3:hover {
	background-position: -293px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon3: active {
	background-position: -293px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon4 {
	background-position: -428px -28px;
	height: 99px;
	width: 131px;
}
.SalesIcon4:hover {
	background-position: -428px -332px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon4: active {
	background-position: -428px -28px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon6 {
	background-position: -158px -205px;
	height: 99px;
	width: 131px;
}
.SalesIcon6:hover {
	background-position: -158px -509px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon6: active {
	background-position: -158px -205px;
	height: 99px;
	width: 131px;
	cursor: pointer;
}
.SalesIcon7 {
	background-position: -293px -133px;
	height: 171px;
	width: 191px;
}
.SalesIcon7:hover {
	background-position: -293px -437px;
	height: 171px;
	width: 191px;
	cursor: pointer;
}
.SalesIcon7: active {
	background-position: -293px -133px;
	height: 171px;
	width: 191px;
	cursor: pointer;
}
.SalesIcon8 {
	background-position: -563px -28px;
	height: 99px;
	width: 100px;
}
.SalesIcon8:hover {
	background-position: -563px -332px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.SalesIcon8: active {
	background-position: -563px -28px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock1, .Stock2, .Stock3, .Stock4, .Stock5, .Stock6, .Stock7, .Stock8, .Stock9 {
	background: url(../images/stock.png);
}
.Stock1 {
	background-position: -294px -16px;
	height: 130px;
	width: 130px;
}
.Stock1:hover {
	background-position: -294px -322px;
	height: 130px;
	width: 130px;
	cursor: pointer;
}
.Stock1: active {
	background-position: -294px -16px;
	height: 130px;
	width: 130px;
	cursor: pointer;
}
.Stock2 {
	background-position: -429px -16px;
	height: 99px;
	width: 100px;
}
.Stock2:hover {
	background-position: -429px -322px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock2: active {
	background-position: -429px -16px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock3 {
	background-position: -24px -193px;
	height: 99px;
	width: 100px;
}
.Stock3:hover {
	background-position: -24px -499px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock3: active {
	background-position: -24px -193px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock4 {
	background-position: -159px -193px;
	height: 99px;
	width: 100px;
}
.Stock4:hover {
	background-position: -159px -499px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock4: active {
	background-position: -159px -193px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock5 {
	background-position: -294px -193px;
	height: 99px;
	width: 100px;
}
.Stock5:hover {
	background-position: -294px -499px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock5: active {
	background-position: -294px -193px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock6 {
	background-position: -429px -193px;
	height: 99px;
	width: 100px;
}
.Stock6:hover {
	background-position: -429px -499px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock6: active {
	background-position: -429px -193px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock7 {
	background-position: -564px -193px;
	height: 99px;
	width: 100px;
}
.Stock7:hover {
	background-position: -564px -499px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock7: active {
	background-position: -564px -193px;
	height: 99px;
	width: 100px;
	cursor: pointer;
}
.Stock8 {
	background-position: -24px -148px;
	height: 44px;
	width: 595px;
}
.Stock9 {
	background-position: -158px -16px;
	height: 99px;
	width: 130px;
}
.Stock9:hover {
	background-position: -158px -322px;
	height: 99px;
	width: 130px;
	cursor: pointer;
}
.Stock9: active {
	background-position: -158px -16px;
	height: 99px;
	width: 130px;
	cursor: pointer;
}
.AElement100 {
	display: block;
	height: 99px;
	width: 100px;
}
.AElement131 {
	display: block;
	height: 99px;
	width: 131px;
}
.StaffManagement, .CompanyData, .DataSet {
	background: url(../images/package.png);
}
.StaffManagement {
	background-position: -332px -133px;
	height: 16px;
	width: 16px;
	float: left;
	margin: 10px 5px 0 0;
}
.CompanyData {
	background-position: -348px -133px;
	height: 16px;
	width: 16px;
	float: left;
	margin: 10px 5px 0 0;
}
.DataSet {
	background-position: -316px -133px;
	height: 16px;
	width: 16px;
	float: left;
	margin: 10px 5px 0 0;
}
.beginningC {
	background: url(../images/beginningC.jpg) center no-repeat;
	height: 193px;
	width: 331px;
}
.PushpinLock, .PushpinUnlock {
	background: url(../images/package.png) center no-repeat;
}
.PushpinLock {
	background-position: -254px -207px;
	width: 16px;
	height: 16px;
}
.PushpinUnlock {
	background-position: -279px -207px;
	width: 16px;
	height: 16px;
}
.newsBox .newsList {
	border-bottom: 1px solid #e9e9e9;
	display: block;
	padding: 5px;
	margin-bottom: 5px;
}
.newsBox .newsList:hover {
	background-color: #F8F8F8;
}
.newsBox .unread .readTag {
	background: #6cbe4a;
	width: 5px;
	height: 45px;
	float: left;
}
.newsBox .readTag {
	width: 5px;
	height: 45px;
	float: left;
	margin-right: 10px;
}
.newsBox .newsLink {
	display: block;
}
.newsBox .newsList .newsTitle {
	font-size: 14px;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 600px;
	text-align: left;
}
.newsBox .unread .newsTitle {
	font-size: 14px;
	color: #454c51;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 600px;
	text-align: left;
}
.newsBox .unread .newsDate, .newsBox .newsList .newsDate {
	color: #999;
	text-align: left;
}
.newsBox .text {
	padding: 5px;
}
.newsBox .title {
	font-size: 18px;
	color: #53606b;
	height: 45px;
	line-height: 45px;
	border-bottom: #dfdfdf 1px solid;
	margin: 0 5px;
	text-indent: 5px;
}
.newsIntro {
	font-size: 12px;
	color: #777;
}
.NLcontent {
	height: 50px;
}
.WelcomeOne {
	background: url(../images/One.png) center no-repeat;
	width: 700px;
	height: 250px;
}
.WelcomeTwo {
	background: url(../images/Two.jpg) center no-repeat;
	width: 700px;
	height: 256px;
}
.WelcomeThree {
	background: url(../images/Three.jpg) center no-repeat;
	width: 700px;
	height: 345px;
}
.bottomButtonReplace {
	height: 55px;
	width: 100%;
	float: left;
}
.CustomerService {
	background: url(../images/phoneNum.jpg) center no-repeat;
	width: 238px;
	height: 26px;
}
#noHover tr td {
	background: #fff;
}
#noHover tr td {
	background: #fff;
}
.noLink {
	background: url(../images/nolink.jpg) center left no-repeat;
	width: 140px;
	height: 110px;
}
.noData {
	background: url(../images/nodata.png) no-repeat center;
	width: 100%;
	height: 100%;
	float: left;
	opacity: .5;
}
.listNodata {
	background: url(../images/nodata.png) no-repeat center;
	width: 100%;
	height: 400px;
	float: left;
	opacity: .5;
	overflow: hidden;
}
.listNodata h1 {
	padding-top: 300px;
}
.importSuccees {
	border: 1px solid #feeb9d;
	background: #fffbe9;
	padding: 10px;
	margin-top: 10px;
}
.greyButtonImport {
	background: #ccc none;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #999;
	display: inline-block;
	cursor: default;
}
select {
	display: block;
	height: 30px;
	font-size: 12px;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
select[disabled], select[readonly], select[disabled] select {
	cursor: not-allowed;
	background-color: #eee;
}
.weixinPop {
	position: absolute;
	width: 110px;
	height: 110px;
	margin-top: -110px;
}
.update {
	position: absolute;
	top: 150px;
	left: 30%;
	border: 3px solid rgba(0,0,0,.3);
	z-index: 1000;
}
.update .close {
	background: url(../images/updateClose.jpg);
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.update .close:hover {
	background: url(../images/updateClose.jpg) -26px 0;
	width: 24px;
	height: 24px;
}
.SFile {
	position: absolute;
	top: 0;
	left: 170px;
	height: 25px;
	padding: 0;
	margin: 0;
	width: 100px;
	z-index: 811212;
	border: 0 none;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}
.fileInputArea {
	position: relative;
}
.tableStyle .price {
	display: block;
}
.tableStyle tr:hover .price {
	display: none;
}
.tableStyle tr .repayment {
	display: none;
	position: relative;
	text-align: center;
}
.tableStyle tr:hover .repayment {
	background: #58c56d;
	color: #FFF;
	display: block;
	border-radius: 3px;
	text-align: center;
}
.tableStyle tr:hover .repayment:hover {
	background: #4be092;
	color: #FFF;
	display: block;
	border-radius: 3px;
	text-align: center;
}
.repayment .repayTips {
	display: none;
	cursor: pointer;
	width: 200px;
	right: 0;
}
.repayment:hover .repayTips {
	display: inline-block;
	border: 1px solid #b0dcbd;
	background: #f3fef6;
	position: absolute;
	cursor: pointer;
	margin: -25px 0 0 -280px;
	padding: 10px;
	color: #666;
	width: 200px;
	white-space: normal;
	word-break: break-all;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	right: 0;
}
.repaymentCheck {
	background: url(../images/checkGreen.png);
	width: 8px;
	position: relative;
	height: 7px;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
.repaymentCheck .repaymentInfo {
	display: none;
	cursor: pointer;
	right: 0;
}
.repaymentCheck:hover .repaymentInfo {
	display: inline-block;
	border: 1px solid #b0dcbd;
	white-space: nowrap;
	background: #f3fef6;
	position: absolute;
	cursor: pointer;
	margin: -10px 0 0 -35px;
	padding: 0 10px;
	border-radius: 3px;
	right: 0;
}
.PrintA4, .PrintWith, .SelectA4, .SelectPrintWith, .DownloadTemplate {
	background: url(../images/Print.png) center no-repeat;
}
.PrintA4 {
	background-position: -99px -10px;
	width: 63px;
	height: 76px;
	cursor: pointer;
}
.PrintA4:hover, .SelectA4 {
	background-position: -13px -10px;
	width: 63px;
	height: 76px;
	cursor: pointer;
}
.mt20 {
	margin-top: 20px;
}
.PrintWith {
	background-position: -99px -92px;
	width: 76px;
	height: 63px;
	cursor: pointer;
}
.PrintWith:hover, .SelectPrintWith {
	background-position: -13px -92px;
	width: 76px;
	height: 63px;
	cursor: pointer;
}
.DownloadTemplate {
	background-position: -182px -92px;
	width: 63px;
	height: 63px;
}
.progress {
	background: #eee;
	height: 5px;
	width: 98%;
	margin: 20px 1% 0 1%;
	display: block;
}
.progress .progressIN {
	background: url(../images/loaddingline.gif);
	display: block;
	height: 5px;
}
.activeSMS {
	background: url(../images/activeImg.jpg) bottom right no-repeat #FFF;
}
.activeEmail {
	background: url(../images/mailActive.png) bottom right no-repeat #FFF;
}
.HavePurchased {
	background: url(../images/icon2.png) no-repeat -341px -73px;
	width: 40px;
	height: 14px;
	display: inline-block;
	margin-top: 5px;
}
.NoPurchased {
	background: url(../images/icon2.png) no-repeat -341px -90px;
	width: 40px;
	height: 14px;
	display: inline-block;
	margin-top: 5px;
}
.Invalid {
	background: url(../images/icon2.png) no-repeat -341px -57px;
	width: 40px;
	height: 14px;
	display: inline-block;
	margin-top: 5px;
}
.ShareWay ul li {
	float: left;
	padding-right: 10px;
}
.ShareWay ul li a {
	background: url(../images/ShareWay.png) no-repeat;
	width: 48px;
	height: 48px;
	display: inline-block;
}
.ShareWay .Microblogging {
	background-position: -11px -12px;
}
.ShareWay .Microblogging:hover {
	background-position: -11px -75px;
}
.ShareWay .QQblogging {
	background-position: -83px -12px;
}
.ShareWay .QQblogging:hover {
	background-position: -83px -75px;
}
.ShareWay .QQ {
	background-position: -154px -12px;
}
.ShareWay .QQ:hover {
	background-position: -154px -75px;
}
.ShareWay .weixin {
	background-position: -226px -12px;
}
.ShareWay .weixin:hover {
	background-position: -226px -75px;
}
.ShareWay .QQspace {
	background-position: -297px -12px;
}
.ShareWay .QQspace:hover {
	background-position: -297px -75px;
}
.TuijianGif {
	background: url(../images/TuijianGif.gif) no-repeat;
	width: 124px;
	height: 14px;
	display: inline-block;
	float: left;
}
.topActionArea .Recommended a .icon {
	background-image: url(../images/package.png);
	background-position: -256px -185px;
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 5px;
}
.topActionArea .Recommended a:hover .icon {
	background-position: -274px -185px;
}
.topActionArea .Recommended {
	float: left;
	margin: 15px 20px 0 0;
}
.topActionArea .Recommended .text {
	float: left;
	color: #7a8292;
}
.topActionArea .Recommended a:hover .text {
	color: #0360d7;
}
.RecommendedPop {
	background: url(../images/RecommendedPop.png) no-repeat center;
	width: 750px;
	height: 250px;
}
.processing, .processing:hover, .processing: active {
	background: url(../images/loadding.gif) no-repeat 10px 5px #ddd;
	border: 1px solid #D7D7D7;
	color: #999;
	padding-left: 30px;
	cursor: default;
}
.firstList, .secList {
	height: 150px;
	width: 150px;
	white-space: nowrap;
	position: absolute;
	border: 1px solid #D7D7D7;
	overflow-y: auto;
	background: #FFF;
	text-align: left;
}
.secList {
	margin-left: 150px;
}
.firstList .normal, .secList .normal {
	cursor: pointer;
	padding: 2px 10px 2px 5px;
	margin: 5px;
	background-color: #fff;
	text-align: left;
	line-height: 23px;
}
.secList .normal:hover, .firstList .normal:hover, .firstList .select {
	background-color: #eee;
	padding: 2px 10px 2px 5px;
	margin: 5px;
	cursor: pointer;
	text-align: left;
	line-height: 23px;
}
.haveChild {
	background-image: url(../images/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 23px;
	white-space: normal;
}
.DCloadding {
	background: url(../images/loading2.gif) center no-repeat;
	min-height: 350px;
}
.tableStyle th {
	position: relative;
}
.dragLine {
	position: absolute;
	height: 35px;
	width: 2px;
	background-color: transparent;
	cursor: col-resize;
	z-index: 2;
}
.dragLine:hover, .dragLine: active {
	border: 1px dashed #aaa;
	border-width: 0 1px 0 0;
	background-color: transparent;
	cursor: col-resize;
}
.tableText {
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
.figureimg {
	position: relative;
}
.figureimg .figureimgbackground {
	position: absolute;
	width: 100%;
	display: block;
	height: 45px;
	background: #000;
	opacity: .8;
	bottom: 0;
	left: 0;
}
.figureimg .figureimgbackground .character {
	color: #fff;
	padding: 10px;
}
.EditTemplate {
	float: left;
	margin-left: 20px;
}
.EditTemplate a .texts {
	float: left;
	color: #7a8292;
}
.EditTemplate a:hover .texts {
	color: #0360d7;
}
.EditTemplate a .iocns {
	background: url(../images/package.png);
	background-position: -351px -169px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.EditTemplate a:hover .iocns {
	background: url(../images/package.png);
	background-position: -377px -169px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.EditTemplate a .iocns2 {
	background: url(../images/package.png);
	background-position: -351px -192px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.EditTemplate a:hover .iocns2 {
	background: url(../images/package.png);
	background-position: -377px -192px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.EditTemplate a .iocns3 {
	background: url(../images/package.png);
	background-position: -948px -364px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 7px;
}
.EditTemplate a:hover .iocns3 {
	background: url(../images/package.png);
	background-position: -948px -390px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 7px;
}
.showcaseTitle {
	border-bottom: 1px solid #d7d7d7;
	float: left;
	width: 100%;
}
.showcaseTitle .logo {
	float: left;
	width: 40%;
}
.showcaseTitle .logo .avatar {
	width: 80px;
	height: 80px;
	border-radius: 100px;
	border: 2px solid #f1f1f1;
	float: left;
	margin: 10px;
}
.showcaseTitle .logo .content {
	float: left;
	padding-top: 30px;
}
.showcaseTitle .titleRtext {
	width: 60%;
	float: right;
	padding-top: 30px;
}
.showcaseTitle .titleRtext .inputText {
	width: 99%;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	color: #F00;
}
.showcaseSecTitle {
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 0;
}
.showcaseContent {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
}
.showcaseContent .list ul {
	padding-left: 10px;
	float: left;
}
.showcaseContent .list ul li {
	float: left;
	border: 1px solid #d7d7d7;
	background-color: #FFF;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 20px;
}
.showcaseContent .list ul li:hover, .showcaseContent .list ul .select {
	border: 1px solid #1c7efb;
	box-shadow: 0 0 3px #1c7efb;
}
.showcaseContent .list ul .pro, .showcaseContent .list ul .SCadd {
	height: 330px;
	width: 230px;
}
.showcaseContent .list ul .SCadd .icon {
	width: 230px;
	height: 230px;
	float: left;
	background: url(../images/add.png) center no-repeat;
}
.showcaseContent .list ul .pro .photoArea {
	position: relative;
	width: 230px;
	height: 230px;
}
.showcaseContent .list ul .pro .photoArea .editArea {
	display: none;
	text-align: center;
}
.showcaseContent .list ul .pro:hover .photoArea .editArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(../images/coverBg.png);
	line-height: 30px;
	display: block;
	text-align: center;
}
.showcaseContent .list ul .pro .photoArea .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(../images/coverBg.png);
	color: #FFF;
	line-height: 30px;
	text-indent: 10px;
}
.showcaseContent .list ul .pro .price {
	padding: 10px 10px 0 10px;
}
.showcaseContent .list ul .pro h1 {
	font-size: 12px;
	color: #333;
	width: 210px;
	margin: 0;
	padding: 0 10px;
	float: left;
}
.showcaseContent .list ul .pro h2 {
	clear: both;
	font-size: 12px;
	color: #999;
	width: 210px;
	margin: 0;
	padding: 0 10px 10px 10px;
	float: left;
}
.showcaseContent .editArea .EAedit, .showcaseContent .editArea .EAdel {
	float: left;
	width: 50%;
	color: #fff;
}
.showcaseContent .editArea .EAtext:hover {
	color: #ff0;
}
.SCbottom {
	border-top: 1px solid #d7d7d7;
	margin-top: 30px;
	padding-top: 10px;
}
.showPro .photo {
	width: 50px;
	padding-right: 20px;
	float: left;
}
.showPro .name {
	float: left;
	font-size: 14px;
	width: 180px;
	height: 50px;
	overflow: hidden;
}
.photoList {
	width: 470px;
	float: left;
}
.photoList li {
	width: 70px;
	height: 70px;
}
.photoList .normal {
	border: 1px solid #d7d7d7;
	float: left;
	margin-right: 60px;
}
.photoList .select {
	border: 1px solid #1c7efb;
	box-shadow: 0 0 3px #1c7efb;
	float: left;
	margin-right: 60px;
}
.photoEdit {
	border: 1px solid #d7d7d7;
	margin: 10px 0;
	float: left;
	height: 210px;
	width: 470px;
}
.showcaseStep {
	background: url(../images/showcaseStep.png) center no-repeat;
	height: 250px;
}
.showcaseTemp {
	background: url(../images/showcaseTemp.jpg) center no-repeat;
	height: 500px;
}
.ShareWay .clip {
	background-position: -373px -12px;
}
.ShareWay .clip:hover {
	background-position: -373px -75px;
}
.printButton {
	width: 110px;
	height: 128px;
	float: left;
	margin: 0 10px 5px 0;
	cursor: pointer;
}
.A4 {
	font-size: 24px;
	line-height: 24px;
	color: #a9aaaa;
	text-align: center;
	background: url(../images/printIconA4.png) center no-repeat #FFF;
	border: 1px solid #D7D7D7;
}
.A4 span {
	padding-top: 50px;
	float: left;
	width: 110px;
}
.others {
	background: url(../images/printOthers.png) center no-repeat #FFF;
	border: 1px solid #D7D7D7;
}
.others .Name {
	text-align: center;
	font-size: 14px;
	color: #A9aaaa;
	width: 110px;
	float: left;
	padding-top: 40px;
	border: none;
	text-indent: 0;
	margin-top: 10px;
}
.others .dimension {
	text-align: center;
	font-size: 12px;
	color: #A9AAAA;
	width: 110px;
	float: left;
	text-indent: 0;
	margin-top: 25px;
	padding: 0;
}
.printButton:hover {
	background-color: #f3f6fa;
	color: #000;
}
.printButton:hover span, .printArea .select span, .printButton: active span {
	color: #000;
}
.Custom {
	background: url(../images/printCustom.png) 20px 40px no-repeat #FFF;
	border: 1px solid #D7D7D7;
}
.Custom .Name {
	padding-top: 80px;
	text-align: center;
	font-size: 14px;
	color: #A9AAAA;
	width: 110px;
	float: left;
	border: none;
	text-indent: 0;
	margin: 0;
}
.SelectLight, .SelectGray, .SalesIcon, .PurchaseIcon, .SalesReturnsIcon, .PurchaseReturnsIcon, .AllocationIcon, .BorrowingIcon, .LoanIcon, .WarehousingIcon, .OutLibraryIcon, .BorrowReturnsIcon, .LoanReturnsIcon, .ExpendIcon, .EarningIcon, .ReceivableIcon, .PayableIcon {
	background: url(../images/package.png) no-repeat center;
	width: 24px;
	height: 24px;
	display: block;
}
.SelectLight {
	background-position: -546px -429px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin-top: 3px;
}
.SelectGray {
	background-position: -566px -429px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin-top: 3px;
}
a:hover .SelectGray {
	background-position: -526px -429px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin-top: 3px;
}
.SalesIcon {
	background-position: -608px -426px;
}
.PurchaseIcon {
	background-position: -703px -426px;
}
.SalesReturnsIcon {
	background-position: -640px -426px;
}
.PurchaseReturnsIcon {
	background-position: -671px -426px;
}
.AllocationIcon {
	background-position: -862px -426px;
}
.BorrowingIcon {
	background-position: -734px -426px;
}
.LoanIcon {
	background-position: -766px -426px;
}
.WarehousingIcon {
	background-position: -799px -426px;
}
.OutLibraryIcon {
	background-position: -830px -426px;
}
.BorrowReturnsIcon {
	background-position: -1197px -426px;
}
.LoanReturnsIcon {
	background-position: -1229px -426px;
}
.ExpendIcon {
	background-position: -1166px -426px;
}
.EarningIcon {
	background-position: -1261px -426px;
}
.ReceivableIcon {
	background-position: -1293px -426px;
}
.PayableIcon {
	background-position: -1324px -426px;
}
.printArea {
	padding: 10px 0;
}
.printArea .select, .printButton: active {
	border: 1px solid #1c7efb;
	box-shadow: 0 0 3px #4d9afc;
	background-color: #f3f6fa;
}
.printPreview {
	border: 1px solid #D7D7D7;
	float: left;
	width: 100%;
}
.printPreview .title {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
	background: #F1F1F1;
	float: left;
	width: 100%;
}
.printPreview .content {
	padding: 20px;
	float: left;
}
.tempChose .autoCompleteBox {
	height: 264px!important;
	top: 0!important;
}
.proName {
	position: relative;
}
.packageList {
	border: 1px solid #d7d7d7;
	background: url(../images/thBgN.png) bottom repeat-x #FFF;
	float: left;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	max-height: 300px;
	max-width: 500px;
	min-width: 200px;
	overflow: auto;
}
.packageList h1 {
	font-size: 14px;
	background: #f2f2f2;
	padding: 5px 10px;
	border-bottom: 1px solid #D7D7D7;
}
.packageList h2 {
	font-size: 12px;
	border-bottom: #D7D7D7 solid 1px;
	padding: 0 10px;
}
.packageList h3 {
	font-size: 12px;
	padding: 0 10px;
}
.packageList p {
	margin: 0;
	padding: 0 10px;
}
.packageList ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #d7d7d7;
	float: left;
	width: 100%;
}
.packageList ul li: last-child {
	border-bottom: 0;
}
.packageList ul li:hover {
	background: #f3f3f3;
}
.Importing {
	background: url(../images/ImportingA.png) no-repeat center;
	width: 343px;
	height: 176px;
}
.Importing .Box {
	width: 146px;
	height: 176px;
	margin-right: 51px;
	float: left;
}
.Importing .Box .SmallBox {
	margin-top: 126px;
	height: 50px;
	text-align: center;
}
.BasicEditionIcon, .BasicEditionIconB {
	background: url(../images/ImportingB.png) no-repeat center;
	width: 90px;
	height: 90px;
	display: block;
}
.BasicEditionIcon {
	background-position: 0 0;
	display: block;
	cursor: pointer;
}
.BasicEditionIcon:hover {
	background-position: -90px 0;
	display: block;
	cursor: pointer;
}
.BasicEditionIconB {
	background-position: 0 -90px;
	display: block;
	cursor: pointer;
}
.BasicEditionIconB:hover {
	background-position: -90px -90px;
	display: block;
	cursor: pointer;
}
.saleMan {
	background: url(../images/salesIcon.png) bottom no-repeat;
	width: 25px;
	height: 15px;
	display: inline-block;
}
.regChoseVersion li {
	float: left;
	text-align: left;
}
.regChoseVersion li a {
	border-radius: 5px;
	border: 2px solid #d7d7d7;
	padding: 20px;
	float: left;
	width: 195px;
	color: #666;
	cursor: pointer;
}
.regChoseVersion li a span {
	cursor: pointer;
}
.regChoseVersion li a:hover {
	border: 2px solid #58ca68;
	color: #58ca68;
	cursor: pointer;
}
.regChecked {
	background: url(../images/checkedReg.png) no-repeat center;
}
.regUnchecked {
	background: url(../images/uncheckedReg.png) no-repeat center;
}
.regBox tr td {
	border-bottom: 1px dotted #dee1e9;
}
.topfixed {
	position: fixed;
}
.queryinfo {
	background: transparent url("../../Images/package.png") repeat scroll -319px -372px;
	height: 11px;
	width: 11px;
	display: inline-block;
	z-index: 100;
	cursor: pointer;
}
.remarks {
	color: #999;
	line-height: 16px;
}
.disdivjt
        {
            border: 1px solid #D1D1D1;
            background-color: #F8F8F8;
            padding: 10px;
            position: relative;
        }
.arrow {
	position: absolute;
	top: -21px;
	left: 20px;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-color: transparent transparent #D1D1D1 transparent;
	border-style: dashed dashed solid dashed;
	border-width: 10px;
}
.arrowafter {
	position: absolute;
	top: -9px;
	left: -10px;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-color: transparent transparent #F8F8F8 transparent;
	border-style: dashed dashed solid dashed;
	border-width: 10px;
}
.arrow-left {
	position: absolute;
	top: 5px;
	left: -20px;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-color: transparent #D1D1D1 transparent  transparent;
	border-style: solid;
	border-width: 10px;
}
.arrowafter-left {
	position: absolute;
	top: -10px;
	left: -9px;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-color: transparent #F8F8F8 transparent  transparent;
	border-style: solid;
	border-width: 10px;
}
.add-input {
	height: 14px;
	padding: 7px 0px 7px 5px;
	line-height: 14px;
	font-size: 12px;
	display: inline-block;
	border-radius: 4px 0px 0px 4px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.add-on {
	display: inline-block;
	width: auto;
	height: 20px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 12px;
    font-weight:400;
	line-height: 20px;
	text-align: center;
	text-shadow: 0px 1px 0px #FFF;
	background-color: #EEE;
	border: 1px solid #CCC;
	border-radius: 0px 4px 4px 0px;
	margin-left: -4px;
}
.input-appends{
	border-radius:4px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin:0;
	padding: 0px;
	overflow:hidden;
	float:left;
	}
.input-appends input[type='text']{
	width:50px;
	margin:0;
	padding:4px;
	border:0px solid #ccc;
	line-height:20px;
	float:left;
	}
.input-wt20 input[type='text']
{
    width:20px;
    }
.input-appends span{
	background-color: #EEE;
	padding:0px 6px;
	float:right;
	font-size:100%;
	border-left:1px solid #CCC;
	
	
	}

 /** 静态提示小图标 **/
.staticinfo {
    background: transparent url("../../Images/package.png") repeat scroll -319px -372px;
    height: 11px;
    width: 11px;
    display: inline-block;
    z-index: 100;
    cursor: pointer;
}
.infocontext
{
    width:300px;
    position:absolute;
    border-radius: 2px;
    background-color:#F8F8F8;
    border:1px solid #ccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display:none;
    padding:10px;
    z-index:99999;
    }
  /** 电子券样式 **/ 
.ticimg
{ width:280px;
  height:102px;
  background-image:url("../../Images/ticket.png");
   color:#fff;
    }
 .ticimg >p
 {
     position: absolute;
max-width: 200px;
height: 20px;
color: #FFF;
     }
 .ticimg >.ti_t
 {
     top:0px;
     left:30px;
     font-size:12px;
     font-weight:bold;
     
     }
.ticimg >.ti_context
{
    top:25px;
    left:40px;
}
.ticimg  .ti_cval{ font-size:38px;}
.ticimg .ti_cdw{ font-size:18px;}
.ticimg >.ti_tjian
{
    top:70px;
    left:30px;
    }
.ticimg >.ti_date
{
    top:70px;
    right:5px;
    }
.ticimgc1
{
    background-position:0px -18px;
}
.ticimgc2
{
    background-position:0px -266px;
}
.ticimgc3
{
    background-position:0px -512px;
}
.ticimgc4
{
    background-position:0px -758px;
}
.ticimgc5
{
    background-position:0px -1004px;
}
.tab_pdS a, .tab_pdN a:hover {
    background: #FF8C00 none repeat scroll 0% 0%;
    color: #FFF;
    text-align: center;
    width: 120px;
    float: left;
    height: 30px;
}
.whiteBoxTab .tabS, .whiteBoxTab .tabN:hover {
    border-width: 1px;
    border-style: solid;
    border-color: #C7CEDB #C7CEDB #FFF;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 16px;
    padding: 5px 10px;
    background: #FFF none repeat scroll 0% 0%;
    cursor: pointer;
    width: 80px;
    text-align: center;
}
/**消息提示框**/
.succeedInfo {
    background: #40bf50 none repeat scroll 0 0;
    border: 1px solid #359e42;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    max-height: 95px;
    opacity: 0.9;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    right: 35%;
    text-align: center;
    top: 10px;
    width: 30%;
    z-index: 2000;
}
.errorInfo {
    background: #f94949 none repeat scroll 0 0;
    border: 1px solid #c43131;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    max-height: 95px;
    opacity: 0.9;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    right: 35%;
    text-align: center;
    top: 10px;
    width: 30%;
    z-index: 2000;
}
.emptydiv
{
    width: 100%;
    height: 100%;
    text-align: center;
}
.datagrid-footer .datagrid-cell{ color:Red !important;}
.ui-widget-content{ display:none;}

.lineh30{ line-height:30px;}
.info
{
    background: url("../../Images/package.png") repeat scroll -319px -372px transparent;
    height: 11px;
    width: 11px;
    display: inline-block;
    z-index: 100;
    cursor: pointer;
}

.op-img{ width:16px; height:16px; background-image:url(/Images/open.png); border:0; margin:5px 0 0 5px; display:inline-block;}
.op-img:hover{ background-image:url(/Images/open1.png)}
.red{ color:Red;}

/**状态**/.state{margin: 0 5px;padding:2px 2px 0px 2px;width: 40px;height: 20px;display: inline-block;border-radius: 3px;color:#fff;line-height:18px;text-align:center;}
.state-wsh{background-color:#ccc;}

.state-ysh{background-color:#FF9400;}

.start_fs{background-position: -24px -188px;}

.start_sh{background-position: -7px -188px;}








