@charset "utf-8";
/* css document */
body {
	font-size: 12px;
	font-family: '微软雅黑', "宋体";
	line-height: 180%;
	color: #333333;
	width: 100%;
	background-repeat: repeat-x;
	text-align: left;
	/*background: ;*/
	padding: 0px;
	border: 0px;
}

img,form,ul,dl,input,fieldset,.clear,dt,dd,dl {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input[type="text"] {
	background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    height: 30px;
    padding:  0 2px;
    line-height: 14px;
    font-size: 12px;
    display: inline-block;
}

select {
	padding: 6px 0 6px 5px;
}

input {
	outline: none;
}

ul,dl {
	list-style-type: none;
}

h1,h2,h3,h4 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.fn {
	float: none;
}

.img_bor {
	border: 1px #d6d6d6 solid;
	padding: 1px;
}

a {
	color: #4287cf;
}

a:link,a:visited {
	text-decoration: none;
}

a:hover {
	color: #fd7742;
	text-decoration: none;
}

.font18 {
	font-size: 18px;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font24 {
	font-size: 24px;
}

.font12 {
	font-size: 12px;
}

.fontb {
	font-weight: bold;
}

.fontred {
	color: #f00;
	text-shadow: 0 1px 0 #fff;
}

.fontdeepred {
	color: #8e241f;
	text-shadow: 0 1px 0 #fff;
}

.font999 {
	color: #999;
	text-shadow: 0 1px 0 #fff;
}

.font666 {
	color: #666;
	text-shadow: 0 1px 0 #fff;
}

.font333 {
	color: #333;
	text-shadow: 0 1px 0 #fff;
}

.fontblack {
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.fontwhite {
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

.fontorange {
	color: #fe3800;
}

.fontgreen {
	color: #54b856;
}

.fontorange2 {
	color: #f29e00;
}

.fontblue {
	color: #00aeff;
}

.mr10 {
	margin-right: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mt5 {
	margin-top: 5px;
}

.wf100 {
	width: 100%;
}

.height10 {
	height: 10px;
	display: block;
}

.height15 {
	height: 15px;
	display: block;
}

/* 公共样式 */
.header {
	width: 100%;
	height: 67px;
	background: #fff;
	z-index: 100;
	position: absolute;
}

.headerbottom {
	width: 100%;
	height: 100px;
	float: left;
}

.header .lineone {
	height: 57px;
	padding-top: 10px;
}

.header .logo {
	float: left;
	width: 120px;
}

.logoin {
	background: #fff;
	float: left;
	width: 120px;
	height: 33px;
}

.header .lineone .logo {
	margin:6px 0px 0px 13px;
	width:110px;
	height: 32px;
	background:  bottom no-repeat;
}

.header .linetwo .logo {
	height: 33px;
	background:  top no-repeat;
}

.linetwo .logo {
	height: 33px;
	background:  top no-repeat;
}

.header .lineone .info {
	float: right;
}

.header .lineone .shopinfo .photo {
	float: left;
	padding-right: 10px;
}

.header .lineone .shopinfo .text {
	font-size: 12px;
	float: left;
}

.header .lineone .shopinfo .text .redbox {
	font-size: 12px;
	background-color: #eb7070;
	border-radius: 3px;
	height: 12px;
	width: 30px;
	text-align: center;
	display: inline-block;
	line-height: 12px;
	color: #fff;
}

.header .lineone .shopinfo .text .redbox:hover {
	background-color: #78bf5f;
}

.header .lineone .newmembertop,.header .lineone .memberinfo,.header .lineone .shopinfo
	{
	color: #7c8389;
	float: left;
	margin-right: 10px;
}

.header .lineone .newmembertop,.header .lineone .memberinfo {
	padding-top: 10px;
}

.header .lineone .newmembertop .icon {
	background-image: ;
	background-position: 0 -85px;
	width: 22px;
	height: 22px;
	float: left;
	padding-right: 5px;
}

.header .lineone .newmembertop:hover .icon {
	background-image: ;
	background-position: 0 -117px;
}

.header .lineone .newmembertop div,.header .lineone .newmembertop a,.header .lineone .memberinfo div,.header .lineone .memberinfo a
	{
	float: left;
	color: #7c8389;
}

.header .lineone .newmembertop a:hover div,.header .lineone .memberinfo a:hover div
	{
	color: #fd7742;
}

.header .lineone .memberinfo .icon {
	background-image: ;
	background-position: -49px -85px;
	width: 22px;
	height: 22px;
	float: left;
	padding-right: 5px;
}

.memberinfo a:hover .text {
	color: #7c8389;
}

.memberinfo a .arrow {
	-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;
	padding: 7px 5px;
}

.memberinfo a:hover .arrow {
	-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;
	padding: 7px 5px;
}

.mimore {
	position: absolute;
	border: 1px solid #d7d7d7;
	border-width: 0px 1px 1px 1px;
	width: 90px;
	/*padding-top: 30px;*/
	top: 14px;
	right: 5px;
	z-index: 1001;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
	margin-top: 25px;
}

.mimore li {
	border-top: 1px solid #d7d7d7;
	float: left;
	width: 80px;
	background: #fff;
	padding: 5px;
}

.mimore .membercenter .icon1 {
	width: 18px;
	height: 18px;
	background-image: ;
	padding-right: 8px;
	background-position: -105px -83px;
	float: left;
}

.mimore .membercenter:hover .icon1 {
	background-position: -105px -115px;
}

.mimore .membercenter:hover .text,.mimore .changepassword:hover .text,.mimore .exit:hover .text
	{
	color: #fd7742;
}

.mimore .changepassword .icon1 {
	width: 18px;
	height: 18px;
	background-image: ;
	padding-right: 8px;
	background-position: -133px -83px;
	float: left;
}

.mimore .changepassword:hover .icon1 {
	background-position: -133px -115px;
}

.mimore .exit .icon1 {
	width: 18px;
	height: 18px;
	background-image: ;
	padding-right: 8px;
	background-position: -160px -83px;
	float: left;
}

.mimore .exit:hover .icon1 {
	background-position: -160px -115px;
}

.linetwo .tab {
	float: left;
}

.linetwo .tab ul li {
	float: left;
	padding-right: 5px;
}
#leftmenu{
	background:#00c0ff;
	overflow:hidden;
}
.lmenu {
	width: 110px;
	height:483px;
	overflow:hidden;
	/*background-image: ;*/
}

.lmenu ul li {
	float: left;
	width: 110px;
	height: 70px;
}

.lmenu ul li a .icon {
	height: 45px;
	width: 110px;
	text-align:center;
	vertical-align:middle; 
	
}
.lmenu ul li a .icon img{
	width:32px;
	height:32px;
	margin:8px auto 5px;
}
.lmenu ul li a .text {
	height: 18px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 110px;
	font-weight: normal;
	line-height:18px;
}

.lmenu ul li a:hover .cover,.menus .cover {
	background:  no-repeat scroll -10px top;;
	position: absolute;
	width: 110px;
	height: 70px;
}

.lmenutop {
	width: 110px;
	height: 33px;
	background: #fff;
	z-index: 100;
}

.lmenuprev,.lmenunext{
	width:110px;
	height:22px;
	overflow:hidden;
}
.lmenuprev a{
	display:block;
	width:100%;
	height:21px;
	overflow:hidden;
	background:#00c0ff  no-repeat center center;
	text-indent:-300px;
	border-bottom:1px solid #66d9ff;
}
.lmenunext a{
	display:block;
	width:100%;
	height:21px;
	overflow:hidden;
	background:#00c0ff  no-repeat center center;
	text-indent:-300px;
	border-top:1px solid #66d9ff;
}
.lmenunext{
	position:absolute;
	left:0px;
	bottom:0px;
}
.main {
	background-color: #ebebeb;
	padding: 15px 0px 8px 10px;
	margin:0px;
}

.wellcome {
	height: 35px;
	line-height: 35px;
}

.shadowboxwhite {
	background: #fff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	filter: "progid:dximagetransform.microsoft.shadow(color=#aaaaaa,direction=0,strength=0) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=90,strength=3) progid:dximagetransform.microsoft.shadow(color=#888888,direction=180,strength=5) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=270,strength=3)";*/
}
.order_detail .shadowboxwhite ,.goods_input .shadowboxwhite,.member_detail .shadowboxwhite{
	background: #fff;
	box-shadow:none;
}
.shadowboxyellow {
	background: #fff8be;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	/*filter: "progid:dximagetransform.microsoft.shadow(color=#aaaaaa,direction=0,strength=0) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=90,strength=3) progid:dximagetransform.microsoft.shadow(color=#888888,direction=180,strength=5) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=270,strength=3)";*/
}

.notice {
	width: 300px;
	float: right;
	font-size: 12px;
	margin-bottom: 8px;
	height: 27px;
}

.notice .icon {
	background-image: ;
	background-position: -195px -80px;
	width: 27px;
	height: 27px;
	float: left;
}

.notice .text a {
	color: #fb5240;
}

.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(#ffffff),
		to(#eaeaea));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#eaeaea));
	background: -o-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#ffffff), 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(#ffffff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#eaeaea),
		to(#ffffff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#ffffff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#ffffff));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#eaeaea,
		endcolorstr=#ffffff, gradienttype=0);
	cursor: pointer;
}

.quicklaunch .ql1,.quicklaunch .ql2,.quicklaunch .ql3,.quicklaunch .ql4
	{
	border-bottom: 1px dashed #d7d7d7;
}

.quicklaunch .ql1,.quicklaunch .ql2,.quicklaunch .ql3,.quicklaunch .ql5,.quicklaunch .ql6,.quicklaunch .ql7
	{
	border-right: 1px dashed #d7d7d7;
}

.quicklaunch td:hover {
	background: #eeeeee;
	cursor: pointer;
}

.quicklaunch .icon {
	width: 100px;
}

.quicklaunch .text {
	width: 100px;
	/*color: #7c8389;*/
	padding-top: 15px;
}

.warning {
	float: right;
	width: 300px;
	height: 310px;
}

.warning .title {
	color: #f5b319;
	font-size: 18px;
	border-bottom: 1px solid #efe591;
	height: 45px;
	line-height: 45px;
	margin: 0 5px;
	width: 290px;
	text-indent: 5px;
}

.warning li {
	padding: 10px;
	color: #000;
}

.warning li a {
	color: #000;
	padding-bottom: 15px;
}

.warning li a:hover {
	color: #fd7742;
}

.chart .title,.todaysale .title,.contactus .title,.whitebox .title{
	border-bottom: 1px solid #dfdfdf;
    color: #53606b;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    text-indent: 5px;
    font-weight:normal;
}
#orderbaseform .title,.index_nav{
	font-size: 18px;
	color: #333;
	height:18px;
	line-height:18px;
	text-align:left;
	padding-bottom:10px;
	font-weight:normal;
	border:none;
	margin:0px;
	text-indent:0;

}
.whitebox .text {
	padding: 20px 15px;
	text-align: center;
}

.chart .text {
	padding: 20px 10px;
	text-align: center;
	height: 195px;
}

.todaysale,.contactus {
	width: 300px;
	float: right;
}

.todaysale .text {
	font-size: 12px;
	color: #999999;
	text-align: center;
	width: 100%;
	padding: 30px 0 20px 0;
}

.todaysale .text .num {
	font-size: 48px;
	line-height: 48px;
	color: 00aeff;
}

.secondfloat {
	position: absolute;
	left: 110px;
	/*top: 33px;*/
	border: 2px solid #00c0ff;
	border-left:none;
	z-index: 99999;
	/*background:  top left no-repeat;*/
	width: 132px;
}

.second {
	background: #f2f2f2;
	width: 132px;
	float: left;
	/*height: 490px;*/
}

.secondbottom {
	width: 132px;
	background:  no-repeat;
	height: 5px;
	float: left;
}

.second ul {
	float: left;
}

.second ul li .title {
	width:100%;
	float: left;
	background-color: #fff;
	height: 29px;
	border-bottom: 1px solid #e9e9e9;
	color: #000;
	float: left;
	line-height: 29px;
	text-indent: 5px;
}

.second ul li {
	float: left;
	height: 100%;
	width:132px;
}

.second ul li ul {
	background: none;
	padding: 5px 0;
	float: left;
}

.second ul li ul li {
	background: none;
	padding: 0 15px;
	float: left;

}

.second ul li ul li a {
	/*color: #7c8389;*/
	color: #444444;
	width: 100px;
	height: 28px;
	border-bottom: 1px solid #d5d5d5;
	float: left;
	background: none;
	line-height: 28px;
	text-indent: 5px;
	overflow:hidden;
}

.second ul li ul li a:hover {
	background: #454545;
	color: #fff;
}

.secondfloatbig {
	width: 280px;
}

.secondfloatbig .second {
	width: 280px;
}

.secondfloatbig .second ul {
	width: 280px;
}

.secondfloatbig .second ul li {
	width: 280px;
}

.secondfloatbig .second ul li .title {
	width: 100%;
	float: left;
}

.secondfloatbig .second ul {
	width: 280px;
}

.secondfloatbig .second ul li ul li {
	width: 110px;
	padding-bottom: 5px;
}

.secondfloatbig .secondbottom {
	width: 280px;
}

.contactus {
	height: 129px;
	overflow: hidden;
}

.contactus .text ul {
	padding: 10px 0px 10px 15px;
	float: left;
}

.contactus .text ul li {
	float: left;
	padding-right: 10px;
}

.qq,.weibo,.weixin,.mail {
	background: ;
	width: 60px;
	height: 60px;
	display: block;
}

.qq {
	background-position: 0 0;
}

.qq:hover {
	background-position: 0 -70px;
}

.weibo {
	background-position: -67px 0;
}

.weibo:hover {
	background-position: -67px -70px;
}

.weixin {
	background-position: -136px 0;
}

.weixin:hover {
	background-position: -136px -70px;
}

.mail {
	background-position: -206px 0;
}

.mail:hover {
	background-position: -206px -70px;
}

.footer {
	border-top: 1px solid #cfcfcf;
	color: #999;
	margin-top: 15px;
	padding-top: 10px;
}

.footer .fr {
	text-align: right;
}

/* 内容页 */
/*.button ,a.l-btn span.l-btn-left {
	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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f7f7f7,
		endcolorstr=#f2f2f2, gradienttype=0);
	height: 24px;
	padding: 0 3px;
	cursor: pointer;
	line-height: 24px;
	display: inline-block;
	color: #666666;
margin-right:5px; 
	white-space:nowrap;
	
}
a.l-btn span.l-btn-left .icon-ok{
	background-image:none;
}

.button:hover,a.l-btn:hover span.l-btn-left {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ffffff,
		endcolorstr=#f2f2f2, gradienttype=0);
	color: #666666;
	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(#ffffff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2),
		to(#ffffff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f2f2f2,
		endcolorstr=#ffffff, gradienttype=0);
	color: #666666;
	cursor: pointer;
}*/

.button1 {
	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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f7f7f7,
		endcolorstr=#f2f2f2, gradienttype=0);
	height: 28px;
	padding: 0 20px;
	cursor: pointer;
	line-height: 28px;
	display: inline-block;
	color: #666666;
}

.button1:hover {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f2f2f2));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f2f2f2));
	background: -o-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ffffff,
		endcolorstr=#f2f2f2, gradienttype=0);
	color: #666666;
	cursor: pointer;
}

.button1:active {
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	background-color: #f2f2f2;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2),
		to(#ffffff));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#f2f2f2),
		to(#ffffff));
	background: -o-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ffffff));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f2f2f2,
		endcolorstr=#ffffff, gradienttype=0);
	color: #666666;
	cursor: pointer;
}

.bluebutton {
	border: 1px solid #2f9df9;
	border-radius: 3px;
	background-color: #39befb;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#39befb),
		to(#2091fc));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#39befb),
		to(#2091fc));
	background: -o-gradient(linear, 0 0, 0 100%, from(#39befb), to(#2091fc));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#39befb), to(#2091fc));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#39befb,
		endcolorstr=#2091fc, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#6ecdff,
		endcolorstr=#2091fc, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#2091fc,
		endcolorstr=#6ecdff, gradienttype=0);
	color: #ffffff;
}

.greybuttonnoaction {
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f3f3f3,
		endcolorstr=#e6e6e8, gradienttype=0);
	color: #b9b9b9;
	width: 280px;
	height: 57px;
	display: inline-block;
	text-align: center;
	line-height: 57px;
	font-size: 16px;
}

.greybuttonnoaction:hover {
	border-radius: 3px;
	border: 1px solid #d1d1d1;
	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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f3f3f3,
		endcolorstr=#e6e6e8, gradienttype=0);
	color: #b9b9b9;
	cursor: default;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#fd765c,
		endcolorstr=#fc5f4a, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ffaa9a,
		endcolorstr=#fc5f4a, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#fc5f4a,
		endcolorstr=#ffaa9a, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#9bda6a,
		endcolorstr=#7dc855, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#b5eb8d,
		endcolorstr=#7dc855, gradienttype=0);
	color: #ffffff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7dc855,
		endcolorstr=#b5eb8d, gradienttype=0);
	color: #ffffff;
}

.left {
	float: left;
}

.left .button {
	margin-right: 5px;
}

.right {
	float: right;
}

.right .button {
	float: left;
	margin-left: 5px;
}

.input_text,.lvprice,.ipt {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	/*height: 14px;*/
	padding: 7px 0 7px 5px;
	line-height: 14px;
	font-size: 12px;
	display: inline-block;
	width:300px;
}

.input_text:focus,.lvprice:focus,.ipt:focus {
	border: 1px solid #06f;
	box-shadow: inset 0 1px 2px rgba(0, 102, 255, 0.3);
}

.inputtext1 {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 14px;
	padding: 7px 0;
	line-height: 14px;
	padding-left: 5px;
	font-size: 12px;
	display: inline-block;
}

.inputtext1:focus {
	border: 1px solid #06f;
	box-shadow: inset 0 1px 2px rgba(0, 102, 255, 0.3);
}

.inputselect {
	padding: 4px;
	border: 1px solid #d7d7d7;
}

.searchadvanceds {
	background-color: #fdea7a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdea7a),
		to(#fef197));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#fdea7a),
		to(#fef197));
	background: -o-gradient(linear, 0 0, 0 100%, from(#fdea7a), to(#fef197));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#fdea7a), to(#fef197));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#fdea7a,
		endcolorstr=#fef197, gradienttype=0);
}

.searchadvanced {
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	background: #fffbf4;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 10px 0 5px 0;
	color: #7c8389;
}

.searchadvanced .searchadvanced .inputtext {
	float: left;
}

.searchadvanced div {
	float: left;
	padding-bottom: 5px;
}

.searchadvanced .title {
	padding: 0 5px 0 10px;
	line-height: 30px;
}

.data {
	background:  no-repeat right #fff;
}

.tablediv {
	background: #d7d7d7;
}

.tablediv table th {
	background-color: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f7f7f7));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#ffffff),
		to(#f7f7f7));
	background: -o-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ffffff,
		endcolorstr=#f7f7f7, gradienttype=0);
	font-weight: bold;
}

.tablediv table th a {
	color: #4287cf;
}

.tablediv table th a:hover {
	color: #8bbf00;
}

.tablediv table tr td {
	/*color: #7c8389;*/
	white-space: normal;
	word-break: break-all;
	padding:6px;
}

.tablediv table tr:hover td {
	background: #f1f1f1;
}

.copy {
	background-position: 0 -29px;
}

.datagrid-btable a.edit {
	background-image: ;
    display: inline-block;
    height: 23px;
    margin: 0 5px;
    width: 23px;
    float:none;
	background-position: -26px -29px;
	text-indent:0;
}
.datagrid-btable .add {
	background-image: ;
    display: inline-block;
    height: 23px;
    margin: 0 5px;
    width: 23px;
	background-position: -34px -169px;
}

.del,.delete {
	background-position: -52px -29px;
}

.details {
	background-position: -52px -86px;
}

.tablediv table tr:hover td .copy {
	background-position: 0 0px;
	cursor: pointer;
}

.tablediv table tr:hover td .edit ,.datagrid-row-over td .edit{
	background-position: -26px 0px;
	cursor: pointer;
}

.tablediv table tr:hover td .del ,.datagrid-row-over .delete{
	background-position: -52px 0px;
	cursor: pointer;
}

.tablediv table tr:hover td .add ,.datagrid-row-over .add{
	background-position: 0px -170px;
	cursor: pointer;
}

.tablediv table tr:hover td .issue ,.datagrid-row-over td .issue{
	background-position: -68px -169px;
	cursor: pointer;
}
.tablediv table tr:hover td .view ,.datagrid-row-over td .view{
	background-position: -136px -169px;
	cursor: pointer;
}

.tablediv table tr:hover td .details {
	background-position: -52px -56px;
	cursor: pointer;
}

.operate,.delete {
	margin: 0 5px;
	width: 24px;
	height: 24px;
	display: inline-block;
	background-image: ;
	line-height:23px;
	overflow:visible;
}
a:hover .delete{
	background-position:-52px 0px;
}
a.issue {
	margin: 0 5px;
	width: 25px;
	height: 24px;
	display: inline-block;
	background:  no-repeat scroll -101px -169px;
	line-height:23px;
	overflow:visible;
}

a.view {
	margin: 0 5px;
	width: 25px;
	height: 24px;
	display: inline-block;
	background:  no-repeat scroll -171px -169px;
	line-height:23px;
	overflow:visible;
}

.switchon {
	background:  -86px 0 no-repeat;
	width: 63px;
	height: 23px;
	display: inline-block;
}

.switchoff {
	background:  -86px -29px no-repeat;
	width: 63px;
	height: 23px;
	display: inline-block;
}

.tablediv table .cancel td {
	color: #cccccc;
}

.tablediv table .cancel td a {
	text-decoration: underline;
	color: #cccccc;
}

.tablediv table .cancel td a:hover {
	color: #fd7742;
}

.tablediv table .cancel .cancelicon {
	background:  no-repeat -158px 0;
	width: 30px;
	height: 14px;
	display: inline-block;
}

.defaulticon {
	background:  no-repeat;
	width: 30px;
	height: 14px;
	display: inline-block;
}

.mastericon {
	background:  no-repeat;
	width: 30px;
	height: 14px;
	display: inline-block;
}

.pagearea {
	float: right;
}

.pagearea a:hover {
	border-radius: 3px;
	background: #34a3db;
	color: #fff;
	padding: 5px 8px;
	cursor: pointer;
}

.pagearea a {
	border-radius: 3px;
	background: #d9d9d9;
	color: #000;
	padding: 5px 8px;
	cursor: pointer;
}

.pagearea .pageon,.pagearea .pageoff a:hover {
	border-radius: 3px;
	background: #34a3db;
	color: #fff;
	padding: 5px 8px;
	cursor: pointer;
}

.receipts {
	padding: 20px;
}

.receipts .title {
	background:  bottom repeat-x;
}

.receipts .title .text {
	color: #454c51;
	font-size: 24px;
	padding-bottom: 20px;
}

.weixinpop {
	position: relative;
	top: -110px;
	left: 35px;
	width: 110px;
	height: 110px;
}

.odown {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #5f5f58;
}

.oup {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #5f5f58;
}

.odown:hover {
	background:  no-repeat right;
	display: inline-block;
	color: #8bbf00;
}

.oup:hover {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #8bbf00;
}

#lastline:hover td {
	background: #fff;
}

.receipts {
	padding: 20px;
	padding-bottom: 80px;
}

.receipts .title {
	background:  bottom repeat-x;
}

.receipts .title .text {
	color: #454c51;
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 20px;
}

.receipts .basedata div div h4 {
	float: left;
	padding: 0 5px 0 10px;
	color: #7c8389;
}

.receipts .basedata {
	display: block;
	padding: 10px 0;
	margin-top: 5px;
}

/* .receipts .basedata div div span {
            float: left;
            padding: 0 5px 0 10px;
            color: #7c8389;
        }

          .receipts .basedata .fl div span, .receipts .basedata .fr div span {
            float: left;
            line-height: 30px;
        }
*/
.receipts .basedata .fl div,.receipts .basedata .fr div {
	float: left;
}

.receipts .basedata .fl div h4,.receipts .basedata .fr div h4 {
	float: left;
	line-height: 30px;
}

.receipts .tablediv tr th {
	background: #fff;
	font-size: 14px;
	color: #000;
}

.receipts .basedata input[type="checkbox"] {
	margin-top: 9px;
}

.tablediv table tr:hover .receiptsinputtext:focus[readonly] {
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	text-align: center;
}

.tablediv table tr .receiptsinputtext:focus[readonly] {
	background: #ffffff;
	border: 1px solid #ffffff;
	text-align: center;
}

.weixinpop {
	position: relative;
	top: -110px;
	left: 35px;
	width: 110px;
	height: 110px;
}

.odown {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #5f5f58;
}

.oup {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #5f5f58;
}

.odown:hover {
	background:  no-repeat right;
	display: inline-block;
	color: #8bbf00;
}

.oup:hover {
	background:  no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #8bbf00;
}

.receiptsinputtext {
	width: 95%;
	height: 14px;
	line-height: 14px;
	/*color: #7c8389;*/
	border: 1px solid #fff;
	background-color: #fff;
	padding: 5px 0;
	text-indent: 5px;
	border-radius: 3px;
	text-align: center;
}

.receiptsinputtext:hover {
	border: 1px solid #06f;
}

.receiptsinputtext:focus {
	border: 1px solid #06f;
}

.tablediv table tr:hover .receiptsinputtext[readonly],.tablediv table tr:hover .receiptsinputtext:hover[readonly],.receipts .tablediv table tr:hover .receiptsinputtext:focus[readonly]
	{
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
}

.receipts .tablediv table tr:hover .pluslite {
	background:  no-repeat 0 -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}

.receipts .tablediv table tr:hover .pluslite:hover {
	background:  no-repeat 0 -73px;
}

.receipts .tablediv table tr:hover .dellite {
	background:  no-repeat -20px -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}

.receipts .tablediv table tr:hover .dellite:hover {
	background:  no-repeat -20px -73px;
}

.receipts .tablediv table tr .num {
	display: block;
}

.receipts .tablediv table tr .actionarea {
	display: none;
}

.receipts .tablediv table tr:hover .num {
	display: none;
}

.receipts .tablediv table tr:hover .actionarea {
	display: block;
}

.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;
	display: inline-block;
}

.chosegoods:active {
	background: #36c77b;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}

.deliver {
	border: 1px solid #eeeeee;
	background-color: #f8f8f8;
	float: left;
	width: 100%;
	display: block;
	margin-top: 5px;
}

.deliver span {
	padding: 0 5px 0 10px;
	line-height: 30px;
}

.deliver input[type=checkbox] {
	margin: 8px 0 0 10px;
	float: left;
}

#total td {
	background: #fffbf4;
}

.inputborder {
	border: 1px solid #d7d7d7;
	padding: 3px 0 3px 5px;
}

.bottombuttonarea {
	padding: 20px 0;
	width: 100%;
}

.quickadd {
	width: 300px;
	float: right;
}

.quickadd .title {
	color: #f5b319;
	font-size: 18px;
	border-bottom: 1px solid #efe591;
	height: 45px;
	line-height: 45px;
	margin: 0 5px;
	width: 290px;
	text-indent: 5px;
}

.quickadd .text {
	padding: 10px 5px;
}

.quickadd input[type=text],.quickadd textarea {
	border: 1px solid #efe591;
	width: 100%;
}

.quickadd input[type=text]:hover,.quickadd input[type=text]:focus,.quickadd textarea:focus,.quickadd textarea:hover
	{
	border: 1px solid #f60;
}

.field-validation-error {
	color: #fa0202;
	border: 1px solid #fb5240;
	text-indent: 30px;
	display: inline-block;
	background:  no-repeat 5px 2px #fef3f3;
	line-height: 27px;
	padding: 0 5px;
	font-size: 12px;
	border-radius: 3px;
	position: absolute;
	margin-top: -15px;
	white-space: nowrap;
	z-index: 100;
}

.input-validation-error {
	border: 1px solid #ff0000;
}

.validation-summary-errors {
	display: none;
}

.errorinfo {
	border: 0px solid #000;
	position: absolute;
	top: 30px;
	right: 35%;
	width: 30%;
	z-index: 10000;
	color: #fff;
	line-height: 30px;
	padding: 0 5px;
	background: #fd7742;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	max-height: 95px;
	overflow: hidden;
	display: none;
	font-size: 14px;
	border-radius: 3px;
}

.classify {
	width: 250px;
	float: left;
	overflow-x: auto;
}

.classify .title {
	color: #f5b319;
	font-size: 18px;
	border-bottom: 1px solid #efe591;
	height: 45px;
	line-height: 45px;
	margin: 0 5px;
	width: 240px;
	text-indent: 5px;
}

.classify .text {
	padding: 5px;
}

.pluslite {
	background:  no-repeat 0 -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

.pluslite:hover {
	background:  no-repeat 0 -73px;
}

.dellite {
	background:  no-repeat -20px -56px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}

.dellite:hover {
	background:  no-repeat -20px -73px;
}

.editlite {
	background:  no-repeat 0 -93px;
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 0 5px;
}

.editlite:hover {
	background:  no-repeat 0 -110px;
}

.title .titlebutton {
	margin-top: 15px;
	cursor: pointer;
	float: right;
}

.propertytable tr td {
	background: #f8f8f8;
	border-bottom: 1px solid #ececec;
	padding: 10px 0;
}

.propertytable tr th {
	background: #f8f8f8;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	padding: 10px 0px;
	font-size: 14px;
}

.property .text {
	padding: 0px 5px 10px 5px;
}

.propertyvalue {
	padding: 5px 10px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

.propertyvalue:hover {
	background-color: #e6e6e8;
	float: left;
	display: inline-block;
}

.propertyvalue input[type="radio"] {
	margin-right: 5px;
}

.nodata {
	text-align: center;
}

.nodata .icon {
	font-size: 72px;
	color: #c9c9c9;
	line-height: 100px;
}

.nodata .noticetext {
	font-size: 18px;
	color: #999999;
}

.cancelimg {
	position: absolute;
	margin-top: 150px;
	margin-left: 400px;
	background:  no-repeat;
	width: 400px;
	height: 300px;
}

.fontnodata {
	font-size: 28px;
	color: #bcbdc1;
	line-height: 34px;
}

.returngoodsicon {
	background:  no-repeat;
	width: 30px;
	height: 14px;
	display: inline-block;
}

.contenttab ul li {
	float: left;
	padding-right: 10px;
	color: #7c8389;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    cursor:pointer;
}


.contenttab ul .contenttabs,.contenttab ul .contenttabn:hover,.contenttab .active {
	border-top: 3px solid #00aeef;
	background: #fff;
	font-weight: bold;
	float: left;
	cursor: pointer;
}

.contenttab ul .contenttabn {
	border-top: 3px solid #e6e6e8;
	float: left;
	cursor: pointer;
}

.right .inputtext {
	float: left;
	margin-left: 5px;
}

.check {
	background-position: -86px -86px;
}

.tablediv table tr:hover td .check {
	background-position: -86px -56px;
	cursor: pointer;
}

.tips {
	cursor: pointer;
}

.tips .tipspop {
	display: none;
	-webkit-transition: opacity ease-out .5;
	opacity: 0;
	padding: 5px;
	color: #666666;
}

.tips:hover .tipspop {
	-webkit-transition: opacity ease-in .5;
	display: block;
	opacity: 1;
	position: absolute;
	background: #fff;
	border: 1px solid #fd7742;
	margin-top: -7px;
	margin-left: 220px;
	*margin-left: -95px;
	*margin-top: 25px;
}

.right span {
	line-height: 30px;
	color: #7c8389;
}

.displaymode {
	border: 1px solid #d7d7d7;
	height: 28px;
	background: #fff;
	float: left;
	line-height: 30px;
	margin: 0 10px 0 5px;
}

.displaymode a {
	width: 15px;
	height: 18px;
	margin: 6px;
	float: left;
	cursor: pointer;
	background-image: ;
	background-repeat: no-repeat;
}

.displaymode span {
	float: left;
}

.displaymode .dmlist {
	background-position: -153px -59px;
}

.displaymode .dmlist:hover,.displaymode .dmlists {
	background-position: -153px -89px;
}

.displaymode .dmchart {
	background-position: -182px -59px;
}

.displaymode .dmchart:hover,.displaymode .dmcharts {
	background-position: -182px -89px;
}

.dmchartcontent {
	width: 410px;
	margin: 0 auto;
}

.dmchartconentin {
	background:  center repeat-y;
	width: 410px;
	float: left;
}

.dmchartcontent .list {
	padding-top: 60px;
}

.nowstrock {
	background:  no-repeat;
	width: 157px;
	height: 157px;
	overflow: hidden;
	margin: 0 auto;
}

.nowstrock .num {
	padding: 70px 0 25px 0;
	width: 150px;
	text-align: center;
	color: #7c8389;
}

.nowstrock .unit {
	width: 100px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #7c8389;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.strockplus .strockarrow,.strockshort .strockarrow {
	width: 54px;
}

.strockplus .strocktext,.strockshort .strocktext {
	width: 168px;
}

.strockplus .strocktext .content,.strockshort .strocktext .content {
	padding: 10px;
}

.strockplus .strockarrow .icon {
	background:  no-repeat;
	display: inline-block;
}

.one .strockarrow,.one .strocktext {
	float: right;
}

.two .strockarrow,.two .strocktext {
	float: left;
}

.one .strockarrow .arrow,.one .strockarrow .icon {
	float: right;
}

.two .strockarrow .arrow,.two .strockarrow .icon {
	float: left;
}

.one .strockarrow .icon {
	width: 37px;
	height: 43px;
}

.two .strockarrow .icon {
	width: 37px;
	height: 43px;
}

.strockshort .strockarrow .icon {
	background:  no-repeat;
	display: inline-block;
}

.one {
	float: left;
	position: relative;
	margin: -50px 0 10px -4px;
	width: 230px;
}

.two {
	float: right;
	position: relative;
	margin: -50px -9px 10px 0px;
	width: 230px;
}

.one .strockarrow .arrow {
	background:  no-repeat;
	width: 7px;
	height: 23px;
	margin-right: 10px;
}

.two .strockarrow .arrow {
	background:  no-repeat;
	width: 7px;
	height: 23px;
	margin-left: 10px;
}

.strocktext {
	border: 2px solid #e6e6e8;
}

.strocktext .strockdata {
	background: #e6e6e8;
	font-size: 18px;
	line-height: 35px;
	color: #7c8389;
}

.noaction table tr:hover td {
	background: #fff;
}

.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;
}

/* 更新新手上路 */
.newmember2 {
	float: left;
}

.newmember2 .step {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.newmember2 .step ul {
	padding-left: 20px;
}

.newmember2 .step ul li {
	float: left;
	padding-right: 30px;
}

.newmember2 .step ul li a {
	float: left;
}

.newmember2 .step ul li a .icon {
	margin-right: 5px;
}

.newmember2 .step ul li .stepn {
	font-size: 18px;
	color: #999;
	text-decoration: underline;
}

.step ul li a {
	cursor: pointer;
}

.newmember2 .step ul li .stepn .icon {
	background:  -30px 0;
	height: 22px;
	width: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
}

.newmember2 .step ul li .steps,.newmember2 .step ul li .stepn:hover {
	font-size: 18px;
	text-decoration: none;
	color: #000;
}

.newmember2 .step ul li .steps .icon,.newmember2 .step ul li .stepn:hover .icon
	{
	background:  0 0;
	height: 22px;
	width: 22px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
}

.newmember2 .info {
	border-bottom: 1px solid #ddd;
	background-color: #fefef8;
	width: 100%;
	font-size: 12px;
	text-indent: 20px;
	padding: 10px 0;
	float: left;
}

.newmember2 .content {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}

.newmember2 .content .contentin {
	padding: 20px 20px 0 20px;
	float: left;
}

.newmember2 .content .contentl {
	float: left;
	width: 330px;
}

.newmember2 .content .contentl .title,.newmember2 .content .contentr .title
	{
	font-size: 24px;
	color: #000;
	line-height: 50px;
	display: block;
	padding-bottom: 10px;
}

.newmember2 .metro90 {
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 5px;
}

.newmember2 .metro90 .icon {
	width: 90px;
	height: 50px;
	text-align: center;
	padding-top: 15px;
}

.newmember2 .metro90 .text {
	width: 90px;
	text-align: center;
	color: #fff;
}

.newmember2 .content .contentl .buttonarea {
	float: left;
	width: 100%;
}

.newmember2 .content .contentr {
	float: left;
	width: 300px;
}

.newmember2 .content .contentr .buttonarea {
	float: left;
	width: 100%;
}

.newmember2 .content .contentr .buttonarea ul li {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}

.newmember2 .content .contentr .buttonarea ul li a .icon {
	background:  no-repeat;
	width: 30px;
	height: 30px;
	float: left;
}

.newmember2 .content .contentr .buttonarea ul li .icon1 .icon {
	background-position: 0 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon1:hover .icon {
	background-position: -30px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon2 .icon {
	background-position: -60px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon2:hover .icon {
	background-position: -90px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon3 .icon {
	background-position: -120px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon3:hover .icon {
	background-position: -150px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon4 .icon {
	background-position: -180px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon4:hover .icon {
	background-position: -210px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon5 .icon {
	background-position: -240px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon5:hover .icon {
	background-position: -270px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon6 .icon {
	background-position: -300px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon6:hover .icon {
	background-position: -330px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon8 .icon {
	background-position: -360px 0;
}

.newmember2 .content .contentr .buttonarea ul li .icon8:hover .icon {
	background-position: -390px 0;
}

.newmember2 .content .contentr .buttonarea ul li a .text {
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	float: left;
	padding-left: 10px;
	color: #666;
}

.newmember2 .content .contentr .buttonarea ul li a:hover .text {
	color: #f00;
}

.metro110 {
	width: 90px;
	height: 110px;
	float: left;
	margin-right: 5px;
}

.metro110 .icon {
	width: 90px;
	height: 60px;
	float: left;
	padding-top: 20px;
	text-align: center;
	vertical-align: middle;
}

.metro110 .text {
	width: 90px;
	float: left;
	text-align: center;
	color: #fff;
}

.metrocyan,.metrored2,.metroblue2,.metropurple2 {
	color: #fff;
	display: block;
	vertical-align: bottom;
}

.metrocyan {
	background-color: #43b0a7;
}

.metrocyan:hover {
	background-color: #4fd7cc;
}

.metrored2 {
	background-color: #fa646b;
}

.metrored2:hover {
	background-color: #f79fa3;
}

.metroblue2 {
	background-color: #00bbf1;
}

.metroblue2:hover {
	background-color: #2fd0ff;
}

.metropurple2 {
	background-color: #d485f7;
}

.metropurple2:hover {
	background-color: #e8b5ff;
}

.newmember2 .bluebuttonbig {
	background-color: #1c7efb;
	width: 280px;
	height: 57px;
	display: block;
	text-align: center;
	line-height: 57px;
	font-size: 16px;
	color: #fff;
}

.newmember2 .bluebuttonbig:hover {
	background-color: #4b98f9;
	color: #fff;
}

.newmemberlist {
	padding: 10px;
}

.newmemberlist li {
	float: left;
	width: 150px;
}

.newmemberlist .title {
	font-size: 24px;
	padding-bottom: 20px;
	float: left;
}

.newmemberlist li a {
	float: left;
	width: 150px;
	padding-bottom: 15px;
}

.newmemberlist li a .icon {
	width: 14px;
	height: 14px;
	float: left;
}

.newmemberlist li a .text {
	font-size: 14px;
	color: #666;
	padding-left: 10px;
	float: left;
	line-height: 14px;
}

.newmemberlist li a:hover .text {
	color: #f00;
}

.greenm {
	background-color: #6cbe4a;
}

.redm {
	background-color: #fa646b;
}

.purplem {
	background-color: #d485f7;
}

.cyanm {
	background-color: #43b0a7;
}

.bluem {
	background-color: #00bbf1;
}

.blue2m {
	background-color: #1c7efb;
}

.metrogreen,.metrored,.metroblue {
	width: 290px;
	height: 85px;
	color: #fff;
	display: block;
	vertical-align: bottom;
}

.metrogreen {
	background-color: #5cb101;
}

.metrogreen:hover {
	background-color: #80d921;
}

.metrored {
	background-color: #b52b52;
}

.metrored:hover {
	background-color: #dd3f6c;
}

.metroblue {
	background-color: #0d4c99;
}

.metroblue:hover {
	background-color: #3f7bc3;
}

.bigbutton {
	font-size: 18px;
	padding: 10px 50px;
}

/* 登录修改 */
#logincontanier {
	background:  repeat-x 0 107px #fff;
}

.loginheader {
	height: 107px;
	width: 100%;
	margin: 0 auto;
}

.loginheader .logo {
	background:  no-repeat 30px 20px;
	width: 408px;
	height: 92px;
	float: left;
}

.version {
	float: right;
	margin-top: 40px;
	height: 40px;
	padding-right: 10px;
}

.version .android,.version .ios,.version .weibo,.version .showcase {
	background-image: ;
	background-repeat: no-repeat;
	height: 40px;
	display: inline-block;
	float: left;
}

.version .android:hover,.version .ios:hover,.version .weibo:hover,.version .showcase:hover
	{
	background-image: ;
	background-repeat: no-repeat;
	height: 40px;
}

.version .android {
	background-position: 0 0;
	width: 159px;
}

.version .android:hover {
	background-position: 0 -40px;
	width: 159px;
}

.version .ios {
	background-position: -159px 0;
	width: 119px;
}

.version .ios:hover {
	background-position: -159px -40px;
	width: 119px;
}

.version .weibo {
	background-position: -278px 0;
	width: 110px;
}

.version .weibo:hover {
	background-position: -278px -40px;
	width: 110px;
}

.version .showcase {
	background-position: -390px 0;
	width: 110px;
}

.version .showcase:hover {
	background-position: -390px -40px;
	width: 110px;
}

.loginbody {
	width: 100%;
	overflow-x: hidden;
}

.loginmain {
	position: absolute;
	height: 530px;
	width: 100%;
	min-width: 1002px;
	top: 107px;
}

.loginmain ul li {
	width: 100%;
	height: 530px;
	float: left;
}

.bg0 {
	background:  no-repeat center;
}

.bg1 {
	background:  no-repeat center;
}

.bg2 {
	background:  no-repeat center;
}

.bg3 {
	background:  no-repeat center;
}

.bg4 {
	background:  no-repeat center;
}

.bg5 {
	background:  no-repeat center;
}

.loginmainin {
	height: 530px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.loginform {
	float: right;
	background:  bottom no-repeat;
	width: 398px;
	height: 379px;
	padding-top: 80px;
	padding-right: 30px;
}

.loginform ul {
	float: left;
	padding: 30px 0 0 10px;
}

.loginform ul li {
	float: left;
	padding: 10px 0;
}

.loginform ul li h1 {
	font-size: 18px;
	color: #000;
	float: left;
	width: 100px;
	display: inline-block;
	line-height: 38px;
	text-align: right;
}

.loginform ul li h2 {
	float: left;
	display: inline-block;
	width: 230px;
}

.loginform ul li h2 .logininput,.loginform ul li h2 .password {
	background: ;
	border: 0px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #000;
	padding: 12px 0 12px 8px;
	width: 222px;
	display: inline-block;
}

.loginform ul li h2 .logininput2 {
	background: ;
	border: 0px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #000;
	padding: 12px 0 12px 8px;
	width: 134px;
	float: left;
}

.loginform ul li h2 .yzm {
	padding: 2px;
	float: right;
	/*background: ;*/
	width: 82px;
	height: 36px;
}

.loginform ul li h2 .password .logininput3 {
	border: 0px;
	background: none;
	float: left;
	height: 16px;
	line-height: 16px;
	color: #000;
	font-size: 16px;
	width: 150px;
}

.off {
	background-image: ;
	width: 62px;
	height: 21px;
	float: right;
	margin-right: 3px;
	margin-top: -2px;
}

.on {
	background-image: ;
	background-position: 0 -21px;
	width: 62px;
	height: 21px;
	float: right;
	margin-right: 3px;
	margin-top: -2px;
}

.loginbutton {
	background:  0 0;
	width: 229px;
	height: 44px;
	display: inline-block;
}

.loginbutton:hover {
	background:  0 -44px;
}

.loginbuttonrun {
	background:  0 -88px;
	width: 229px;
	height: 44px;
	display: inline-block;
}

.loginfooter {
	width: 1200px;
	margin: 20px auto 10px auto;
	color: #999;
	vertical-align: top;
	text-align: center;
}

.androiddownload {
	background:  no-repeat;
	width: 312px;
	height: 93px;
	padding: 20px 0 10px 10px;
	position: relative;
	z-index: 100;
	top: 40px;
	left: -120px;
}

.androiddownload .qr {
	float: left;
	width: 54px;
	height: 54px;
	padding: 15px 15px 0 20px;
}

.androiddownload .text {
	padding-top: 10px;
}

.androiddownload .text span {
	font-size: 14px;
	color: #999;
	float: left;
	height: 30px;
	line-height: 30px;
}

.androiddownload .text a {
	background-image: ;
	width: 180px;
	height: 28px;
	float: left;
	display: inline-block;
}

.androiddownload .text a:hover {
	background-position: 0 -28px;
}

.iosdownload {
	top: 40px;
	left: -120px;
}

.artbox {
	width: 100%;
	background: #fff;
}

.article h1 {
	color: #333;
	font-size: 18px;
	text-align: center;
	padding: 10px;
}

.article .info {
	color: #999;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

.artbox .article #content {
	padding: 20px;
}

/* 智能提示框样式 20130402 */
.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 #ffffff;
	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;
}

/* 错误 */
.errorcontainer {
	width: 94%;
	padding: 20px 3%;
	min-width: 882px;
}

.permissionimg {
	background:  no-repeat center;
	width: 300px;
	height: 300px;
	padding: 160px 30px 80px 30px;
	float: left;
}

.errorimg {
	background:  no-repeat center;
	width: 300px;
	height: 300px;
	padding: 120px 100px 80px 30px;
	float: left;
}

/* 系统重置 20130425 */
.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;
}

.checkboxarea li:hover {
	background: #d7d7d7;
	cursor: default;
}

.orangebutton2 {
	background-color: #f15d2f;
	color: #fff;
	height: 27px;
	display: inline-block;
	line-height: 27px;
	padding: 5px 20px;
}

.orangebutton2:hover {
	background-color: #ff7c53;
	color: #fff;
	-webkit-transition: ease-in .3s background-color;
	-moz-transition: ease-in .3s background-color;
	-ms-transition: ease-in .3s background-color;
	-o-transition: ease-in .3s background-color;
}

/* 导入联系人 20130426 */
.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;
}

.importbuttonarea {
	border-bottom: 1px dashed #dcdcdc;
	padding: 0 0 10px 0;
	display: inline-block;
	width: 100%;
}

.gmaillogin {
	background: ;
	width: 262px;
	height: 55px;
	display: inline-block;
}

.gmaillogin:hover {
	background:  -262px 0;
	height: 55px;
}

.exceltemp {
	background: ;
	width: 197px;
	height: 55px;
	display: inline-block;
}

.exceltemp:hover {
	background:  -197px 0;
	height: 55px;
}

/* 帐套管理  */
.newaccount {
	float: left;
	width: 304px;
	min-height: 310px;
	overflow: hidden;
	margin: 0 20px 20px 0;
}

.newaccount .top {
	line-height: 40px;
}

.newaccount .top .date {
	float: left;
	color: #ff7800;
	width: 80px;
	padding-left: 20px;
	background: none;
}

.newaccount .top .state {
	float: left;
	color: #495056;
	width: 194px;
	padding-right: 10px;
	text-align: right;
}

.newaccount .title {
	width: 284px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	padding-top: 60px;
	padding-left: 20px;
	overflow: hidden;
}

.newaccount .content {
	padding: 20px 20px 0 20px;
	min-height: 150px;
}

.accountopen .top .state .statebutton {
	background-image: ;
	margin-top: 5px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 68px;
	height: 27px;
	float: right;
}

/*.accountopen:hover .top .state .statebutton {
    background-image: ;
    background-position: -68px 0;
}

    .accountopen:hover .top .state .statebutton:hover {
        background-image: ;
        background-position: -136px 0;
    }

    .accountopen:hover .top .state .statebutton:active {
        background-image: ;
        background-position: -204px 0;
    }
*/
.newaccount:hover .accounteditarea {
	position: absolute;
	margin-top: -55px;
	margin-left: 248px;
}

.newaccount:hover .accounteditarea .accountedit {
	background-image: ;
	width: 56px;
	height: 55px;
	display: inline-block;
}

.newaccount:hover .accounteditarea .accountedit:hover {
	background-image: ;
	background-position: -56px 0;
}

.accountbeginning .top .state .statebutton {
	background-image: ;
	margin-top: 5px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 68px;
	height: 27px;
	float: right;
}

.accountbeginning:hover .top .state .statebutton {
	background-image: ;
	background-position: -68px 0;
}

.accountbeginning:hover .top .state .statebutton:hover {
	background-image: ;
	background-position: -136px 0;
}

.accountbeginning:hover .top .state .statebutton:active {
	background-image: ;
	background-position: -204px 0;
}

.newaccount .edittitle {
	font-size: 18px;
	color: #53606b;
	height: 45px;
	line-height: 45px;
	border-bottom: #dfdfdf 1px solid;
	margin: 0 5px;
	text-indent: 5px;
}
/*
.accountopen:hover .top .state .statebutton {
    background-image: ;
    background-position: -68px 0;
}*/
.newaccount .top .state .carryover {
	background-image: ;
	margin-top: 5px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 68px;
	height: 27px;
	float: right;
	margin-left: 5px;
}

.newaccount:hover .top .state .carryover {
	background-image: ;
	background-position: -68px 0;
}

.newaccount:hover .top .state .carryover:hover {
	background-image: ;
	background-position: -136px 0;
}

.newaccount:hover .top .state .carryover:active {
	background-image: ;
	background-position: -204px 0;
}

/*loading*/
.loading {
	height: 50px;
	width: 200px;
	border-radius: 5px;
	border: 1px #d7d7d7 solid;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	position: absolute;
	display: none;
	background:  center no-repeat #fff;
	top: 300px;
	left: 45%;
	z-index: 10000;
}

.imploading {
	height: 40px;
	padding-top: 60px;
	width: 400px;
	border-radius: 5px;
	border: 1px #d7d7d7 solid;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	position: absolute;
	display: none;
	background:  150px 30px no-repeat #fff;
	top: 150px;
	left: 30%;
	z-index: 10000;
	text-align: center;
}

/* 新闻样式 */
.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: 60px;
	float: left;
}

.newsbox .readtag {
	width: 5px;
	height: 60px;
	float: left;
	margin-right: 10px;
}

.newsbox .newslink {
	display: block;
	background:  no-repeat right;
}

.newsbox .newslink:hover {
	background:  no-repeat right;
}

.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;
}

.newsintro {
	font-size: 12px;
	color: #777;
	text-align: left;
}

.nlcontent {
	height: 60px;
}

/* 经营状况分析 */
.chartbox {
	width: 359px;
	height: 470px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	float: left;
}

.chartbox .title {
	font-size: 16px;
	padding-left: 15px;
	float: left;
	font-weight: bold;
	line-height: 40px;
}

.chartbox .charttab {
	float: right;
	padding-right: 5px;
}

.chartbox .charttab ul li {
	float: left;
	padding-top: 13px;
	margin-left: 1px;
}

.chartbox .charttab ul li a {
	float: left;
	padding: 0 10px;
	line-height: 27px;
}

.chartarea {
	clear: both;
	float: left;
	width: 359px;
	text-align: center;
}

.linechart {
	height: 138px;
	text-align: center;
	padding: 20px 0;
}

.linechartn {
	height: 138px;
	text-align: center;
	padding: 20px 0;
	display: none;
}

.chartdate {
	clear: both;
	float: left;
	padding: 10px 15px;
}

.chartdate p {
	color: #9ea7b3;
	width: 359px;
}

.chartdate p .mnum {
	font-size: 48px;
	line-height: 48px;
}

.chartdateline {
	border-top: 1px solid #eaedf1;
}

.greenchart .title {
	color: #1fbba6;
}

.greenchart .charttab ul .charttabn a {
	color: #1fbba6;
}

.greenchart .charttab ul .charttabn a:hover,.greenchart .charttab ul .charttabs a
	{
	background: #1fbba6;
	color: #fff;
}

.greenchart .linechart {
	background: #1fbba6;
}

.greenchart p .mnum {
	color: #1fbba6;
}

.orangechart .title {
	color: #f27935;
}

.orangechart .charttab ul .charttabn a {
	color: #f27935;
}

.orangechart .charttab ul .charttabn a:hover,.orangechart .charttab ul .charttabs a
	{
	background: #f27935;
	color: #fff;
}

.orangechart .linechart {
	background: #f27935;
}

.orangechart p .mnum {
	color: #f27935;
}

.bluechart .title {
	color: #14b9d6;
}

.bluechart .charttab ul .charttabn a {
	color: #14b9d6;
}

.bluechart .charttab ul .charttabn a:hover,.bluechart .charttab ul .charttabs a
	{
	background: #14b9d6;
	color: #fff;
}

.bluechart .linechart {
	background: #14b9d6;
}

.bluechart p .mnum {
	color: #14b9d6;
}

.chartmore {
	display: none;
}

.viewdetail:hover .chartmore {
	display: block;
	position: absolute;
	background: ;
	width: 56px;
	height: 55px;
	margin: 415px 0 0 304px;  
	margin: 415px 0 0 224px;
}

.viewdetail:hover .chartmore:hover {
	display: block;
	position: absolute;
	background:  -57px 0;
	width: 56px;
	height: 55px;
}

.viewdetail .chartmore a {
	width: 56px;
	height: 55px;
	display: block;
}

.chartbottomtab {
	position: absolute;
	width: 359px;
	height: 120px;
	background: #f9fafc;
}

.chartbottomtab ul li {
	width: 119px;
	float: left;
	height: 120px;
}

.chartbottomtab ul li a {
	cursor: pointer;
}

.chartbottomtab ul li a .photo {
	background: ;
	width: 60px;
	height: 60px;
	float: left;
	margin: 20px 29px 10px 29px;
	cursor: pointer;
}

.chartbottomtab ul li a .text {
	width: 119px;
	text-align: center;
	color: #5e6d81;
	font-size: 14px;
	float: left;
	cursor: pointer;
}

.chartbottomtab ul li a:hover .text {
	color: #14b9d6;
}

.chartbottomtab .profittab1n {
	background: #f9fafc;
	border-top: 1px solid #eaedf1;
}

.chartbottomtab .profittab1s,.chartbottomtab .profittab1n:hover {
	background: #fff;
	border-top: 1px solid #fff;
}

.chartbottomtab .profittab1s .text,.chartbottomtab .profittab1n:hover .text
	{
	color: #14b9d6;
}

.chartbottomtab .profittab1n .photo {
	background-position: -15px -22px;
}

.chartbottomtab .profittab1s .photo,.chartbottomtab .profittab1n:hover .photo
	{
	background-position: -15px -102px;
}

.chartbottomtab .profittab2n {
	background: #f9fafc;
	border-top: 1px solid #eaedf1;
	border-right: 1px solid #eaedf1;
	border-left: 1px solid #eaedf1;
}

.chartbottomtab .profittab2s,.chartbottomtab .profittab2n:hover {
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eaedf1;
	border-left: 1px solid #eaedf1;
}

.chartbottomtab .profittab2s .text,.chartbottomtab .profittab2n:hover .text
	{
	color: #14b9d6;
}

.chartbottomtab .profittab2n .photo {
	background-position: -140px -22px;
}

.chartbottomtab .profittab2s .photo,.chartbottomtab .profittab2n:hover .photo
	{
	background-position: -140px -102px;
}

.chartbottomtab .profittab3n {
	background: #f9fafc;
	border-top: 1px solid #eaedf1;
}

.chartbottomtab .profittab3s,.chartbottomtab .profittab3n:hover {
	background: #fff;
	border-top: 1px solid #fff;
}

.chartbottomtab .profittab3s .text,.chartbottomtab .profittab3n:hover .text
	{
	color: #14b9d6;
}

.chartbottomtab .profittab3n .photo {
	background-position: -255px -22px;
}

.chartbottomtab .profittab3s .photo,.chartbottomtab .profittab3n:hover .photo
	{
	background-position: -255px -102px;
}

/* 业务设置 */
.setlist ul li {
	border-bottom: 1px solid #eeeeee;
	width: 96%;
	padding: 0 1%;
	margin: 0 1%;
	background: #fff;
	height: 38px;
	line-height: 38px;
	color: #666666;
}

.setlist ul li:hover {
	background: #f8f8f8;
}

.uncheck:hover {
	background:  -197px -136px no-repeat;
	width: 28px;
	height: 28px;
	margin-top: 5px;
	cursor: pointer;
}

.checked {
	background:  -36px -136px no-repeat;
	width: 28px;
	height: 28px;
	margin-top: 5px;
	cursor: pointer;
}

.uncheck {
	background:  0 -136px no-repeat;
	width: 28px;
	height: 28px;
	margin-top: 5px;
	cursor: pointer;
}

/* 打印 */
.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:  center no-repeat #fff;
	border: 1px solid #d7d7d7;
}

.a4 span {
	padding-top: 50px;
	float: left;
	width: 110px;
}

.others {
	background:  center no-repeat #fff;
	border: 1px solid #d7d7d7;
}

.others .title {
	text-align: center;
	font-size: 14px;
	color: #a9aaaa;
	width: 110px;
	float: left;
	padding-top: 40px;
	border: none;
	text-indent: 0px;
	margin: 0px;
}

.others .text {
	text-align: center;
	font-size: 10px;
	color: #a9aaaa;
	width: 110px;
	float: left;
	text-indent: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.printbutton:hover {
	background-color: #fffded;
	color: #000;
}

.printbutton:hover span {
	color: #000;
}

.borderb {
	border-bottom: 1px solid #e9e9e9;
}

.activesms {
	background:  bottom right no-repeat #fff;
}

.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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f3f3f3,
		endcolorstr=#e6e6e8, gradienttype=0);
	height: 28px;
	padding: 0 20px;
	cursor: default;
	line-height: 28px;
	display: inline-block;
	color: #b9b9b9;
}

.smswhy:hover .activetips {
	display: block;
}

.activetips {
	border: 1px solid #d7d7d7;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 3px;
	display: none;
	position: absolute;
}

.loginswitch {
	background: ;
	width: 123px;
	height: 18px;
	position: absolute;
	padding: 3px 0 0 20px;
	top: 600px;
	left: 45%;
	z-index: 9000;
}

.loginswitchon,.loginswitchoff:hover {
	background:  no-repeat center;
	width: 13px;
	height: 14px;
	display: inline-block;
	padding-right: 10px;
	cursor: pointer;
}

.loginswitchoff {
	background:  no-repeat center;
	width: 13px;
	height: 14px;
	display: inline-block;
	padding-right: 10px;
	cursor: pointer;
}

.qrbig {
	position: absolute;
	margin-left: -235px;
}

.custom {
	background:  20px 40px no-repeat #fff;
	border: 1px solid #d7d7d7;
}

.custom .title {
	padding-top: 80px;
	text-align: center;
	font-size: 14px;
	color: #a9aaaa;
	width: 110px;
	float: left;
	border: none;
	text-indent: 0px;
	margin: 0px;
}

.textl {
	text-align: left;
}

.textr {
	text-align: right;
}
/* 新增借出单 */
.return {
	background-position: -92px -146px;
}

.sale {
	background-position: -126px -146px;
}

.purchases {
	background-position: -156px -146px;
}

.tablediv table tr:hover td .return,.hovertable:hover .return {
	background-position: -92px -116px;
	cursor: pointer;
}

.tablediv table tr:hover td .sale,.hovertable:hover .sale {
	background-position: -126px -116px;
	cursor: pointer;
}

.tablediv table tr:hover td .purchases,.hovertable:hover .purchases {
	background-position: -156px -116px;
	cursor: pointer;
}

.hovertable {
	margin-top: -1px;
	word-break: break-all;
	white-space: normal;
}

.hovertable:hover .copy {
	background-position: 0 0px;
	cursor: pointer;
}

.hovertable:hover .edit {
	background-position: -26px 0px;
	cursor: pointer;
}

.hovertable:hover .del {
	background-position: -52px 0px;
	cursor: pointer;
}

.hovertable:hover .details {
	background-position: -52px -56px;
	cursor: pointer;
}

.hovertable:hover td {
	background: #f1f1f1;
}

.sup {
	background:  right no-repeat;
	padding-right: 10px;
}

.sdown {
	background:  right no-repeat;
	padding-right: 10px;
}

.codeedit {
	background: #fff;
	border: 1px solid #fff;
	height: 14px;
	padding: 4px 0;
	line-height: 14px;
	padding-left: 5px;
	color: #999;
	text-decoration: underline;
	width: 150px;
	font-size: 12px;
	display: inline-block;
}

.codeedit:hover {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 14px;
	padding: 4px 0;
	text-decoration: none;
	line-height: 14px;
	padding-left: 5px;
	font-size: 12px;
	display: inline-block;
}

.codeedit:focus {
	border: 1px solid #06f;
	box-shadow: inset 0 1px 2px rgba(0, 102, 255, 0.3);
	text-decoration: none;
	font-size: 12px;
}

/* 2013-10-11新增序列号 */
.sn {
	width: 14px;
	height: 14px;
	background:  no-repeat 2px 2px;
	display: inline-block;
	position: absolute;
	margin-top: 5px;
	*margin-left: -5px;
}

.sn:hover,.sns {
	background-position: -15px 2px;
}

.snadd .title {
	padding-bottom: 10px;
}

.snadd .tab {
	width: 100%;
	font-size: 12px;
	color: #333;
}

.snadd .tabn {
	margin-top: 2px;
}

.snadd .tabs {
	background: #fff;
	border-top: 2px solid #6cbe4a;
}

.snadd .tab ul li {
	padding: 0 15px;
	line-height: 28px;
	height: 28px;
	margin-right: 10px;
	float: left;
}

.snadd .tab ul li a {
	color: #333;
}

.snadd .tab ul li a:hover {
	color: #fd7742;
}

.snadd .tablediv table tr .num {
	display: block;
}

.snadd .tablediv table tr .actionarea {
	display: none;
}

.snadd .tablediv table tr:hover .num {
	display: none;
}

.snadd .tablediv table tr:hover .actionarea {
	display: block;
}

.snbuttonarea {
	background-color: #ffffff;
	border-top: 1px solid #ccc;
	display: block;
	margin-top: 10px;
	padding: 10px 2%;
	float: left;
	width: 96%;
}

.sntable tr:hover .num {
	display: none;
}

.sntable tr .right,.sntable tr .left {
	display: none;
}

.sntable tr:hover .right,.sntable tr:hover .left {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: ;
	padding: 5px 5px 3px 3px;
}

.sntable tr:hover .right {
	background-position: -99px -173px;
}

.sntable tr:hover .left {
	background-position: -113px -173px;
}

.sntable td {
	word-break: break-all;
}

.snlist {
	border: 1px solid #ccc;
	border-width: 0 1px;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
	background: #fffde5;
	position: absolute;
	max-height: 300px;
	width: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 0px;
	margin-left: 13px;
	*margin-left: 5px;
	z-index: 1010;
}

.snlist ul {
	width: 200px;
}

.snlist ul li {
	border-bottom: 1px solid #ddd;
	float: left;
	width: 200px;
	line-height: 220%;
}

.snlist ul li .snnum {
	width: 35px;
	text-align: center;
	color: #999;
	float: left;
}

.snlist ul li .sntext {
	color: #000;
	float: left;
	width: 154px;
	border-left: 1px solid #dcdcdc;
	text-align: left;
	padding: 5px;
	line-height: 120%;
}

.snlist ul li .dellite {
	display: none;
	cursor: pointer;
}

.snlist .back {
	line-height: 220%;
	text-indent: 10px;
	width: 100%;
	float: left;
	padding: 5px 0;
}

/* 2013-10-31 新增序列号盘点 */
.astable tr:hover .num {
	display: none;
}

.astable tr:hover .dellite {
	display: block;
}

.astable tr .num {
	display: block;
}

.astable tr .dellite {
	display: none;
}

.accountstocks,.actualstocks {
	width: 430px;
	height: 390px;
}

.accountstocks .title,.actualstocks .title {
	font-size: 14px;
	font-weight: bold;
	color: #454c51;
	border-bottom: 1px solid #e9e9e9;
	line-height: 35px;
	text-indent: 10px;
	display: block;
}

.asadd {
	padding: 10px;
	float: left;
	border-top: 1px solid #ccc;
}

.asadd .inputtext {
	width: 329px;
	margin-right: 8px;
}

.actualstocks .tips {
	border-bottom: 1px solid #e5e5e5;
	color: #454c51;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 10px;
}

.actualstocks .inputarea {
	padding: 10px;
}

.actualstocks .buttonarea {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

.astable .delsn,.astable .addsn,.astable .checksn,.graphica .delsn,.graphica .addsn,.graphica .checksn
	{
	background:  no-repeat;
}

.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;
}

.accountstocks .tips {
	border-bottom: 1px solid #e5e5e5;
	color: #454c51;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 10px;
}
/* 邮箱激活 */
.activeemail {
	background:  bottom right no-repeat #fff;
}

/* 核销欠款 */
.tablediv .price {
	display: block;
}

.tablediv tr:hover .price {
	display: none;
}

.tablediv tr .repayment {
	display: none;
}

.tablediv tr:hover .repayment {
	background: #58c56d;
	color: #fff;
	display: block;
	border-radius: 3px;
}

.tablediv tr:hover .repayment:hover {
	background: #4be092;
	color: #fff;
	display: block;
	border-radius: 3px;
}

.repayment .repaytips {
	display: none;
	cursor: pointer;
	width: 200px;
}

.repayment:hover .repaytips {
	display: inline-block;
	border: 1px solid #b0dcbd;
	background: #f3fef6;
	position: absolute;
	cursor: pointer;
	margin: -25px 0 0 -40px;
	padding: 10px;
	color: #666;
	width: 200px;
	white-space: normal;
	word-break: break-all;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.repaymentcheck {
	background: ;
	width: 8px;
	height: 7px;
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}

.repaymentcheck .repaymentinfo {
	display: none;
	cursor: pointer;
}

.repaymentcheck:hover .repaymentinfo {
	display: inline-block;
	border: 1px solid #b0dcbd;
	background: #f3fef6;
	position: absolute;
	cursor: pointer;
	margin: -17px 0 0 0px;
	padding: 10px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

/* 软件更新 */
.update {
	top: 150px;
	left: 30%;
}

.update .close {
	background: ;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.update .close:hover {
	background:  -26px 0;
	width: 24px;
	height: 24px;
}
/* 小答疑 */
.qa {
	cursor: pointer;
}

.qapop {
	display: none;
}

.qa:hover .qapop {
	display: inline-block;
	border: 1px solid #b0dcbd;
	background: #f3fef6;
	position: absolute;
	cursor: pointer;
	padding: 10px;
	color: #666;
	width: 200px;
	white-space: normal;
	word-break: break-all;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	font-size: 12px;
	line-height: 16px;
}
/* 结存 */
.balancetable tr td .moneylink {
	color: #666;
}

.balancetable tr:hover td .moneylink {
	color: #4287cf;
}

.balancetable tr:hover td .moneylink:hover {
	color: #fd7742;
}

.balancetable tr td .month {
	display: block;
}

.balancetable tr:hover td .month {
	display: none;
}

.balancetable tr td .reverse {
	display: none;
}

.balancetable tr:hover td .reverse {
	display: block;
	background: #fd7742;
	border-radius: 3px;
	color: #fff;
}

.balancetable tr:hover td .reverse:hover {
	display: block;
	background: #fea380;
	border-radius: 3px;
	color: #fff;
}

.balanceshort {
	float: left;
	border-radius: 0 0 3px 3px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 1px;
	padding: 0 15px;
	color: #333;
	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));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#f3f3f3,
		endcolorstr=#e6e6e8, gradienttype=0);
}

/* 新功能提示 */
.newfunction {
	width: 7px;
	height: 7px;
	background-color: #f00;
	border: 2px solid #ffffff;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	border-radius: 5px;
	position: absolute;
	margin: -40px 0 0 75px;
}

.newtip {
	position: absolute;
	width: 170px;
	z-index: 1001;
}

.newtip .angle {
	float: left;
	background:  no-repeat 20px 0;
	height: 4px;
	width: 170px;
}

.newtip .bg {
	background: ;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	width: 160px;
	float: left;
	white-space: normal;
	text-align: left;
}

.newtip .bg .button {
	padding: 0px 5px;
	height: 19px;
	line-height: 19px;
	float: right;
}

/*结存 日常收支 详细*/
.balanceincomeandpaydetail {
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	max-height: 300px;
	width: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 0px;
	margin-left: 83px;
	*margin-left: 5px;
	z-index: 1001;
}

.balancereceiveandpaydetail {
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	max-height: 300px;
	width: 240px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: -4px;
	margin-left: 83px;
	*margin-left: 5px;
	z-index: 1001;
}
/*盘点明细 标识盘盈盘亏序列号*/
.pylite {
	background:  no-repeat;
	width: 26px;
	height: 14px;
	display: inline-block;
	margin: 0 5px;
}

.pklite {
	background:  no-repeat;
	width: 26px;
	height: 14px;
	display: inline-block;
	margin: 0 5px;
}
/* 新增期初建账2014-1-15 */
.sc .step {
	background: ;
	height: 58px;
	width: 100%;
}

.sc .step ul {
	height: 55px;
	float: left;
	width: 100%;
}

.sc .step ul li {
	float: left;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	border-right: 1px solid #e9e9e9;
}

.sc .step ul li .stepn {
	color: #999;
}

.sc .step ul li a {
	display: block;
	padding: 0 15px 0 10px;
}

.sc .step ul li a .icon {
	width: 30px;
	height: 55px;
	text-align: center;
	margin-right: 5px;
	float: left;
}

.sc .step ul li .stepn .icon {
	background:  center no-repeat;
}

.sc .step ul li .steps .icon,.sc .step ul li .stepn:hover .icon {
	background:  center no-repeat;
	color: #2297fc;
}

.sc .step ul li .steps .text,.sc .step ul li .stepn:hover .text {
	color: #2297fc;
}

.sc .step ul li .stepn:hover {
	background: ;
}

.greybg {
	background: ;
	height: 34px;
}

.borderr {
	border-right: 1px solid #e9e9e9;
}

.bordert {
	border-top: 1px solid #e9e9e9;
}

.fontdeepblue {
	color: #454c51;
}

.fontlightblue {
	color: #6e7983;
}

.wf98 {
	width: 98%;
}

.titlebutton {
	cursor: pointer;
}

/* 导入联系人 20130426 */
.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: ;
	width: 262px;
	height: 55px;
	display: inline-block;
}

.gmaillogin:hover {
	background:  -262px 0;
	height: 55px;
}

.exceltemp {
	background: ;
	width: 197px;
	height: 55px;
	display: inline-block;
}

.exceltemp:hover {
	background:  -197px 0;
	height: 55px;
}

.impotbuttonarea .step1 {
	float: left;
}

.impotbuttonarea .step1 .downloadexceltemp {
	background: ;
	width: 197px;
	height: 156px;
	float: left;
	display: inline-block;
}

.impotbuttonarea .step1 .downloadexceltemp:hover {
	background:  -197px 0;
}

.impotbuttonarea .step2 {
	float: left;
	background: ;
	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: ;
	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: 60px;
}

.impotbuttonarea .step3 .text {
	width: 145px;
	padding-top: 15px;
	text-align: center;
	float: left;
	line-height: 120%;
}

.impotbuttonarea .step2end {
	background: ;
	width: 145px;
	height: 156px;
	margin-left: 10px;
	float: left;
}

.impotbuttonarea .step2end .text {
	width: 145px;
	padding-top: 20px;
	text-align: center;
	float: left;
	line-height: 120%;
}

.impotbuttonarea .step1outlook {
	float: left;
	background: ;
	width: 197px;
	height: 156px;
}

.importsuccees {
	border: 1px solid #feeb9d;
	background: #fffbe9;
	padding: 10px;
	margin-top: 10px;
}

.funlist {
	display: block;
}

.funlist a {
	margin-right: 20px;
	padding: 8px;
	border: 1px solid #f8f8f8;
	display: inline-block;
	cursor: pointer;
}

.funlist a:hover {
	background: #eee;
	border: 1px solid #ddd;
	display: inline-block;
	padding: 8px;
	border-radius: 3px;
}

.funlist a .icon {
	background:  no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
}

.funlist .icon1 .icon {
	background-position: 0 0;
}

.funlist .icon2 .icon {
	background-position: -300px 0;
}

.funlist .icon3 .icon {
	background-position: -420px 0;
}

.funlist a .text {
	font-size: 14px;
	height: 30px;
	line-height: 19px;
	display: inline-block;
	padding-left: 10px;
	color: #666;
}

.funlist a:hover .text {
	color: #666;
}

.morefun {
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #f8f8f8;
	padding: 20px;
}

/*新年样式*/
/*.bluebutton {
    border: 1px solid #951b0e;
    border-radius: 3px;
    background-color: #951b0e;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b92111), to(#951b0e));
    background: -moz-gradient(linear, 0 0, 0 100%, from(#b92111), to(#951b0e));
    background: -o-gradient(linear, 0 0, 0 100%, from(#b92111), to(#951b0e));
    background: -ms-gradient(linear, 0 0, 0 100%, from(#b92111), to(#951b0e));
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#b92111,endcolorstr=#951b0e,gradienttype=0);
    color: #ffffff;
}


    .bluebutton:hover {
        border: 1px solid #951b0e;
        background-color: #951b0e;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ea2a16), to(#951b0e));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#ea2a16), to(#951b0e));
        background: -o-gradient(linear, 0 0, 0 100%, from(#ea2a16), to(#951b0e));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#ea2a16), to(#951b0e));
        filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#ea2a16,endcolorstr=#951b0e,gradienttype=0);
        color: #ffffff;
    }

    .bluebutton:active {
        border: 1px solid #951b0e;
        background-color: #6ecdff;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#951b0e), to(#ea2a16));
        background: -moz-gradient(linear, 0 0, 0 100%, from(#951b0e), to(#ea2a16));
        background: -o-gradient(linear, 0 0, 0 100%, from(#951b0e), to(#ea2a16));
        background: -ms-gradient(linear, 0 0, 0 100%, from(#951b0e), to(#ea2a16));
        filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#951b0e,endcolorstr=#ea2a16,gradienttype=0);
        color: #ffffff;
    }*/

/* 销售单修改2014-1-7 */
.count .short {
	background:  no-repeat 0 0;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 2px;
	position: absolute;
	cursor: pointer;
	display: none;
}

.count .short:hover {
	background:  no-repeat 0 -28px;
}

.count .shortunclickable {
	background:  no-repeat 0 -56px;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 2px;
	position: absolute;
	cursor: default;
	display: none;
}

.count .plus {
	background:  no-repeat -40px 0;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 -24px;
	position: absolute;
	cursor: pointer;
	display: none;
}

.count .plus:hover {
	background:  no-repeat -40px -28px;
}

.tablediv tr:hover td .count .short {
	display: inline-block;
}

.tablediv tr:hover td .count .plus {
	display: inline-block;
}

.tablediv tr:hover td .count .shortunclickable {
	display: inline-block;
}

.goodsnum {
	background: #ee6f4d;
	border-radius: 3px;
	color: #fff;
	padding: 2px 5px;
	margin: 0 5px;
}

.mr5 {
	margin-right: 5px;
}

/* 期初信息查询 2014-02-13 */
.nav {
	margin-right: 10px;
}

.nav .title {
	border-top: 3px solid #00aeef;
	font-size: 16px;
	color: #000;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
	text-indent: 10px;
}

.nav ul {
	padding: 5px;
}

.nav ul li .tabn {
	line-height: 30px;
	height: 30px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #eee;
	color: #666;
	text-indent: 10px;
	font-size: 14px;
}

.nav ul li .tabs,.nav ul li .tabn:hover {
	line-height: 30px;
	height: 30px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #eee;
	color: #fff;
	background: #00aeef;
	text-indent: 10px;
	font-size: 14px;
}

/* 新增数据分享 2014-02-19  */
.getready {
	border: 1px solid #ffba00;
	background: #fffbeb  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: ;
	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: #ffffff;
	box-shadow: 0px 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;
	*margin: -40px 0 0 0;
}

.popwechat .text {
	white-space: normal;
}

/*数据备份还原 上次控件样式  start*/
#ui-upload-holder {
	position: relative;
	float: left;
	width: 100px;
	height: 30px;
	border: 0px solid silver;
	overflow: hidden;
}

.ui-upload-input {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 280px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity : 0);
	z-index: 999;
}
/*end*/

/*loading加载遮罩层css*/
#black_overlay {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: alpha(opacity = 40);
	opacity: 0.4;
	overflow: hidden;
	background-color: #000;
}

/*ie6*/
#black_overlay {
	position: absolute;
	left: expression(documentelement.scrollleft   documentelement.clientwidth -  
		 this.offsetwidth);
	top: expression(documentelement.scrolltop   documentelement.clientheight -  
		 this.offsetheight);
}

#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;
}

/* 新增出入库 */
.deliverin {
	padding: 10px 10px 5px 10px;
	float: left;
}

.deliverin div {
	margin-bottom: 5px;
}

.lightgreenbutton {
	border: 1px solid #c3e4b5;
	border-radius: 3px;
	background-color: #edffe6;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0ffd2),
		to(#d1ffbe));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#e0ffd2),
		to(#d1ffbe));
	background: -o-gradient(linear, 0 0, 0 100%, from(#e0ffd2), to(#d1ffbe));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#e0ffd2), to(#d1ffbe));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#e0ffd2,
		endcolorstr=#d1ffbe, gradienttype=0);
	color: #666666;
}

.lightgreenbutton:hover {
	border: 1px solid #c3e4b5;
	background-color: #f3ffee;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeffe7),
		to(#d1ffbe));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#eeffe7),
		to(#d1ffbe));
	background: -o-gradient(linear, 0 0, 0 100%, from(#eeffe7), to(#d1ffbe));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#eeffe7), to(#d1ffbe));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#eeffe7,
		endcolorstr=#d1ffbe, gradienttype=0);
	color: #666666;
}

.lightgreenbutton:active {
	border: 1px solid #c3e4b5;
	background-color: #edffe6;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d1ffbe),
		to(#eeffe7));
	background: -moz-gradient(linear, 0 0, 0 100%, from(#d1ffbe),
		to(#eeffe7));
	background: -o-gradient(linear, 0 0, 0 100%, from(#d1ffbe), to(#eeffe7));
	background: -ms-gradient(linear, 0 0, 0 100%, from(#d1ffbe), to(#edffe6));
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#d1ffbe,
		endcolorstr=#eeffe7, gradienttype=0);
	color: #666666;
}

/* 2014-3-19tab刷新 */
.downarrow {
	float: left;
	position: absolute;
	left: 184px;
	top: 67px;
	z-index:1;
}

.downarrow .downarrowicon {
	background: ;
	width: 23px;
	height: 38px;
	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;
	white-space: nowrap;
	border: 1px solid #eeeeee;
}

.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;
}

.cs-north {
	height: 67px;
}

.cs-north-bg {
	width: 100%;
	height: 100%;
	/*background:  repeat-x;*/
}

.cs-north-logo {
	height: 40px;
	margin: 15px 0px 0px 5px;
	display: inline-block;
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

.cs-west {
	width: 120px;
	padding: 0px;
	background-color: #fff;
}

.cs-south {
	height: 60px;
	background:
		
		repeat-x;
	padding: 0px;
	text-align: center;
}

.cs-navi-tab {
	/*padding: 5px;*/
	
}

.cs-tab-menu {
	width: 120px;
}

.cs-home-remark {
	/*padding: 10px;*/
	
}

.wrapper {
	float: right;
	height: 30px;
	margin-left: 10px;
}

.ui-skin-nav {
	float: right;
	padding: 0;
	margin-right: 10px;
	list-style: none outside none;
	height: 30px;
}

.ui-skin-nav .li-skinitem {
	float: left;
	font-size: 12px;
	line-height: 30px;
	margin-left: 10px;
	text-align: center;
}

.ui-skin-nav .li-skinitem span {
	cursor: pointer;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.ui-skin-nav .li-skinitem span.cs-skin-on {
	border: 1px solid #ffffff;
}

.ui-skin-nav .li-skinitem span.gray {
	background-color: gray;
}

.ui-skin-nav .li-skinitem span.pepper-grinder {
	background-color: #bc3604;
}

.ui-skin-nav .li-skinitem span.blue {
	background-color: blue;
}

.ui-skin-nav .li-skinitem span.cupertino {
	background-color: #d7ebf9;
}

.ui-skin-nav .li-skinitem span.dark-hive {
	background-color: black;
}

.ui-skin-nav .li-skinitem span.sunny {
	background-color: #ffe57e;
}
.secondfloat{
	display:none;
}
.buttonarea{
	height:28px;
	margin-bottom:10px;
}
.contenttab{
	height:41px;
	width:100%;
}
.form-table th,.form-table td{
	font-size:14px;
	font-weight:normal;
}
.form-table th{
	width:120px;
	text-align:right;
}
.form-table tr{
	height:36px;
}
.form-table{width:100%;}
.sysmenu {margin-right:75px;float:right;margin-top:0px;}
.sysmenu li.message,.sysmenu li.logout,.sysmenu li.website{float:left;position:relative;margin-left:15px;padding-right:13px;background: no-repeat scroll right 7px;line-height:32px;height:40px;}
.sysmenu li a{display:block;font-size:16px;padding-left:36px;background: no-repeat;overflow:hidden;color:#888;}
.sysmenu li a:hover{color:#09b2ea;}
.sysmenu .message a{background-position: 0px -132px;}
.sysmenu .message a:hover{background-position: 0px -161px;}
.sysmenu .logout a{background-position: 0px 0px;}
.sysmenu .logout a:hover{background-position: 0px -34px;}
.sysmenu .website a{background-position:0px -69px;}
.sysmenu .website a:hover{background-position:0px -101px;}
.sysmenu .website{background:none;}
.sysmenu .message a .num{diplay:block;width:18px;height:18px;line-height:18px;position:absolute;color:#fff;background: no-repeat scroll -7px -197px;top:20px;left:20px;text-align:center;line-height:16px;font-size:14px;}
.sysmenu li .msglist{clear:both;width:190px;padding:10px 15px;position:absolute;left:-100px;top:40px;border:1px solid #c0c0c0;background:#fff;z-index:999;}
.sysmenu li .msglist .triangle{position:absolute;top:-8px;left:110px;background: no-repeat scroll center 0px;width:15px;height:9px;}
.sysmenu li .msglist li{float:none;background:none;margin:0;padding:0;height:24;line-height:24px;overflow:hidden;}
.sysmenu li .msglist li a{background:none;font-size:12px;padding-left:0;color:#000;line-height:24px;}
.sysmenu li .msglist li a:hover{text-decoration:underline;}
#short_msg{float:right;margin-right:50px;margin-top:10px;height:22px;line-height:22px;}

.layout-split-west{
	z-index:9;
}
.layout-panel-north{
	z-index:1;
}
.datagrid-pager a.l-btn span.l-btn-left{
	height:20px;
	line-height:20px;
	padding:0px 10px 0px 5px;
}
.tooltip {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    display: none;
    opacity: 1;
    outline: medium none;
    padding: 5px;
    position: absolute;
    z-index: 9900000;
}
.tooltip-content {
    font-size: 12px;
}
.tooltip-arrow-outer, .tooltip-arrow {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 6px;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
}
.tooltip-right .tooltip-arrow-outer {
    left: 0;
    margin: -6px 0 0 -13px;
    top: 50%;
}
.tooltip-right .tooltip-arrow {
    left: 0;
    margin: -6px 0 0 -12px;
    top: 50%;
}
.tooltip-left .tooltip-arrow-outer {
    margin: -6px -13px 0 0;
    right: 0;
    top: 50%;
}
.tooltip-left .tooltip-arrow {
    margin: -6px -12px 0 0;
    right: 0;
    top: 50%;
}
.tooltip-top .tooltip-arrow-outer {
    bottom: 0;
    left: 50%;
    margin: 0 0 -13px -6px;
}
.tooltip-top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin: 0 0 -12px -6px;
}
.tooltip-bottom .tooltip-arrow-outer {
    left: 50%;
    margin: -13px 0 0 -6px;
    top: 0;
}
.tooltip-bottom .tooltip-arrow {
    left: 50%;
    margin: -12px 0 0 -6px;
    top: 0;
}
.tooltip {
    background-color: #ffffff;
    border-color: #d3d3d3;
    color: #000000;
}
.tooltip-right .tooltip-arrow-outer {
    border-right-color: #d3d3d3;
}
.tooltip-right .tooltip-arrow {
    border-right-color: #ffffff;
}
.tooltip-left .tooltip-arrow-outer {
    border-left-color: #d3d3d3;
}
.tooltip-left .tooltip-arrow {
    border-left-color: #ffffff;
}
.tooltip-top .tooltip-arrow-outer {
    border-top-color: #d3d3d3;
}
.tooltip-top .tooltip-arrow {
    border-top-color: #ffffff;
}
.tooltip-bottom .tooltip-arrow-outer {
    border-bottom-color: #d3d3d3;
}
.tooltip-bottom .tooltip-arrow {
    border-bottom-color: #ffffff;
}
.detail table{
	width:100%;
	background:#ccc;
	padding:1px 0px 0px 1px;
}
.detail th{
	padding: 3px 6px;
    white-space: normal;
    word-break: break-all;
    background:#f7f7f7;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
   	cursor:pointer;
 }
 .detail tr{
 	background:#fff;
 }
.detail td {
	padding:3px 6px;
    white-space: normal;
    word-break: break-all;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    text-align:left;
 }
 .main .input .tableform{
 	border-width: 1px 0 0;
 	border-style:solid;
 	border-color:#eaeaea;
 	margin:20px 0px 0px;
 	background:none;
 	padding:20px 0px 0px;
 }
 .main .input .box{
 	margin-right:20px;
 	margin-bottom:15px;
 	padding:0px 0px 4px 0px;
 	background: repeat-x scroll left bottom;
 }

.main .input h5,#index_box .item .indexitem h3{
	height:48px;
	line-height:48px;
	border:1px solid #cfcfcf;
	border-bottom:none;
	text-indent:1em;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	color:#666;
	margin:0px;
	padding:0;
 }
 #index_box .item .indexitem h3{
 	background:#fff
}
 .main .division,.main .item .body{
 	margin:0px;
 	padding:0px ;
 	border:none;
 	font-size:14px;
 	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
 }
.main .division th,.main .item th{
	border-color:#e5e5e5 #e5e5e5 #e5e5e5 #cfcfcf;
	border-width:1px 1px 0px 0px;
	border-style:solid;
	background:#f4f4f4;
	height:28px;
	line-height:28px;
	color:#676767;
}
.main .division td,.main .item td{
	border-color:#e5e5e5 #cfcfcf #e5e5e5 #e5e5e5;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	background:#fff;
	height:28px;
	line-height:28px;
	text-align:left;
	color:#676767;
} 
#index_box .item{
	width:302px;
	float:left;
	margin-right:15px;
	margin-top:15px;
}
 #index_box .item .indexitem{
 	border-bottom:1px solid #cfcfcf;
}
#index_box .item .indexitem tr{
 	height:28px;
 	line-height:28px;
}
#index_box .item .indexitem th{
 font-size:14px;
 text-align:right;
 width:130px;
font-weight:normal;
}
#index_box .item .indexitem td{
	font-size:14px;
	height:28px;
	line-height:28px;
	padding-left:5px;
}
#index_box .item .indexitem td div{
	line-height:18px; 
}
 .detail .row-selected{
 	background:#fbec88;
 }
 .detail .row-over{
 	background:#f1f1f1;
 }
 .main .division .grid td{
 	border-right:1px solid #e5e5e5;
 	text-align:center; 
 }
.buttonwrap{
	background:#fff;
    text-align: center;
    width: 100%;
    height:30px;
    padding:3px 0;
    	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	filter: "progid:dximagetransform.microsoft.shadow(color=#aaaaaa,direction=0,strength=0) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=90,strength=3) progid:dximagetransform.microsoft.shadow(color=#888888,direction=180,strength=5) progid:dximagetransform.microsoft.shadow(color=#cccccc,direction=270,strength=3)";*/
    
}
.fixed{
	position: fixed;
	border-top:1px solid #d6d6d6;
	box-shadow:1px 1px 5px #d6d6d6;
   -webkit-box-shadow:1px 1px 5px #d6d6d6;
   -moz-box-shadow:1px 1px 5px #d6d6d6;
    bottom: 0;
    left: 0;
}
.b_fr{
	margin-top:0px;
	display:block;
	float:right;
}
.mr5{
	margin-right:5px;
}
.blockui{
	font-size:14px;
	line-height:38px;
	-moz-border-radius: 3px;      /* gecko browsers */
    -webkit-border-radius: 3px;   /* webkit browsers */
    border-radius:3px;
  }
.blockui .success{
	padding-left:40px;
	background: no-repeat scroll 6px 6px;
}
.blockui .error{
	padding-left:40px;
	background: no-repeat scroll 6px 6px;
}
.main .contenttab{
	height:32px;
}
.main .contenttab ul li{
	height:30px;
	padding:0px 20px;
	line-height:30px;
}
.main .contenttab ul li.contenttabs{
	padding:0px 35px;
	border-top:2px solid #6f6d6d;
	font-weight:normal;
}
#dlytype .shadowboxwhite {
	padding:5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
#dlytype .whitebox .title {
    border-bottom: 1px solid #dfdfdf;
    color: #53606b;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin: 0 5px;
    text-indent: 5px;
}