@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
	background: url("icons/body_bg.png") 0 0 #fbfbfb repeat-y;
	position:relative;
}
body,td,table{
	font-size:12px;
}

/*top*/
.header { width: 100%;height: 80px; background: #2d2f31;}
.logo { float: left; display: inline; margin: 20px 30px 0px 22px;width:280px;height:40px;}
.logo a{display:block;height:40px;}

.nav { margin-left: 285px;padding-top:30px;}
.nav ul li { float: left; display: inline; font-size: 16px; margin-right: 45px;}
.nav ul li a { color: #8d949a;}
.nav ul li a:hover { color: #c2c7cd;}
.header_right { float: right; display: inline;}
.log_out { float:left; display: inline; margin:0 20px 0px 43px; background: url("icons/index_icon.png") -18px -420px no-repeat; width: 18px; height: 18px;}
.header .link { float:left; display: inline; margin:0 0px 0px 0px; background: url("icons/index_icon.png") -18px -582px no-repeat; width: 17px; height: 18px;}
.header .link:hover { background-position: -18px -952px;}
.log_out:hover { background-position: -18px -980px;}

/*-------主体部分------*/
.content { width: 100%; overflow: hidden;padding-bottom:40px;}

/*左侧*/
.side { width:221px; border-top: 0px #ccc solid;float: left; display: inline;}
.profile { position: relative; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; overflow: hidden; background: #f3f4f5; border-right:1px solid #ccc; }
.profile-img{ float: left; display: inline; margin: 10px 0px 11px 10px;}
.profile-info{ font-size: 14px; color: #000; margin: 20px 0px 10px 85px;}
.profile-info h2 {font-size:16px;font-weight:normal;}
.profile-info .user { font-size:12px; color: #777; padding-top:10px;}
.profile .edit { position: absolute; top: 14px; right:11px; background: url("icons/index_icon.png") -12px -443px no-repeat; width: 24px; height: 24px;}

.quick_link { border-bottom: 1px #ccc solid; height: 48px; line-height: 48px;background: #f3f4f5;border-right:1px solid #ccc;}
.quick_link a {float:left; display:block; width:220px; color: #000; font-size: 14px; text-align: center;}
.quick_link .msg { background: url("icons/index_icon.png") 15px -470px no-repeat; border-right:0px #ccc solid;}
.quick_link .add_app { background: url("icons/index_icon.png") 12px -507px no-repeat; width: 95px; }
.quick_link .msg:hover { background: url("icons/index_icon.png") 15px -470px #e7e9eb no-repeat; }
.quick_link .add_app:hover { background: url("icons/index_icon.png") 12px -507px #e7e9eb no-repeat;}
.quick_link .msg span { background: url("icons/index_icon.png") -9px -561px no-repeat; width: 27px; height: 18px; text-align: center; line-height: 18px; display: inline-block; color: #fff; margin-left: 5px;}

.menu .tab { background: #373839; overflow: hidden; width:64px; float: left; display: inline;}
.menu ul li { width:64px; height:64px; /*margin-bottom: 25px;*/ float: left; display: inline;}
.menu ul li.current,.menu ul li:hover {}
.menu ul li a { display: inline-block; color: #feffff; width:64px; height: 55px;padding-top:15px;text-align: center; font-size: 14px;}
.menu ul li.current a,.menu ul li a:hover { background: #56585a;}
.menu ul li a i { display: inline-block; background: url("icons/index_icon.png") no-repeat; width: 36px; height: 36px; margin: 0 12px 0 10px;}
.menu ul li a .i-home { background-position: 0 0;}
.menu ul li a .i-operation { background-position: 0 -53px;}
.menu ul li a .i-finance { background-position: 0 -107px;}
.menu ul li a .i-users { background-position: 0 -155px;}
.menu ul li a .i-sales { background-position: 0 -217px;}
.menu ul li a .i-config {background:url(icons/icon-config.png) 0 0 no-repeat;width: 36px; height: 36px; margin: 0 12px 2px 10px;}
.menu ul li a .i-site {background:url(icons/icon-site.png) 0 0 no-repeat;width: 36px; height: 36px; margin: 0 12px 2px 10px;}

.menu .tab_ctn { float:left; display: inline;}
.menu .tab_ctn dd { width:157px;margin-bottom:1px;}
.menu .tab_ctn dd a { display:block;height: 26px; padding: 16px 0px 8px 0px; color: #666; margin-top: 0px; font-size: 14px;}
.menu .tab_ctn dd a:hover{text-decoration:none;}
.menu .tab_ctn dd i {display: inline-block; padding-left:20px;}

.menu .tab_ctn dd.current a,.menu .tab_ctn dd:hover a {color: #67b83d;background: url("icons/triangle.png") right 0px #fff no-repeat;margin-right:0px;}

/*右侧内容区域main*/
.main { margin: 20px 20px 20px 240px;padding-bottom:30px;}

/*公共底部*/
.footer { height:40px; color: #999; font-size: 12px; background: #f3f4f5; width: 100%; overflow: hidden;position:fixed;bottom:0;}
.footer_side { width: 221px; float: left; display: inline; height: 60px;}
.footer_side .side1 { background: #373839; width:64px; float: left; display: inline; height: 60px;}
.footer_side .side2 { border-right: 1px #ccc solid; height: 60px;}
.copyright { border-top: 1px #ccc solid; overflow: hidden; padding: 10px 0px 0px 20px;}


.menu_nav{
	margin:0;
	padding:0;
}
.menu_nav ul{
	padding:10px 0 0 5px;
	margin:0 5px;
	list-style:none;
}
.menu_nav li{
	clear:both;
	list-style:none;
	padding:5px 5px 5px 10px;
	border-bottom:1px dashed #CCC;
	background-image:url(images/icon_arrow.jpg);
	background-position:left;
	background-repeat:no-repeat;
	line-height:15px;
}

ul,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
/*div*/
.div-a
{
}
.div-nav
{
    margin:10px auto;
	border-bottom:0px solid #e0e0e0;
	font-size:16px;
}
.div-title
{
    margin:10px auto;
	padding:15px;
	background:#f6f6f6;
	border:1px solid #e0e0e0;
}
.xcenter
{
    margin:0 auto;
}
/*list*/
.list-a
{
    width:100%;
    margin:0 auto;
}
.page{padding-top:20px;}
#pagesplit
{
    width:100%;
    margin:10px auto;
    line-height:20px;	
}
#PageSplit a{
	display:block;
	color:#000;
	padding:0px 4px;
	background:#e0e0e0;
	float:left;
	border:1px solid #ccc;
	text-decoration:none;
	margin:0px 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#PageSplit a:hover{
	display:block;
	padding:0px 4px;
	background:#666;
	border:1px solid #666;
	float:left;
	color:#fff;
	text-decoration:none;
	margin:0px 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#PageSplit .s{
	display:block;
	padding:0px 4px;
	background:#666;
	border:1px solid #666;
	float:left;
	color:#fff;
	text-decoration:none;
	margin:0px 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*edit*/
.edit-a
{
    margin:0 auto;
}
/*table*/
.tbl-a{
	width:100%;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
}
.tbl-a tr
{
}
.tbl-a tr:hover
{
    background:#ECF3FF;
}
.tbl-b{
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	width:100%;
}
.tbl-b td
{
    background:#f2f2f2;
}

.tbl-a th,.tbl-b th{
	font-weight:bold;
	text-align:center;
}
.tbl-a td,.tbl-a th{
	border-bottom:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.tbl-b td,.tbl-b th{
	border-bottom:1px solid #e0e0e0;
}
.tblcenter
{
    text-align:center;
}
.th-r
{
    text-align:right;
}
.tbl-n{}
.tbl-n tr,.tbl-n th,.tbl-n th{border:0;text-align:left;padding-right:30px;}

form{
	margin:0;
	padding:0;
	font-size:12px;
}
:focus{outline:0;}
p,ul,li,dl,dt,dd{
	padding:0;
	margin:0;
}
a{
	color:#069;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.clear{
	clear:both;
}
.red{
	color:#F00;
}
.green{
	color:#390;
}
.blue{
	color:#36F;
}
/*system*/
.ulogin{
margin:0px auto;
width:300px;
}

/*progress*/
.progresslist{padding:10px;background:#fff;}
.progresslist dt{border-bottom:1px solid #ccc;font-weight:bold;}
.p-time,.p-info,.p-uid,.p-act{float:left;padding:5px 30px 3px 0;}
.p-time{width:120px;}
.p-info{width:320px;}
.p-uid{width:60px;}
.p-act{width:40px;}

.faq-title{background:#f8f8f8;height:36px;font-size:14px;position:relative;padding-right:10px;padding-left:10px;line-height:36px;border-bottom:1px solid #e0e0e0;}
.btnclose{z-index:9999991;position:absolute;right:8px;top:8px;width:16px;height:16px;}
.btnclose a{width:16px;height:16px;font-size:14px;color:#666;background:url(images/btn-close.gif) no-repeat 0 0;text-indent:-9999px;display:block;}
.btnclose a:hover{ color:#ea0e6f;background:url(images/btn-close.gif) no-repeat 0 0;}

.editprogress{
	z-index:9;
	display:none;
	position:absolute;
	border:5px solid #333;
	-webkit-border-radius: 8px;
	border-radius: 8px;/**/
	padding:0;
	background:#fff;

	width:600px;
	height:300px;
	overflow:auto;
	left:50%;
	top:50%;
	margin-left:-300px!important;/*FF IE7 该值为本身宽的一半 */
	margin-top:-150px!important;/*FF IE7 该值为本身高的一半*/
	margin-top:0px;
	position:fixed!important;/* FF IE7*/
	position:absolute;/*IE6*/
	_top:       expression(eval(document.compatMode &&
				document.compatMode=='CSS1Compat') ?
				documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
				document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}

.editul{padding:0;margin:20px;}
.editul li{list-style:none;padding:0;}
.editul .submit{padding:10px 0;text-align:center;font-size:14px;}

.bd-b{border-bottom:1px solid #ccc;}

.a_seeorder {
    background: url(images/a_record.png) no-repeat;
    /*position: absolute;
    right: 200px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_updateTime {
    background: url(images/a_calendar.png) no-repeat;
    /*position: absolute;
    right: 200px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_editreport {
    background: url(images/edit1.png) no-repeat;
    /*position: absolute;
    right: 25px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_delete {
    background: url(images/delete1.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 5px;
    /*position: absolute;
    right: 25px;*/
}

.a_role {
    background: url(images/role.png) no-repeat;
    /*position: absolute;
    right: 75px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_effective {
    background: url(images/a_effective.png) no-repeat;
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_invalid {
    background: url(images/a_invalid.png) no-repeat;
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_power {
    background: url(images/a_lock.png) no-repeat;
    /*position: absolute;
    right: 100px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_printorder {
    background: url(images/a_print.png) no-repeat;
    /*position: absolute;
    right: 50px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_print {
    background: url(images/a_print.png) no-repeat;
    /*position: absolute;
    right: 75px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_see {
    background: url(images/a_record.png) no-repeat;
    /*position: absolute;
    right: 100px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_record {
    background: url(images/edit1.png) no-repeat;
    /*position: absolute;
    right: 75px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_chargeCard {
    background: url(images/a_chargeCard.png) no-repeat;
    /*position: absolute;
    right: 100px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_repplyrefund {
    background: url(images/a_repplyrefund.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_repplysupplement {
    background: url(images/a_repplysupplement.png) no-repeat;
    /*position: absolute;
    right: 125px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_supplement {
    background: url(images/a_supplement.png) no-repeat;
    /*position: absolute;
    right: 175px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_success {
    background: url(images/a_success.png) no-repeat;
    /*position: absolute;
    right: 125px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_failure {
    background: url(images/a_fialure.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_nomal {
    background: url(images/a_nomal.png) no-repeat;
    /*position: absolute;
    right: 100px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}


.a_reset {
    background: url(images/a_reset.png) no-repeat;
    /*position: absolute;
    right: 125px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_queryset {
    background: url(images/a_queryset.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}


.a_addmoney {
    background: url(images/a_price.png) no-repeat;
    /*position: absolute;
    right: 125px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_lock {
    background: url(images/a_lock.png) no-repeat;
    /*position: absolute;
    right: 75px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_unlock {
    background: url(images/a_unlock.png) no-repeat;
    /*position: absolute;
    right: 100px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_channel {
    background: url(images/a_channel.png) no-repeat;
    /*position: absolute;
    right: 25px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_price {
    background: url(images/a_price.png) no-repeat;
    /*position: absolute;
    right: 125px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_approval {
    background: url(images/a_approval.png) no-repeat;
    /*position: absolute;
    right: 25px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_approvalmoney {
    background: url(images/a_approval.png) no-repeat;
    /*position: absolute;
    right: 50px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_advance {
    background: url(images/a_advance.png) no-repeat;
    /*position: absolute;
    right: 25px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_level {
    background: url(images/a_advance.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_link {
    background: url(images/link.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_loweruser {
    background: url(images/lower.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_lowerprice {
    background: url(images/lowerPrice.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_adjustsuper {
    background: url(images/adjustsuper.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_etSet {
    background: url(images/etSet.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_etSms {
    background: url(images/etSms.png) no-repeat;
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_interface {
    background: url(images/a_interface.png) no-repeat;
    /*position: absolute;
    right: 150px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_save {
    background: url(images/a_save.png) no-repeat;
    /*position: absolute;
    right: 75px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.a_cannel {
    background: url(images/a_cannel.png) no-repeat;
    /*position: absolute;
    right: 50px;*/
    float: left;
    margin-left: 5px;
    width: 18px;
    height: 18px;
}

.delete a {
    float: right;
    width: 70px;
    height: 27px;
    background: url(images/delete.png) no-repeat;
    margin-top: 20px;
    cursor: pointer;
}

.add a {
    float: right;
    width: 70px;
    height: 27px;
    background: url(images/add.png) no-repeat;
    margin-top: 20px;
    cursor: pointer;
}


/*parvalue*/
.parvalue li{float:left;margin-top:.5em;margin-right:.5em;padding:10px;border:1px solid #ccc;background:#f1f1f1; cursor:pointer;}
.parvalue .selected{border:2px solid #F60;padding:9px;background:#FEF5E0;color:#F60;}
.price-input{width:50px;}

/*editBtns*/
.editBtns{padding:1em 0;clear:both;}
.editBtns li{float:left;margin-right:1em;}
.editBtns li a{display:block;padding:.5em 1em;background:#F60;color:#fff;text-decoration:none;}
.editBtns li a:hover{background:#C30;}

.input{border:1px solid #ccc;padding:5px;-webkit-border-radius:5px;border-radius:5px;}
.button{background:#6fbe2d;color:#fff;border:0;font-size:14px;cursor:pointer;padding:5px 15px;-webkit-border-radius:5px;border-radius:5px;}
.button:hover{background:#8bc55a;}