@charset "utf-8";

/* ZhiqimUI */
.z-input{color:#333;}

/* global */
body{color:#333;background-color:#fff;}
body,table,td,div{font-size:14px;line-height:120%;}
a,a:visited{color:#333;text-decoration:none;cursor:pointer;}
a:active,a:hover{color:#4bb0af;text-decoration:none;}
a.blue,a.blue:visited{color:#0066cc;text-decoration:none;cursor:pointer;}
a.blue:active,a.blue:hover{color:#0066cc;text-decoration:underline;}

/* topnav */
.topnav {position:relative;width:100%;min-width:680px;color:#3c4353;background-color:#fff;height:64px;z-index:99; }
.topnav .logo {float:left;width:208px; color:#fff; height:64px;}
.topnav a{color: #3c4353; float:left; line-height:64px; text-align: center;}
.my-message{ float:left; position: relative; cursor: pointer;}
.my-message span{position: absolute; top:18px; right:4px; background:#ff5448; min-width:14px; height:14px; border-radius:12px; font-size:10px; color:#fff; line-height:12px;text-align: center;}

.topnav .topnavleft {float:left;height:55px;}
.topnav .topnavleft .bar {float:left;height:64px; padding:23px 0 0 24px; cursor: pointer;}
.topnav .topnavleft .first {border-left:1px solid #008bd2;}
.topnav .topnavleft .nav, .topnav .topnavleft .nav-only {float:left;height:55px;line-height:55px;border-right:1px solid #008bd2;}
.topnav .topnavleft .nav:hover{background-color:#008bd2; color:#fff;}

.topnav .topnavright {float:right;height:64px;}
.topnav .topnavright .nav, .topnav .topnavright .nav-only {float:left;height:64px;line-height:64px;}
.topnav .topnavright .nav:hover {background-color:#008bd2; color:#fff;}

.user-info{ float:left; padding:0 40px 0 16px; cursor:pointer; position: relative; line-height:64px; }
.user-info span{ padding:0 2px 0 6px; color:#333; font-size:14px;}
.user-avatar{ width:28px; height:28px; border-radius:28px;}
.arrow-down{ width:12px; height:8px;}
.user-popup{width:120px; display:none; text-align: left; position: absolute; background:#fff; right:30px; top:60px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); border: 1px solid #EBEEF5; border-radius:4px;}
.operate-item{ line-height:44px; font-size:14px; color: #303030; text-align: center;}
.operate-item:nth-child(1){ border-bottom:1px solid #e8e8e8;}
.nav-item{ float:left; line-height:64px; margin:0 20px 0 30px; cursor:pointer;}

/*switch */
.switch{-webkit-appearance: none; float:left; margin:20px 0 0 0; width: 54px; height:24px!important; border:1px solid #cecece!important; border-radius: 26px; position: relative; outline: none; transition: linear 0.2s;}
/*伪类*/
.switch:before{content: ''; width: 16px; height: 16px; border-radius: 50%; background: #cecece; position: absolute; top: 3px; left: 3px; transition: linear 0.2s;}
.switch:checked{box-shadow: 0 0 16px 16px #00a9f2 inset; background: #00a9f2; transition: linear 0.2s;}
.switch:checked:before{left: 48px; background: #fff; transition: linear 0.2s;}
.switch-active{ border:1px solid #1182fc!important; background: #e6f2fe;}
.switch-active:before{ top: 3px; left: 31px; background: #1182fc; transition: linear 0.2s;}

.takeOrder{ padding:0 0 0 20px; float:left;}
.takeOrder span{color:#1182fa; font-size:14px; line-height:64px; float:left; font-weight: bold; margin:0 10px 0 0;}


/* container */
.container {position:relative;width:100%;height:100%;min-height:900px;overflow:hidden;background-color:#e6e9ef;}

/*[替换z-tabnav的背景色为容器背景色]*/
.container .z-tabnav>nav li.z-active{ border-bottom:1px solid #eaedf1; }
.container .z-tabnav>nav li.z-active:hover{ background-color:#eaedf1; }

.sidebar {position:relative;float:left;width:208px;min-height:1000px;overflow:hidden;background-color:#ffffff;margin-bottom:-9999px;padding-bottom:9999px; padding-top:8px;}
.sidebar a{float:left;background-color:#fff;width:208px;height:48px;color:#3c4353; line-height:48px;padding-left:40px;cursor:pointer; margin-bottom:8px;}
.sidebar a:hover{background-color:#e6e9ef;color:#1081f9;}
.sidebar a.active{background-color:#e6e9ef;color:#1081f9; position: relative;}
.sidebar a.active::after{content:''; display: block; position: absolute; width:2px; height:24px; background:#1182fa; left:0; top:12px;}

.nav-home{ background:url(/zinc/images/home.png) no-repeat 10px;}
.nav-home.active{background:#e6e9ef url(/zinc/images/home_on.png) no-repeat 10px;}

.nav-receive{ background:url(/zinc/images/receive.png) no-repeat 10px;}
.nav-receive.active{background:#e6e9ef url(/zinc/images/receive_on.png) no-repeat 10px;}

.nav-order{ background:url(/zinc/images/order.png) no-repeat 10px;}
.nav-order.active{background:#e6e9ef url(/zinc/images/order_on.png) no-repeat 10px;}

.nav-after{ background:url(/zinc/images/after.png) no-repeat 10px;}
.nav-after.active{background:#e6e9ef url(/zinc/images/after_on.png) no-repeat 10px;}

.nav-complain{ background:url(/zinc/images/complain.png) no-repeat 10px;}
.nav-complain.active{background:#e6e9ef url(/zinc/images/complain_on.png) no-repeat 10px;}

.nav-code{ background:url(/zinc/images/code.png) no-repeat 10px;}
.nav-code.active{background:#e6e9ef url(/zinc/images/code_on.png) no-repeat 10px;}

.nav-template{ background:url(/zinc/images/template.png) no-repeat 10px;}
.nav-template.active{background:#e6e9ef url(/zinc/images/template_on.png) no-repeat 10px;}

.nav-performance{ background:url(/zinc/images/statistics.png) no-repeat 10px;}
.nav-performance.active{background:#e6e9ef url(/zinc/images/statistics_on.png) no-repeat 10px;}

.nav-examine{background:url(/zinc/images/examine.png) no-repeat 10px !important;}
.nav-examine.active{background:#e6e9ef url(/zinc/images/examine_on.png) no-repeat 10px !important;}

.nav-info{background:url(/zinc/images/user.png) no-repeat 10px !important; }
.nav-info.active{background:#e6e9ef url(/zinc/images/user_on.png) no-repeat 10px !important;}


/* iframenav */
.iframenav{position:relative;margin-left:200px;height:40px;line-height:40px;}

/* [iframenav翻页] */
.iframenav-prev,.iframenav-next{position:absolute;top:0;width:50px;height:39px;z-index:1;background:#fff;cursor:pointer;padding:0 22px;text-align:center;line-height:39px;}
.iframenav-prev:hover,.iframenav-next:hover{background-color:#f5f5f5;}
.iframenav-prev{left:0;border-right:1px solid #d3d3d3;}
.iframenav-next{right:100px;border-left:1px solid #d3d3d3;}
.iframenav-prev .z-font,.iframenav-next .z-font{color:#999;margin-left:-8px;}

/* [iframenav控制] */
.iframenav-ctrl{position:absolute;top:0;right:0;}
.iframenav-ctrl-title{position:absolute;top:0;right:0;width:100px;height:39px;z-index:1;border-left:1px solid #d3d3d3;text-align:center;line-height:39px;color:#666;background:#fff;cursor:pointer;}
.iframenav-ctrl-title:hover{background-color:#f5f5f5;}
.iframenav-ctrl-title .z-font{color:#999;margin-left:6px;font-size:10px;}
.iframenav-ctrl-wrap{position:absolute;top:39px;right:0;display:none;width:150px;height:130px;z-index:2;background-color:#fff;border:1px solid #d3d3d3;}
.iframenav-ctrl-wrap ul{padding:10px 0;}
.iframenav-ctrl-wrap ul+ul{border-top:1px solid #ccc;}
.iframenav-ctrl-wrap li{padding:0 25px;line-height:30px;cursor:pointer;}
.iframenav-ctrl-wrap li:hover{background:#f1f1f1;}

/* [iframenav选项卡] */
.iframenav-tab-wrap{height:39px;margin:0 150px 0 50px;overflow:hidden;position:relative;}
.iframenav-tab-list{position:absolute;left:0;top:0;height:39px;background-color:#fff;overflow:hidden;}
.iframenav-tab-item{position:relative;float:left;line-height:39px;border-right:1px solid #d3d3d3;padding:0 35px 0 20px;background:#fff;color:#666;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.iframenav-tab-item.active{background-color:#d4d8db;}
.iframenav-tab-item:hover{color:#222;}
.iframenav-tab-item:first-child{padding-right:23px;}

.iframenav-tab-item .z-font{position:absolute;top:2px;width:25px;line-height:39px;color:#666;font-size:12px;cursor:pointer;text-align:center;}
.iframenav-tab-item .z-error{right:0;padding-right:5px;}
.iframenav-tab-item .z-error:hover{color:#f00;}

/* [iframenav内容页] */
.iframenav-cont{}
.iframenav-cont-item{width:100%;height:100%;display:none;}
.iframenav-cont-item.active{display:block;}
.iframenav-cont-item > iframe{width:100%;height:100%;border:0;margin:0;padding:0;}

/* mainbody */
.mainbody{margin-left:208px; }
.mainbody .breadcrumb{position:relative;float:left;width:100%;}
.mainbody .content{position:relative;float:left;width:100%;padding:20px;}

/* footer */
.footer {position:relative;width:100%;height:60px;display:block;overflow:hidden;background-color:#f4f4f4;border-top:1px solid #d3d3d3;z-index:99;}
.footer-wrap {position:relative;margin:0 auto;height:100%;line-height:60px;text-align: center;color:#333;}