admin.css

@charset "utf-8";
html {overflow:auto;_overflow-x:hidden;}
body{color:#333;background:url(../images/admin/left_bg.gif) repeat-y;}
ul,li{list-style:none;}
#container {margin:0 auto; width:100%;font: 12px Arial, Verdana, Helvetica, sans-serif;}

#header{position:fixed;top:0;left:0;right:0;clear:both;height:50px;padding:0 10px 0 3px;border-bottom:10px #d8d8d8 solid;overflow:visible;z-index:50;background:-moz-linear-gradient(#485063,#363b49);background:-ms-linear-gradient(#485063,#363b49);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#485063),color-stop(100%,#363b49));background:-webkit-linear-gradient(#485063,#363b49);background:-o-linear-gradient(#485063,#363b49);background:linear-gradient(#485063,#363b49);background-color:#3f4657;_position:absolute;}
#Logo {float: left; margin: 4px 10px 0 0; }
#main_nav,#main_nav li{margin:0;padding:0;}
#main_nav{height:30px;overflow:hidden;padding-top:20px;}

#main_nav li{display:block;float:left;list-style:none;width:86px;height:30px;margin-right:6px;text-align:center;font-size:14px;}
#main_nav li a{display:block;width:84px;height:29px;line-height:29px;border:1px solid #58606e;border-bottom:none;border-radius:2px 2px 0 0;color:#fff;text-decoration:none;background-color:#565f6e;background:-moz-linear-gradient(#606a79,#4a5260);background:-ms-linear-gradient(#606a79,#4a5260);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#606a79),color-stop(100%,#4a5260));background:-webkit-linear-gradient(#606a79,#4a5260);background:-o-linear-gradient(#606a79,#4a5260);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606a79',endColorstr='#4a5260');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#606a79',endColorstr='#4a5260')";background:linear-gradient(#606a79,#4a5260);}
#main_nav li a:hover{border-color:#6f7a8b;background-color:#6b7484;background:-moz-linear-gradient(#778191,#576070);background:-ms-linear-gradient(#778191,#576070);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#778191),color-stop(100%,#576070));background:-webkit-linear-gradient(#778191,#576070);background:-o-linear-gradient(#778191,#576070);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#778191',endColorstr='#576070');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#778191',endColorstr='#576070')";background:linear-gradient(#778191,#576070);}
#main_nav li.active{font-weight:bold;text-shadow:none;}
#main_nav li.active a,#main_nav li.active a:hover{border-color:#fff;color:#333;background-color:#d8d8d8;background:-moz-linear-gradient(#fff,#d8d8d8);background:-ms-linear-gradient(#fff,#d8d8d8);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#d8d8d8));background:-webkit-linear-gradient(#fff,#d8d8d8);background:-o-linear-gradient(#fff,#d8d8d8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d8d8d8');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d8d8d8')";background:linear-gradient(#fff,#d8d8d8);}


#menu { height:40px; margin-bottom:5px;background:url(../images/nav_bg.gif);}
#nav {background:url(../images/block_nav_bg.gif);height:40px; width:960px;margin-right:auto;margin-left:auto;line-height:40px;padding:0 10px;}
#nav span{width:60px;display:inline-block;}
#mainContent {position:absolute;top: 50px;bottom:1px;left:0;right: 0;padding-top:20px;overflow: auto;margin-right: 1px;}

#content {margin-left:215px;position: relative;overflow: auto ;height: 100%;padding-right: 8px;}
#footer {height:60px;}
#header .nav_sub {text-align: right;color: white;position: absolute;top:0;right: 10px;margin-top: 3px;white-space: nowrap;}
#header .nav_sub a{color: white;}
#header .main_nav {position: absolute;bottom: 0;left: 200px;top:22px; height:31px;}
#header .main_nav a {width: 75px;height: 28px;display: inline-block;font-size: 14px;color: white;text-align: center;line-height: 28px;}
#header .main_nav a.on{background:#243968;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
#sidebar a{text-decoration: none; color: #3B5999;}
#sidebar {position: fixed;left:0;top:40px; width:205px;z-index: 100;_position:absolute;_top:0;}
#sidebar ul.menu{margin:0;padding:0;margin-left:11px;}
ul.menu li {float: left;width:195px;}

#sidebar .menu li {color: white;background-image: url(../images/admin/submenuA.gif);background-repeat: no-repeat;background-position: left bottom;}
#sidebar .menu a {display: inline-block;width: 171px;line-height: 32px;padding-left: 24px;}
#sidebar .menu a.current {background-image: url(../images/admin/submenuB.gif);background-repeat: no-repeat;font-weight: 800;}
#sidebar .menu  .submenu .sub-index a{padding-left:8px;}
#sidebar .menu  .submenu li {display: none;}
#sidebar .menu  .submenu.current li {display: block;}
#sidebar .menu  .submenu .sub-index{display: block;}
a{text-decoration: none;color:#666}
a:hover{color:#c00;}
form{line-height:32px;}

table {}
table td,table th{overflow:hidden;text-overflow:ellipsis;}
table td.caption,table th.caption{width: 160px;text-align: right;border-right: 1px solid #dbdbdb;}
table.default{width:100%;border:#dbdbdb 1px solid;border-bottom:0;table-layout:fixed;}
table.default tr td,table.default tr th{line-height:24px;height:24px;padding:4px 0 4px 6px;border-bottom:#dbdbdb 1px solid;}
table.default tr th{background:#f1f2f3}
table.default tr.odd{background:#f1f1f1}
table.border tr td,table.border tr th{padding: 3px;border-left:#dbdbdb 1px solid;}
table.border tr th{text-align: center;}

table.no_lr_border{border-left: none;border-right: none;};

.aui_buttons button{float:right}
.line{border-bottom:#EBEBEB 1px solid;margin-bottom:10px;}

.btn{padding: 6px 20px; font-size: 14px; border: none;overflow: hidden;background: #A60A00;cursor: pointer; border:1px solid #A6041C;border-radius: 3px;display: inline-block;color: #fff ;}
.btn-mini{padding: 4px 20px;font-size: 12px;overflow: visible; height: 24px;line-height: 24px;}
.btn:hover{color: #fff;background:#bf3a2b; }
a.btn:hover{text-decoration: none;}
.btn-gray{background:#bec3c7;border-color:#989da3;}
.btn-gray:hover{background:#ecf0f1;border-color:#cacecf;color: #555;}
.btn-disable{background:#ecf0f1;border-color:#cacecf;color: #555;}
.btn-disable:hover{background:#ecf0f1;border-color:#cacecf;color: #555;}

.btn-blue{border:#1b6990 1px solid;background:#2a80b9;}
.btn-blue:hover{background:#3598dc;border-color:#2882c0;}

.btn-orange{background:#d25400;border-color:#af4a06;}
.btn-orange:hover{background:#e77e22;border-color: #bd6617;}

.btn-red{background:#bf3a2b;border-color:#992d23;}
.btn-red:hover{background:#e84c3d;border-color: #c63a2d;}

.btn-red{background:#bf3a2b;border-color:#992d23;}
.btn-red:hover{background:#e84c3d;border-color:#c63a2d;}

.btn-green{background:#17a086;border-color:#0c7c64;}
.btn-green:hover{background:#19bd9b;border-color:#16987c;}

/*一些小的常用*/
.red_border{border:#F00 1px solid;}
.bggrren{background:#14A003;font-weight: bold;color:#FFFFFF}
.foreColor{color:#DD4B39}
.golden{color: #ff6600;}
.red{color:red}
.gray{color: #999;}
.green{color:green}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}


/*商品入库窗口样式*/
.win_box{}
.win_box input[type=text]{width:240px;border:#c0c0c0 1px solid;}
.win_box img.pic{border:#CFCFCF 1px solid; padding:5px;}
.win_box .form{float:left;line-height:18px;margin-left:10px;}

.center{text-align:center;margin-left:auto;margin-right:auto;}
.fl{float:left;} .fn{float:none;} .fr{float:right}
.page_title{font-size: 14px;font-weight: bold;color: #666;line-height: 30px; border-bottom:#bbb 1px solid;}

/*清除浮动问题*/
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix {zoom:1;}


#page{font:12px/16px arial;margin-top:10px;overflow:hidden;zoom:1}
#page span{float:left;margin:0px 3px;padding:4px 8px;}
#page a{float:left;margin:0 3px;border:1px solid #ddd;padding:3px 7px; text-decoration:none;color:#666}
#page a.now_page,#page a:hover{color:#fff;background:#05c}

.tags{margin-top:10px;margin-bottom:5px;line-height:26px;}
.tags a{display:inline-box;padding:3px 4px;background:#f1f1f1; border:#cfcfcf 1px solid;}
.tags a.current{background:#2e4c8c;border:#666 1px solid;color:#FFF;}
.tags a.current .label{color:#FFF}

.lineD{border-bottom: 1px dashed #E2E2E2;}
input{padding-left: 6px;border: #c5c5c5 1px solid; color: #5c5c5c; line-height: 24px;height: 24px; }
.form2 dl{margin:0 ;padding:0;position: relative;*zoom:1;}
.form2 dt {float: left;margin: 0;padding: 6px 0 0;text-align: right;min-width: 140px;color: #333; font-weight:bold}
.form2 dd {margin-left: 145px;padding: 4px;vertical-align: middle;}
.form2  input[type='text'],.form2  input[type='password']{height: 24px;line-height: 24px;width: 240px;padding-left: 4px;border: solid 1px #aaa; color: #333; padding: 3px; background-color: #FFFFFF;}

.form2  select{height: 28px;line-height: 28px;padding:4px;}
.form2 textarea {width: 480px; height: 100px; padding: 0 0 0 5px; font-size: 12px; color: #333; border: 1px #d2d2d2 solid; line-height: 24px; }

input.big{width:360px !important;}
input.normal{width:255px !important;}
input.middle{width:180px !important;}
input.small{width:95px !important;}
input.tiny{width:45px !important;}
input.readonly{background-color:#f5f5f5;}

#search_div .search_head{font-size: 14px;font-weight: bold;color: #1E325C;line-height: 40px;border-bottom: 2px solid #9CB8CC;}
.search_foot{padding: 10px 0;text-align: center;}
.search_form dl{margin:0}
.search_form dt {float: left;margin: 0;padding: 8px 0 0;text-align: right;width: 170px;color: #333;}
.search_form dd {margin-left: 175px;padding: 8px 0 8px 5px;vertical-align: middle;width: 100%;}

.round{box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);-webkit-box-shadow: rgba(34, 25, 25, 0.2) 0px 1px 3px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

.page_nav { font-family: Simsun; line-height:normal;text-align: right;margin-top: 10px;overflow: hidden;zoom: 1;}
.page_nav  a,.page_nav  span,.page_nav  input{display:inline-block;line-height:23px;padding:0 10px;border:1px solid #ccc;background-color:#fff; text-decoration:none;color:#666 !important;margin-right:5px;zoom: 1;}
.page_nav  input{height: 23px;line-height: 23px;padding: 0;zoom: 1; font:12px/16px;font-family: Simsun;zoom: 1;_margin-bottom:-4px;}
.page_nav  a:hover,.page_nav span.current{color:#fff !important;background-color:#C00;border-color:#be0d11 #be0d11 #9a0307; text-decoration:none;}

.tools_bar{border-left:#cdcdcd 1px solid;border-top:#cdcdcd 1px solid;border-bottom:#aaa 1px solid;border-right:#aaa 1px solid;height: 32px;line-height:32px; background: #efefef;margin-bottom: 5px;letter-spacing:-4px;font-size: 0; position: relative;overflow: hidden;}
.tools_bar a ,.tools_bar span.fl,.tools_bar span.fr{border-right:#cdcdcd 1px solid;border-left:#fff 1px solid;text-align: center;display: inline-block;letter-spacing:0;font-size: 14px; line-height: 32px;height: 32px;padding: 0 10px; color:#666;cursor:pointer;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4f4f4));background:-moz-linear-gradient(top,#fff,#f4f4f4);background-color:#fafafa;}
/*.tools_bar span.fr{position:absolute;top:0;right: 0;}*/
.tools_bar span select{margin-top: 4px;}

.tools_bar a:hover{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff,#f0f0f0);background-color:#f7f7f7;color: #f00;}
.tools_bar span input{margin-top:-2px; _margin-top: 2px; height: 22px;line-height: 22px;}
.tools_bar span select{height: 24px;line-height: 24px;}
.tools_bar span.fr{ border-left:#cdcdcd 1px solid; border-right: 0; }
.tools_bar a:active,.tools_bar a.current,.tools_bar a.current:hover{color:#333;background:#e8e9ed;box-shadow:0 2px 1px #d7d7d7 inset;}
/*.tools_bar a:hover{background-color: #f6f6f6;cursor:pointer;}*/
.tools_bar a i{font-style: normal;padding-left:8px;}
.btn_min a{display: inline-block;height: 24px;font-size: 14px;line-height: 24px;text-align: center;margin-right: 6px;}
.tools_bar span a:hover,.tools_bar span a:active,.tools_bar span a{background:transparent;border:0;box-shadow:0 0 0;padding-right:0;}
.tools_bar a.current{color: #3B5999;}
/*==========================Message条式样式===========================*/
.message_error,.message_fail,.message_success,.message_info,.message_warning{padding:12px;margin-bottom:5px;background: url(../images/message.png) no-repeat;text-indent: 40px;}
.message_error,.message_fail{border:#FF7570 1px solid;background-color:#FFF2F0; background-position: 0 -55px;}
.message_success{border:#00C22C 1px solid;background-color:#EEFFE4; background-position: 0 -107px;}
.message_info{border:#00B5FF 1px solid;background-color:#E3F5FF;background-position: 0 -3px;}
.message_warning{border:#FFCA74 1px solid;background-color:#FFFFE3; background-position: 0 -161px;}

.error,.fail,.success,.info,.warning{padding:12px;margin-bottom:5px;background: url(../images/message.png) no-repeat;text-indent: 40px;}
.error,.fail{background-position: 0 -55px;}
.success{background-position: 0 -107px;}
.info{background-position: 0 -3px;}
.warning{background-position: 0 -161px;}
/*========================默认按钮样式============================*/
.button,.focus_button{border: 1px solid #dcdcdc;border-radius: 2px;color: #666;font-size: 12px;height: 29px;line-height: 27px;padding: 0 8px;text-align: center;cursor:pointer;background:#f1f1f1 ;display: inline-block; _zoom:1;_display:inline;
}
.focus_button{background: #8594A4;color: #FFF;border: 1px solid #658293;}
.focus_button:hover{background:#78899A;}
.button:hover{border: 1px solid #c6c6c6;color: #333;background:#EDEDED;}

/*====================封装的tab插件样式=======================*/
.tab{}
.tab .tab-head{ background: none repeat scroll 0 0 #EDEDED; border-bottom: 1px solid #C4C4C4; height: 31px; padding: 4px 0 0; width: 100%;position: relative;}
.tab .tab-head li{cursor: pointer; display: inline-block; height: 32px; line-height: 32px; margin: 0 10px;padding:0 1.5em;text-align: center;overflow: hidden;float: left;}
.tab .tab-head li.current{border: 1px solid #C4C4C4;height: 31px; line-height: 31px;border-radius: 2px;background: #fff;border-bottom: 0;margin-bottom: -1px;position: relative;_height:32px;}
.tab .tab-body{padding: 10px 0;}
ul.gallery{width:613px;}
.gallery li{display: inline-block;padding: 5px; margin: 5px; border: 1px solid #DDDDDD;float: left;}
.gallery li:hover,.gallery li.current {padding: 4px; border: 2px solid #7CA3C1; }

/*=====chrome内核下滚动条样式=====*/
::-webkit-scrollbar-track-piece {background:#ececec;}
::-webkit-scrollbar             {width:15px;height:15px;}
::-webkit-scrollbar-thumb       {background:#bbb;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#777;}

/*===========规格展示窗口样式============*/
.spec_values li{display: inline-block;}
.spec_values li img {width:30px;height: 30px;margin-right: 5px;}

h3 {height: 35px; line-height: 35px; text-indent: 10px; color: #333; background: #f0f0f0; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.piclist{display: inline-block;}
.piclist li{float: left;margin: 5px 5px 5px 0;width: 88px;display: block;}
.piclist li div.bord{padding: 3px; border: 1px solid #d0d0d0; line-height: 0px;}
.piclist li div.opera { height: 20px;line-height: 20px;text-align:right;padding:0 6px;}
#pic_list li.current .bord{border: 2px dotted #ae0000;padding: 2px;};

/*============独立窗口===========*/
.alone_box{position:absolute; top: 0; bottom: 0px; overflow: auto; left: 0px; right: 0px;}
.alone_box .head{background:#f0f0f0;height: 40px;line-height: 40px;padding-left: 2em; border-bottom: 1px solid #C4C4C4;}
.alone_box .left {position: absolute; left: 0; bottom: 40px; top: 41px; width: 180px; border-right: 1px solid #D0D0D0; background: #fff; padding: 10px; overflow-y: auto; overflow-x: hidden; }
.alone_box .right {position: absolute; left: 210px; bottom: 50px; top: 50px; right: 10px; overflow: auto; }

.alone_box .left li{height: 24px;line-height: 24px;}
.alone_box .left li.current{background: #f0f0f0; }
.alone_box .left li:hover{background: #f7f7f7; }
.alone_box .left li a{color: #333; display: block; width: 100%; padding-left: 5px; outline: none;}
.alone_header,.alone_footer{position:absolute; background: #F0F0F0; left: 0; right: 0; height: 40px; line-height: 40px;width: 100%;margin: auto;}
.alone_header{top:0;border-bottom: 1px solid #C4C4C4;}
.alone_footer{bottom:0;border-top: 1px solid #C4C4C4;}
.alone_content{height: 363px;overflow-y:auto;}

.spec_values ul{ margin:10px;overflow:hidden;}
.spec_values ul li{ float:left; margin:5px 20px 5px 5px;line-height:26px;}
.spec_values ul li .img{border:1px solid #ddd; padding:2px; line-height:0;width:26px;height:26px;padding:1px;overflow:hidden;}
.spec_values ul li .img img{ width:26px; height:26px;}
.spec_values ul li .txt{border:1px solid #ddd; padding:2px; line-height:15px;}

.spec_values ul li input,.spec_values ul li label,.spec_values ul li .img{float:left;margin-right:5px;}
.artDialog_footer{background: #F0F0F0;margin:0; clear:both; position:absolute; padding-top:5px; bottom:8px; text-align:center; left:8px;right:8px;height: 40px;border-top: #dbdbdb 1px solid;}

.box {border:#C4C4C4 1px solid;margin-bottom:5px;overflow:hidden;zoom:1;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;}
.box .head{border-bottom: 1px solid #C4C4C4;height: 30px;line-height: 30px;padding-left: 10px;}

#spec_show_list table,#spec_show_list table tr{display: none;}
#spec_show_list table.current,#spec_show_list table tr.select{display: table;}

table.is-used{background: url(../images/is_used.png) no-repeat center bottom;}


/*==========滑过操作插件==========*/
a.action{border: 1px solid #fff;height: 22px; padding: 0 4px;}
.hidden a.action {min-width: 53px; position: relative; display: inline-block; height: 22px;}
.show_munu a.action{background: #fbfbfb;  border: 1px solid #acacac; position: relative; z-index: 1000; display: inline-block; height: 22px; min-width: 53px;}
.show_munu a.top{border-top: none;padding-top: 1px;}
.show_munu a.bottom{border-bottom: none;padding-bottom: 1px;}
.hidden .menu_select{display: none; min-width: 100px;}
.operat .menu_select{position: absolute; left: 0; top: 24px; z-index: 998; background: #fbfbfb; border: 1px solid #acacac; box-shadow: 0 0 5px rgba(201, 201, 201, 0.9);min-width: 80px;max-height: 300px;overflow: auto;}
.operat .menu_select ul{min-width: 100px;}
.operat .menu_select ul li {display: block; margin: 5px 0; vertical-align: middle; min-width: 100px;_width:100px;}
.operat .menu_select ul li a { display: block; height: 24px; width: auto; min-width: 90px;  text-align: left;padding-left: 8px;}
.operat .menu_select ul li a:hover{background: #f1f1f1;}

.li_inline_list li{display: inline-block;width:200px;float: left;}


.icon-order-0,.icon-order-1,.icon-order-2,.icon-order-3{background-image: url(../images/icons.png);display: inline-block; vertical-align: middle;padding: 0 1px;}
.icon-order-0,.icon-order-1,.icon-order-2,.icon-order-3{width: 25px;height: 25px;}

.icon-order-0{background-position:-25px -200px;}
.icon-order-1{background-position:-25px -225px;}
.icon-order-2{background-position:-25px -250px;}
.icon-order-3{background-position:-25px -275px;}

.brand-list li{float: left;width: 160px;line-height: 32px;height: 32px;}
.brand-list li input,.brand-list li label{vertical-align: middle;}
input,button,lable,img{vertical-align: middle;}
.brand-list li input{margin:5px 5px 0 0;}

#areas{float: left;width: 100%;}
#areas li{cursor: pointer; border-bottom: #f0f0f0 1px solid;clear: both;}
#areas li a{color: #999;}
#areas li .c1{float: left;width:33%;}
#areas li .c2,#areas li .c3{float: right;width:300px;text-align: right;padding-right: 30px;}
#areas .sub-1,#areas .sub-2{border-bottom: none;}
#areas .sub-1 .c1{padding-left: 30px;}
#areas .sub-2 .c1{padding-left: 60px;}

.box{background-color: #fff; border:#d2d2d2 1px solid; padding: 0; margin: 1.5em 1em; }
.box>h1,.box .box-header{background:#ebebeb;padding:5px 10px; border-bottom:#d2d2d2 1px solid;}
.box .box-body{
	padding:15px;
	line-height: 24px;
}

.uploader-list{
    height: 122px;
    max-height: 244px;
}
.uploader-list .file-item{
    position: relative;
}
.uploader-list .file-item .error{
    position: absolute;
    padding: 5px 0;
    background: rgba(255,255,255,0.5);
    margin-bottom: 0;
    text-indent: 0;
    bottom: 0;
    text-align: center;
    color: red;
    left: 0;
    right: 0;
}