/* CSS Document */

/*
 *
 * Name : 新技术架构样式
 * Author : 易招标研发中心UI设计组，王瑞军
 * Version : v2.0.1
 * Date : 2016-02-14 10:30
 *
 */



/* ========== CSS Reset，重置样式，清除浏览器默认样式 ========== */

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #000;
}
body {
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
    display: inline-block;
 *display: inline;
 *zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
    font: 12px/1.5 "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
input, select, textarea {
    font-size: 100%;
}
/* 去掉浏览器默认的外轮廓 */
input, button, select, textarea {
    outline: none;
}
/* 去掉各Table  cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align*/
th {
    text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
    border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
    border: 0;
    font-variant: normal;
}
/* 一致的样式 */
del {
    text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
    list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
    text-align: left;
}
/* 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}
/* 在<q>标签之间的文字两头加上引号 */
q:before, q:after {
    content: '';
}
/* 统一上标和下标 */
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* 正常链接 未访问、已访问 */
a {
    color: #0090eb;
}
/* 鼠标悬停 */
a:hover {
    color: #ff6600;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
    text-decoration: none;
}
/* ========== CSS Reset End ========== */



/* ========== CSS Custom，自定义页面样式 ========== */

/* ----- 页面布局，两列右侧自适应布局 ----- */
body {
    min-height: 500px;
    background-color: #f1f3f5;
}
.skin {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    background-color: #f6f7fb;
}
.skin .skin-inner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 900px;
    height: 300px;
    background: url(../images/default-bg-bl.jpg) no-repeat 0px 0px;
}
.skin .skin-inner2 {
    position: absolute;
    top: 54px;
    right: 0px;
    width: 560px;
    height: 420px;
    background: url(../images/default-bg-tr.jpg) no-repeat 0px 0px;
}
.frame-head {
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
    height: 54px;
    color: #a0daff;
    background-color: #0090eb;
}
.frame-body {
    width: 100%;
    margin-top: 54px;
}
.frame-side {
    position: fixed;
    top: 54px;
    bottom: 0px;
    left: 0px;
    z-index: 999;
    width: 200px;
    border-right: #e3e3e3 1px solid;
    background-color: #fff;
}
.frame-side .frame-side-collapse {
    display: block;
    height: 24px;
    line-height: 22px;
    border-bottom: #eee 1px solid;
    text-align: center;
    position: relative;
    z-index: 999;
    background-color: #fff;
}
.frame-side .frame-side-collapse:hover {
    background-color: #f9f9f9;
}
.frame-side .frame-side-collapse .iconfont {
    font-size: 14px;
    color: #bbb;
}

.frame-main {
    margin-left: 201px;
 *margin-top: 54px;
    min-width: 929px;
}
.m-audit .frame-main {/*  审批嵌套一个没有左侧边栏的页面  */
    margin-left: 0px;
 *margin-top: 0px;
}
.frame-main-hd {
    height: 40px;
}
.frame-main-bd {
    margin: 0px 20px;
    padding-top: 10px;
}
.frame-main-bt {
    padding: 10px 25px 20px 0px;
    text-align: right;
    clear: both;
}
.frame-main-bt p {
    height: 30px;
    line-height: 30px;
    color: #999;
    text-align: center;
}
.frame-main-bt p a {
    color: #999;
    margin: 0px 6px;
}
.frame-main-bt p a:hover {
    color: #ff6600;
    text-decoration: underline;
}

/*  折叠主控台左侧菜单  */

.frame-main-lt {
    display: none;
    position: fixed;
    left: 201px;
    top: 54px;
    z-index: 997;
    bottom: 0px;
    width: 220px;
    border-right: #e3e3e3 1px solid;
    background-color: #fff;
}
.frame-main-ltlink {
    display: none;
    position: fixed;
    top: 50%;
    left: 421px;
    z-index: 997;
    margin-top: 2px;
    width: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    background: url(../images/blackbg.png) repeat 0px 0px;
}
.frame-main-ltlink:hover {
    color: #fff;
    background: url(../images/blackbg2.png) repeat 0px 0px;
}
.frame-main-ltlink .iconfont.packup {
    display: block;
}
.frame-main-ltlink .iconfont.unfold {
    display: none;
}
.collapse-frame .frame-main-ltlink .iconfont.packup {
    display: none;
}
.collapse-frame .frame-main-ltlink .iconfont.unfold {
    display: block;
}

.with-frame .frame-side {
    border-right: #eee 1px solid;
}
.with-frame .frame-main {
    padding-left: 221px;
}
.with-frame .frame-main-lt {
    display: block;
}
.with-frame .frame-main-ltlink {
    display: block;
}

.collapse .frame-main-ltlink {
    left: 291px;
}

.collapse-frame .frame-main {
    padding-left: 0px;
}
.collapse-frame .frame-main-lt {
    display: none;
}

.collapse.collapse-frame .frame-main-ltlink {
    left: 71px;
}
.collapse-frame .frame-main-ltlink {
    left: 201px;
}



/* ----- 页面顶部版块样式，包括logo、用户信息、导航 ----- */
.logo, .navigation, .userinfo {
    position: absolute;
    top: 0px;
}
/* logo */
.logo {
    position: relative;
    display: block;
    width: 200px;
    height: 54px;
    line-height: 54px;
}
.logo span {
    display: block;
    width: 200px;
    height: 54px;
}
.logo span a.mainlogo {
    display: block;
    height: 54px;
    color: #fff;
    overflow: hidden;
    width: 200px;
    line-height: 56px;
    font-size: 154px;
    vertical-align: top;
    text-align: center;
}
/* Webkit内核兼容CSS */
@media screen and (-webkit-min-device-pixel-ratio:0){
.logo span a.mainlogo {
    line-height: 38px;
}
}

.logo span a.mainlogo-mini {
    display: none;
    height: 54px;
    color: #fff;
    overflow: hidden;
    width: 70px;
    line-height: 56px;
    font-size: 44px;
    vertical-align: top;
    text-align: center;
}

.logo span a.home {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
}
.logo span:hover a.mainlogo {
    display: none;
}
.logo span:hover a.mainlogo-mini {
    display: none;
}
.logo span:hover a.home {
    display: block;
}

/* 导航菜单 */
.navigation {
    left: 200px;
    height: 54px;
    z-index: 999;
}
.m-nav {
    float: left;
    white-space: nowrap;
}
.m-nav .m-nav-item {
    position: relative;
    float: left;
    height: 54px;
    font-size: 15px;
}
.m-nav .m-nav-item:hover, .m-nav .m-nav-item.z-current, .m-nav .m-nav-item:active {
    background-color: #0089df;
}
.m-nav .m-nav-item .m-nav-first {
    float: left;
    height: 54px;
    line-height: 54px;
    padding: 0px 15px;
    color: #fff;
}
.m-nav .m-nav-item .m-nav-first em {
    display: inline-block;
    padding: 0px 5px;
}
.m-nav .m-nav-item .m-nav-first .iconfont {
    display: inline-block;
    width: 24px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
}
.m-nav .m-nav-item .m-nav-first img {
    float: left;
}
.m-nav .m-nav-item .m-nav-first .iconfont.arrow {
    width: 16px;
    font-size: 17px;
}
/*  导航栏，产品列表框  */
.nav-prolist {
    position: absolute;
    top: 54px;
    left: 0px;
    z-index: 998;
    display: none;
    width: 400px;
    padding: 10px 15px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border: #e3e3e3 1px solid;
    background-color: #fff;
}
.nav-prolist a {
    float: left;
    width: 100px;
    height: 86px;
    margin: 5px 0px;
    padding: 5px 0px;
}
.nav-prolist a .iconfont {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin: 4px auto 0px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 25px;
    background-color: #eee;
}
.nav-prolist a.np01 .iconfont {
    background-color: #4cb9ff;
}
.nav-prolist a.np02 .iconfont {
    background-color: #ffaa00;
}
.nav-prolist a.np03 .iconfont {
    background-color: #fb6d9d;
}
.nav-prolist a.np04 .iconfont {
    background-color: #34d3eb;
}
.nav-prolist a em {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-top: 6px;
    font-size: 14px;
    color: #666;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav-prolist{width: 180px;padding: 10px 0 10px 0;}
.nav-prolist a .iconfont{display: none;}
.nav-prolist a{height: 40px;line-height: 40px;padding: 0;margin: 0;width: 100%;display: block;float: none;}
.nav-prolist a:hover{background-color: #f5f6f7;}
.nav-prolist a em{height: 40px;line-height:40px;margin: 0;padding: 0;text-align: left;padding-left: 30px;}
/* 用户信息 */
.userinfo {
    right: 0px;
    z-index: 1000;
    background-color: #0090eb;
}
.userinfo .m-nav .m-nav-item .m-nav-first {
    padding: 0px 10px;
    font-size: 14px;
    color: #bae4ff;
}
.userinfo .m-nav .m-nav-item .m-nav-first span {
    position: absolute;
    top: 6px;
    right: 2px;
    display: block;
    width: auto;
    padding: 0px 6px;
    line-height: 18px;
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    font-family: arial;
    background-color: #ff9900;
}
.userinfo .m-nav .m-nav-item .m-nav-first .iconfont {
    width: 28px;
    font-size: 20px;
}
.userinfo .m-nav .m-nav-item .m-nav-first .iconfont.arrow {
    width: 16px;
    font-size: 17px;
}
.userinfo .m-nav .m-nav-item .m-nav-first em {
    padding: 0px 4px;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.userinfo .m-nav .m-nav-item .m-nav-first img {
    float: left;
    width: 28px;
    height: 28px;
    margin: 13px 2px;
    border-radius: 20px;
}
/*  导航栏，消息中心、帮助中心、用户信息下拉框  */
.nav-dropdown {
    position: absolute;
    top: 54px;
    z-index: 998;
    display: block;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border: #e3e3e3 1px solid;
    border-top: none;
    font-size: 14px;
    background-color: #fff;
}
.nav-dropdown h2 {
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    color: #444;
    text-align: center;
    border-bottom: #eee 1px solid;
}
.nd-operatelink {
    display: block;
    padding: 10px 0px;
    border-top: #eee 1px solid;
    overflow: hidden;
}
.nd-operatelink a {
    float: left;
    width: 210px;
    height: 36px;
    line-height: 36px;
    padding: 0px 15px;
    font-size: 14px;
    color: #444;
}
.nd-operatelink .iconfont {
    float: left;
    width: 24px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    font-size: 18px;
    color: #aaa;
}
.nd-operatelink .iconfont.arrow {
    position: absolute;
    right: 0px;
    width: 30px;
    color: #ccc;
}
.nd-operatelink a:hover {
    background-color: #f9f9f9;
}

/*  帮助中心下拉框  */
.nav-dropdown.helpcenter {
    right: -96px;
    width: 240px;
}
.nd-helpcenter-main {
    display: block;
    width: 210px;
    padding: 0px 15px;
    margin: 15px 0px;
}
.nd-helpcenter-main .hcm-select {
    position: relative;
    height: 36px;
    margin-bottom: 8px;
}
.hcm-select select {
    display: block;
    width: 210px;
    height: 38px;
    line-height: 38px;
    padding: 0px 10px;
    border: #e3e3e3 1px solid;
    border-radius: 2px;
    opacity: 0.01;
	filter: alpha(opacity=1);
}
.hcm-select span, .hcm-select select {
    position: absolute;
    top: 0px;
}
.hcm-select span {
    position: relative;
    display: block;
    width: 188px;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    border: #e3e3e3 1px solid;
    border-radius: 3px;
    color: #666;
}
.hcm-select span .iconfont {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666;
}
.nd-helpcenter-main .hcm-textarea {
    position: relative;
    display: block;
    margin-bottom: 8px;
}
.nd-helpcenter-main textarea {
    display: block;
    width: 188px;
    padding: 8px 10px;
    border: #e3e3e3 1px solid;
    border-radius: 3px;
    color: #666;
}
.nd-helpcenter-main .hcm-textarea a {
    position: absolute;
    bottom: 2px;
    left: 3px;
    display: block;
    width: 180px;
    height: 26px;
    line-height: 26px;
    padding-left: 7px;
    background-color: #fff;
}
.nd-helpcenter-main .hcm-textarea a .iconfont {
    color: #aaa;
    font-size: 18px;
}
.nd-helpcenter-main .hcm-textarea a:hover .iconfont {
    color: #0090eb;
}
.nd-helpcenter-main .hcm-button {
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    background-color: #1da7ff;
}
.nd-helpcenter-main .hcm-button:hover {
    background-color: #4fbaff;
}
/* 用户信息下拉框 */
.nav-dropdown.userinfo {
    right: 0px;
    width: 220px;
}
.nd-uinfo-hd {
    display: block;
    padding: 15px;
}
.nd-uinfo-hd .pic {
    display: block;
    height: 60px;
}
.nd-uinfo-hd .pic img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    margin: 0px auto;
}
.nd-uinfo-hd p {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nd-uinfo-hd .name {
    height: 30px;
    line-height: 30px;
    padding-top: 4px;
    font-size: 16px;
    color: #444;
}
.nd-uinfo-hd .text {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.nd-uinfo-role {
    display: block;
    padding: 6px 0px;
}
.nd-uinfo-role {
    border-top: #eee 1px solid;
}
.nd-uinfo-role a {
    display: block;
    padding: 0px 15px;
    height: 36px;
    line-height: 36px;
}
.nd-uinfo-role {
    position: relative;
}
.nd-uinfo-role a {
    position: absolute;
    right: 0px;
    top: 6px;
    padding: 0px 15px;
    font-size: 12px;
}
.nd-uinfo-role em {
    display: block;
    padding: 0px 15px;
    height: 36px;
    line-height: 36px;
    color: #444;
}
.nd-uinfo-role .iconfont {
    float: left;
    width: 26px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    font-size: 18px;
    color: #aaa;
}

/*  消息中心下拉模块  */
.nav-dropdown.message {
    right: -136px;
    width: 320px;
}
.nd-msglist {
    display: block;
}
.nd-msglist li {
    display: block;
    padding: 6px 15px;
}
.nd-msglist li:hover {
    background-color: #f9f9f9;
}
.nd-msglist li + li {
    border-top: #eee 1px solid;
}
.nd-msglist li span {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nd-msglist li p {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}
.nd-msglist li p em {
    float: left;
}
.nd-msglist li p em + em {
    margin-left: 15px;
}
.nav-dropdown.message .msg-more {
    display: block;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #444;
    text-align: center;
}


/* ----- 左侧快捷菜单 ----- */
.shortcut {
    overflow: hidden;
    width: 200px;
    margin: 5px 0px;
}
.shortcut li {
    display: block;
}
.shortcut li .shortcut-item {
    position: relative;
    display: block;
    width: 160px;
    height: 42px;
    padding-right: 40px;
    font-size: 14px;
    color: #333;
}
.shortcut li .shortcut-item .iconfont {
    float: left;
    width: 40px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #999;
}
.shortcut li .shortcut-item .iconfont.st-arrow {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 13px;
}
.shortcut li .shortcut-item em {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 40px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color: #ff7700;
}
.shortcut li .shortcut-item span {
    float: left;
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shortcut li .shortcut-item-list {
    width: 100%;
    overflow: hidden;
}
.shortcut li dl dt {
    display: none;
}
.shortcut li dl dd {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.shortcut li dl dd a {
    float: left;
    width: 140px;
    height: 36px;
    line-height: 36px;
    padding: 0px 20px 0px 40px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.shortcut li dl dd.withnum {
    position: relative;
}
.shortcut li dl dd.withnum a {
    width: 120px;
    padding: 0px 40px;
}
.shortcut li dl dd.withnum em {
    position: absolute;
    right: 0px;
    display: block;
    width: 40px;
    font-size: 14px;
    color: #ff7700;
    text-align: center;
}
.shortcut li.z-current span, .shortcut li.z-current .iconfont, .shortcut dd.z-current a {
    color: #ff8800;
}
.shortcut li.contains-subnav.z-current span {
    color: #333;
}
.shortcut li.contains-subnav.z-current .iconfont {
    color: #999;
}

/* ----- 左侧导航收起样式 ----- */
.collapse .logo, .collapse .frame-side {
    width: 70px;
}
.collapse .logo .mainlogo {
    display: none;
}
.collapse .logo .mainlogo-mini {
    display: block;
}
.collapse .frame-main-lt {
    left: 71px;
}
.collapse .navigation {
    left: 70px;
}
.collapse .frame-main {
    margin-left: 71px;
}
.collapse .logo a.zcjb {
    display: none;
}
.collapse .shortcut {
    width: 70px;
    margin: 0px;
    overflow: inherit;
}
.collapse .shortcut .shortcut-item, .collapse .shortcut li.contains-subnav .shortcut-item {
    display: block;
    width: 70px;
    height: 54px;
    line-height: 54px;
    padding: 0px;
    margin: 0px;
}
.collapse .shortcut .shortcut-item span {
    display: none;
}
.collapse .shortcut .shortcut-item em {
    top: 5px;
    right: 5px;
    width: auto;
    padding: 0px 6px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    border-radius: 9px;
    background-color: #ff8800;
}
.collapse .shortcut .shortcut-item .iconfont {
    display: block;
    width: 70px;
    height: 54px;
    line-height: 54px;
    margin: 0px;
    padding: 0px;
}
.collapse .shortcut li {
    position: relative;
}
.collapse .shortcut li .shortcut-item-list {
    display: none;
    position: absolute;
    left: 70px;
    top: 0px;
    z-index: 998;
    width: auto;
    overflow: inherit;
    padding-bottom: 10px;
    background-color: #3e3e3e;
    border-radius: 2px;
}
.collapse .shortcut li:hover .shortcut-item-list, .collapse .shortcut li .shortcut-item-list dt {
    display: block;
}
.collapse .shortcut li .shortcut-item-list dt {
    position: relative;
    height: 34px;
    line-height: 34px;
    padding: 10px 20px 0px 20px;
    white-space: nowrap;
    color: #ccc;
}
.collapse .shortcut li .shortcut-item-list dt em {
    position: absolute;
    left: -10px;
    top: 14px;
    font-size: 20px;
    font-family: '宋体';
    font-style: normal;
    line-height: 1;
    color: #3e3e3e;
}
.collapse .shortcut li .shortcut-item-list dd {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
}
.collapse .shortcut .shortcut-item-list dd a {
    display: block;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0px 50px 0px 30px;
    font-size: 12px;
    width: 100%;
    min-width: 180px;
    box-sizing: border-box;
}
.collapse .shortcut li:hover, .collapse .shortcut li.z-current {
    background-color: #f1f3f5;
}
.collapse .shortcut .shortcut-item-list dd a:hover {
    background-color: #343434;
}
.collapse .shortcut .shortcut-item-list dd.withnum a {
    padding-right: 40px;
}
.collapse .shortcut li dl dd.withnum em {
    right: 20px;
    width: auto;
    text-align: right;
}
.collapse .shortcut li.z-current .iconfont {
    color: #ff8800;
}
 .collapse .shortcut dd.z-current a, .collapse .shortcut li dl dd.withnum em {
     color: #ff9900;
 }

/* ----- 右侧主体部分，头部区域 ----- */
.ancillary {
    position: absolute;
    right: 20px;
    top: 0px;
    height: 42px;
    line-height: 42px;
}
.ancillary ul li {
    float: left;
    padding-left: 15px;
    color: #7c87a5;
}
/* ----- 右侧主体部分，搜索区域 ----- */
.search {
    position: relative;
    padding: 15px 10px;
    border: #ddd 1px solid;
    background-color: #f9f9f9;
}



/* ========== CSS Custom End ========== */



/* ========== CSS Unit，不可再分的较为小巧的个体，通常被重复使用在各种模块中 ========== */

/* -------- 按钮元件 -------- */
/* 按钮通用样式 */
.u-button * {
    margin: 0;
    padding: 0;
}
.u-button {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    overflow: visible;  /* 解决ie7下padding值明显增大的问题，问题参考：http://blog.csdn.net/jyy_12/article/details/6636099 */
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;  /* 解决ie6折行的问题 */
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
/*.u-button:hover, .u-button:active {
	position: relative;
	z-index: 2;
}*/

/*  -------- 按钮大小样式 --------  */
/* 特大按钮 */
.u-button-xxlwhite, .u-button-xxlblue, .u-button-xxlred, .u-button-xxlorange, .u-button-xxlgreen, .u-button-xxlnoborder {
    padding: 0px 14px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}
button.u-button-xxlwhite, button.u-button-xxlblue, button.u-button-xxlred, button.u-button-xxlorange, button.u-button-xxlgreen, button.u-button-xxlnoborder {
 *padding: 0px 13px;  /* 解决ie7下button的边框值会增加宽度的问题（左右减1px） */
    height: 40px;   /* 解决button的高度包含border高度问题 */
 *line-height: 36px;
}
/*  只有图标的超大按钮  */
.u-button-xxlwhite.u-button-icononly, .u-button-xxlblue.u-button-icononly, .u-button-xxlred.u-button-icononly, .u-button-xxlorange.u-button-icononly, .u-button-xxlgreen.u-button-icononly, .u-button-xxlnoborder.u-button-icononly {
    padding: 0px 10px;
}
button.u-button-xxlwhite.u-button-icononly, button.u-button-xxlblue.u-button-icononly, button.u-button-xxlred.u-button-icononly, button.u-button-xxlorange.u-button-icononly, button.u-button-xxlgreen.u-button-icononly, button.u-button-xxlnoborder.u-button-icononly {
 *padding:0px 9px /*  IE7下，button的宽度包含边框，所以左右减1px  */
}
/* 解决firefox下button左右多出各3px间距问题 */
@-moz-document url-prefix() {
 button.u-button-xxlwhite, button.u-button-xxlblue, button.u-button-xxlred, button.u-button-xxlorange, button.u-button-xxlgreen, button.u-button-xxlnoborder {
 padding: 0px 11px;
 line-height: 34px;   /* 解决firefox下button的文字下移的问题 */
}
 button.u-button-xxlwhite.u-button-icononly, button.u-button-xxlblue.u-button-icononly, button.u-button-xxlred.u-button-icononly, button.u-button-xxlorange.u-button-icononly, button.u-button-xxlgreen.u-button-icononly, button.u-button-xxlnoborder.u-button-icononly {
 padding:0px 7px;  /*  解决左右多出3px间距问题  */
}
}
/* 超大按钮的图标大小 */
.u-button-xxlwhite .iconfont, .u-button-xxlblue .iconfont, .u-button-xxlred .iconfont, .u-button-xxlorange .iconfont, .u-button-xxlgreen .iconfont, .u-button-xxlnoborder .iconfont {
    font-size: 17px;
}
/* 大按钮 */
.u-button-xlwhite, .u-button-xlblue, .u-button-xlred, .u-button-xlorange, .u-button-xlgreen, .u-button-xlnoborder {
    padding: 0px 11px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
button.u-button-xlwhite, button.u-button-xlblue, button.u-button-xlred, button.u-button-xlorange, button.u-button-xlgreen, button.u-button-xlnoborder {
 *padding: 0px 10px;  /* 解决ie7下button的边框值会增加宽度的问题（左右减1px） */
    height: 34px;   /* 解决button的高度包含border高度问题 */
 *line-height: 30px;
}
/*  只有图标的较大按钮  */
.u-button-xlwhite.u-button-icononly, .u-button-xlblue.u-button-icononly, .u-button-xlred.u-button-icononly, .u-button-xlorange.u-button-icononly, .u-button-xlgreen.u-button-icononly, .u-button-xlnoborder.u-button-icononly {
    padding: 0px 8px;
}
button.u-button-xlwhite.u-button-icononly, button.u-button-xlblue.u-button-icononly, button.u-button-xlred.u-button-icononly, button.u-button-xlorange.u-button-icononly, button.u-button-xlgreen.u-button-icononly, button.u-button-xlnoborder.u-button-icononly {
 *padding:0px 7px;   /*  IE7下button宽度包含边框，所以左右减1px  */
}
/* 解决firefox下button左右多出各3px间距问题 */
@-moz-document url-prefix() {
 button.u-button-xlwhite, button.u-button-xlblue, button.u-button-xlred, button.u-button-xlorange, button.u-button-xlgreen, button.u-button-xlnoborder {
 padding: 0px 8px;
 line-height: 30px;   /* 解决firefox下button的文字下移的问题 */
}
 button.u-button-xlwhite.u-button-icononly, button.u-button-xlblue.u-button-icononly, button.u-button-xlred.u-button-icononly, button.u-button-xlorange.u-button-icononly, button.u-button-xlgreen.u-button-icononly, button.u-button-xlnoborder.u-button-icononly {
 padding:0px 5px;   /*  解决左右多出3px间距问题  */
}
}
/* 大按钮的图标大小 */
.u-button-xlwhite .iconfont, .u-button-xlblue .iconfont, .u-button-xlred .iconfont, .u-button-xlorange .iconfont, .u-button-xlgreen .iconfont, .u-button-xlnoborder .iconfont {
    font-size: 16px;
    vertical-align: middle;
}
/* 正常按钮 */
.u-button-lwhite, .u-button-lblue, .u-button-lred, .u-button-lorange, .u-button-lgreen, .u-button-lnoborder {
    padding: 0px 9px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
button.u-button-lwhite, button.u-button-lblue, button.u-button-lred, button.u-button-lorange, button.u-button-lgreen, button.u-button-lnoborder {
 *padding: 0px 8px;  /* 解决ie7下button的边框值会增加宽度的问题 */
    height: 30px;   /* 解决button的高度包含border高度问题 */
 *line-height: 26px;
}
/*  只有图标的正常按钮  */
.u-button-lwhite.u-button-icononly, .u-button-lblue.u-button-icononly, .u-button-lred.u-button-icononly, .u-button-lorange.u-button-icononly, .u-button-lgreen.u-button-icononly, .u-button-lnoborder.u-button-icononly {
    padding: 0px 6px;
}
button.u-button-lwhite.u-button-icononly, button.u-button-lblue.u-button-icononly, button.u-button-lred.u-button-icononly, button.u-button-lorange.u-button-icononly, button.u-button-lgreen.u-button-icononly, button.u-button-lnoborder.u-button-icononly {
 *padding: 0px 5px;  /*  IE7下button宽度包含边框，所以左右减1px  */
}
/* 解决firefox下button左右多出各3px间距问题 */
@-moz-document url-prefix() {
 button.u-button-lwhite, button.u-button-lblue, button.u-button-lred, button.u-button-lorange, button.u-button-lgreen, button.u-button-lnoborder {
 padding: 0px 6px;
 line-height: 26px;   /* 解决firefox下button的文字下移的问题 */
}
 button.u-button-lwhite.u-button-icononly, button.u-button-lblue.u-button-icononly, button.u-button-lred.u-button-icononly, button.u-button-lorange.u-button-icononly, button.u-button-lgreen.u-button-icononly, button.u-button-lnoborder.u-button-icononly {
 padding:0px 3px;   /*  解决左右多出3px间距问题  */
}
}
/* 正常按钮的图标大小 */
.u-button-lwhite .iconfont, .u-button-lblue .iconfont, .u-button-lred .iconfont, .u-button-lorange .iconfont, .u-button-lgreen .iconfont, .u-button-lnoborder .iconfont {
    font-size: 14px;
}
/* 较小按钮 */
.u-button-mwhite, .u-button-mblue, .u-button-mred, .u-button-morange, .u-button-mgreen, .u-button-mnoborder {
    padding: 0px 6px;
    height: 24px;
    line-height: 26px;
    line-height: 24px\9;   /* 解决IE下文字下移的问题 */
    font-size: 12px;
}
button.u-button-mwhite, button.u-button-mblue, button.u-button-mred, button.u-button-morange, button.u-button-mgreen, button.u-button-mnoborder {
 *padding: 0px 5px; /* 解决ie7下button的边框值会增加宽度的问题 */
    height: 26px;   /* 解决button的高度包含border高度问题 */
 *line-height: 22px;
}
/*  只有图标的较小按钮  */
.u-button-mwhite.u-button-icononly, .u-button-mblue.u-button-icononly, .u-button-mred.u-button-icononly, .u-button-morange.u-button-icononly, .u-button-mgreen.u-button-icononly, .u-button-mnoborder.u-button-icononly {
    padding: 0px 5px;
}
button.u-button-mwhite.u-button-icononly, button.u-button-mblue.u-button-icononly, button.u-button-mred.u-button-icononly, button.u-button-morange.u-button-icononly, button.u-button-mgreen.u-button-icononly, button.u-button-mnoborder.u-button-icononly {
 *padding: 0px 4px;
}
/* 解决firefox下特殊问题，如果左右多出3px间距问题 */
@-moz-document url-prefix() {
 .u-button-mwhite, .u-button-mblue, .u-button-mred, .u-button-morange, .u-button-mgreen, .u-button-mnoborder {
 line-height: 24px;
}
 button.u-button-mwhite, button.u-button-mblue, button.u-button-mred, button.u-button-morange, button.u-button-mgreen, button.u-button-mnoborder {
 padding:0px 3px;
 line-height: 22px;   /* 解决firefox下button的文字下移的问题 */
}
 button.u-button-mwhite.u-button-icononly, button.u-button-mblue.u-button-icononly, button.u-button-mred.u-button-icononly, button.u-button-morange.u-button-icononly, button.u-button-mgreen.u-button-icononly, button.u-button-mnoborder.u-button-icononly {
 padding:0px 2px;   /*  解决左右多出3px间距问题  */
}
}
.u-button-mwhite .iconfont, .u-button-mblue .iconfont, .u-button-mred .iconfont, .u-button-morange .iconfont, .u-button-mgreen .iconfont, .u-button-mnoborder .iconfont {
    font-size: 14px;
}
/* 最小按钮 */
.u-button-swhite, .u-button-sblue, .u-button-sred, .u-button-sorange, .u-button-sgreen, .u-button-snoborder {
    padding: 0px 6px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
button.u-button-swhite, button.u-button-sblue, button.u-button-sred, button.u-button-sorange, button.u-button-sgreen, button.u-button-snoborder {
 *padding: 0px 5px; /* 解决ie7下button的边框值会增加宽度的问题 */
    height: 22px;   /* 解决button的高度包含border高度问题 */
 *line-height: 16px;  /* 解决ie7下button的文字偏下问题 */
}
/* 只有图标的最小按钮 */
.u-button-swhite.u-button-icononly, .u-button-sblue.u-button-icononly, .u-button-sred.u-button-icononly, .u-button-sorange.u-button-icononly, .u-button-sgreen.u-button-icononly, .u-button-snoborder.u-button-icononly {
    padding: 0px 4px;
}
button.u-button-swhite.u-button-icononly, button.u-button-sblue.u-button-icononly, button.u-button-sred.u-button-icononly, button.u-button-sorange.u-button-icononly, button.u-button-sgreen.u-button-icononly, button.u-button-snoborder.u-button-icononly {
 *padding: 0px 3px;
}
/* 解决firefox下button左右多出各3px间距问题 */
@-moz-document url-prefix() {
 button.u-button-swhite, button.u-button-sblue, button.u-button-sred, button.u-button-sorange, button.u-button-sgreen, button.u-button-snoborder {
 padding:0px 3px;
 line-height: 18px;   /* 解决firefox下button的文字下移的问题 */
}
 button.u-button-swhite.u-button-icononly, button.u-button-sblue.u-button-icononly, button.u-button-sred.u-button-icononly, button.u-button-sorange.u-button-icononly, button.u-button-sgreen.u-button-icononly, button.u-button-snoborder.u-button-icononly {
 padding: 0px 1px;   /* 仅图标按钮左右内间距设置了缩小，为保证一致button下也缩小左右内间距 */
}
}
.u-button-swhite .iconfont, .u-button-sblue .iconfont, .u-button-sred .iconfont, .u-button-sorange .iconfont, .u-button-sgreen .iconfont, .u-button-snoborder .iconfont {
    font-size: 12px;
    vertical-align: top;
    vertical-align: middle\9;
 *vertical-align: middle;
}
/* -------- 按钮颜色样式 -------- */
/* 蓝色按钮 */
.u-button-xxlblue, .u-button-xlblue, .u-button-lblue, .u-button-mblue, .u-button-sblue {
    border: 1px solid #0095f3;
    color: #fff;
    background-color: #0095f3;
}
.u-button-xxlblue:hover, .u-button-xlblue:hover, .u-button-lblue:hover, .u-button-mblue:hover, .u-button-sblue:hover {
    border: 1px solid #1da7ff;
    color: #fff;
    background-color: #1da7ff;
}

/* 绿色按钮 */
.u-button-xxlgreen, .u-button-xlgreen, .u-button-lgreen, .u-button-mgreen, .u-button-sgreen {
    border: 1px solid #1cbd5f;
    color: #fff;
    background-color: #1cbd5f;
}
.u-button-xxlgreen:hover, .u-button-xlgreen:hover, .u-button-lgreen:hover, .u-button-mgreen:hover, .u-button-sgreen:hover {
    border: 1px solid #33cf74;
    color: #fff;
    background-color: #33cf74;
}

/* 红色按钮 */
.u-button-xxlred, .u-button-xlred, .u-button-lred, .u-button-mred, .u-button-sred {
    border: 1px solid #f56744;
    color: #fff;
    background-color: #f56744;
}
.u-button-xxlred:hover, .u-button-xlred:hover, .u-button-lred:hover, .u-button-mred:hover, .u-button-sred:hover {
    border: 1px solid #ff7e5e;
    color: #fff;
    background-color: #ff7e5e;
}

/* 橙色按钮 */
.u-button-xxlorange, .u-button-xlorange, .u-button-lorange, .u-button-morange, .u-button-sorange {
    border: 1px solid #ff9000;
    color: #fff;
    background-color: #ff9000;
}
.u-button-xxlorange:hover, .u-button-xlorange:hover, .u-button-lorange:hover, .u-button-morange:hover, .u-button-sorange:hover {
    border: 1px solid #ff9f22;
    color: #fff;
    background-color: #ff9f22;
}

/* 白色按钮 */
.u-button-xxlwhite, .u-button-xlwhite, .u-button-lwhite, .u-button-mwhite, .u-button-swhite {
    border: 1px solid #ccc;
    color: #333;
    background-color: #fff;
}
.u-button-xxlwhite:hover, .u-button-xlwhite:hover, .u-button-lwhite:hover, .u-button-mwhite:hover, .u-button-swhite:hover {
    border: 1px solid #ccc;
    color: #333;
    background-color: #f3f3f3;
}

/* 无边框按钮 */
.u-button-lnoborder, .u-button-mnoborder, .u-button-snoborder {
    border: 1px solid #fff;
    border-color: transparent;
    color: #333;
    background-color: transparent;
}
.u-button-lnoborder:hover, .u-button-mnoborder:hover, .u-button-snoborder:hover {
    border: 1px solid #d9d9d9;
    color: #333;
    background-color: #fff;
}

/* -------- 按钮disabled状态样式 -------- */
/* 蓝色禁用样式  */
.u-button-xxlblue.z-disabled, .u-button-xlblue.z-disabled, .u-button-lblue.z-disabled, .u-button-mblue.z-disabled, .u-button-sblue.z-disabled, .u-button-xxlorange.z-disabled:hover, .u-button-xlorange.z-disabled:hover, .u-button-lorange.z-disabled:hover, .u-button-morange.z-disabled:hover, .u-button-sblue.z-disabled:hover, button.u-button-xxlblue[disabled], button.u-button-xlblue[disabled], button.u-button-lblue[disabled], button.u-button-mblue[disabled], button.u-button-sblue[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #0095f3;
    color: #fff;
    background-color: #0095f3;
}
/*  绿色禁用样式  */
.u-button-xxlgreen.z-disabled, .u-button-xlgreen.z-disabled, .u-button-lgreen.z-disabled, .u-button-mgreen.z-disabled, .u-button-sgreen.z-disabled, .u-button-xxlorange.z-disabled:hover, .u-button-xlorange.z-disabled:hover, .u-button-lorange.z-disabled:hover, .u-button-morange.z-disabled:hover, .u-button-sgreen.z-disabled:hover, button.u-button-xxlgreen[disabled], button.u-button-xlgreen[disabled], button.u-button-lgreen[disabled], button.u-button-mgreen[disabled], button.u-button-sgreen[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #1cbd5f;
    color: #fff;
    background-color: #1cbd5f;
}
/*  红色禁用样式  */
.u-button-xxlred.z-disabled, .u-button-xlred.z-disabled, .u-button-lred.z-disabled, .u-button-mred.z-disabled, .u-button-sred.z-disabled, .u-button-xxlorange.z-disabled:hover, .u-button-xlorange.z-disabled:hover, .u-button-lorange.z-disabled:hover, .u-button-morange.z-disabled:hover, .u-button-sred.z-disabled:hover, button.u-button-xxlred[disabled], button.u-button-xlred[disabled], button.u-button-lred[disabled], button.u-button-mred[disabled], button.u-button-sred[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #f56744;
    color: #fff;
    background-color: #f56744;
}
/*  橙色禁用样式  */
.u-button-xxlorange.z-disabled, .u-button-xlorange.z-disabled, .u-button-lorange.z-disabled, .u-button-morange.z-disabled, .u-button-sorange.z-disabled, .u-button-xxlorange.z-disabled:hover, .u-button-xlorange.z-disabled:hover, .u-button-lorange.z-disabled:hover, .u-button-morange.z-disabled:hover, .u-button-sorange.z-disabled:hover, button.u-button-xxlorange[disabled], button.u-button-xlorange[disabled], button.u-button-lorange[disabled], button.u-button-morange[disabled], button.u-button-sorange[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #ff9000;
    color: #fff;
    background-color: #ff9000;
}
/*  白色禁用样式  */
.u-button-xxlwhite.z-disabled, .u-button-xlwhite.z-disabled, .u-button-lwhite.z-disabled, .u-button-mwhite.z-disabled, .u-button-swhite.z-disabled, .u-button-xxlwhite.z-disabled:hover, .u-button-xlwhite.z-disabled:hover, .u-button-lwhite.z-disabled:hover, .u-button-mwhite.z-disabled:hover, .u-button-swhite.z-disabled:hover, button.u-button-xxlwhite[disabled], button.u-button-xlwhite[disabled], button.u-button-lwhite[disabled], button.u-button-mwhite[disabled], button.u-button-swhite[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #ccc;
    color: #999;
    background-color: #fff;
}
/* -------- 通用自定义按钮组合 --------  */
.u-button-group {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    border-radius: 2px;
}
.u-button-group .u-button {
    margin-left: -1px;
 *margin-left: -2px;
    border-radius: 0;
}
.u-button-group .u-button:first-child, .u-button-group .u-input:first-child {
    margin-left: 0;
    border-radius: 2px 0 0 2px;
}
.u-button-group .u-button:nth-last-of-type(1) {
    border-radius: 0 2px 2px 0;
}
/* -------- 特殊样式的button按钮 --------  */
/* 带有checkbox功能的button */
.u-button-checked {
    position: relative;
}
.u-button-checked .icon {
    position: absolute;
    display: none;
    width: 12px;
    height: 12px;
    background: url(../images/u-button-checked.png) no-repeat 0px 0px;
}
.u-button-checked:hover, .u-button-checked.z-current {
    border: #0095f3 1px solid;
}
.u-button-checked.z-current .icon {
    display: block;
    right: 0px;
    bottom: 0px;
}
/* ----- 下拉菜单，多项选择下拉、带搜索框下拉等 ----- */
.u-dropmenu {
    position: relative;
    z-index: 122;
    display: inline-block;
 *display: inline;
 *zoom: 1;
    vertical-align: middle;
}
/* 下拉列表按钮  */
.u-dropmenu .u-dropmenu-button {
    display: block;
    padding: 0px 34px 0px 10px;
    height: 30px;
    line-height: 30px;
    border: #d9d9d9 1px solid;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    background-color: #fff;
}
.u-dropmenu .u-dropmenu-button:hover {
    border: #999 1px solid;
}
.u-dropmenu .u-dropmenu-button .iconfont {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #999;
    background-color: #fff;
}
.u-dropmenu .u-dropmenu-button-small {
    padding: 0px 25px 0px 10px;
    height: 24px;
    line-height: 24px;
}
.u-dropmenu .u-dropmenu-button-small .iconfont {
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.u-dropmenu .u-dropmenu-button-large {
    padding: 0px 33px 0px 10px;
    height: 32px;
    line-height: 32px;
}
.u-dropmenu .u-dropmenu-button-large .iconfont {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
/* 链接下拉列表，3种大小 */
.u-dropmenu-large, .u-dropmenu-middle, .u-dropmenu-small {
    position: absolute;
    z-index: 124;
    display: none;
    margin: -1px 0px 0px;
    padding: 10px 0px;
    border: #ccc 1px solid;
    text-align: left;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    white-space: nowrap;
}
.u-dropmenu-right {
    text-align: right;
}
.u-dropmenu-search.u-dropmenu-right {
    text-align: left;
}
.u-dropmenu-large, .u-dropmenu-large li a {
    font-size: 12px;
    line-height: 34px;
}
.u-dropmenu-middle, .u-dropmenu-middle li a {
    font-size: 12px;
    line-height: 30px;
}
.u-dropmenu-small, .u-dropmenu-small li a {
    font-size: 12px;
    line-height: 26px;
}
.u-dropmenu li {
    display: block;
    overflow: hidden;
}
.u-dropmenu-large li a, .u-dropmenu-middle li a, .u-dropmenu-small li a {
    display: block;
    color: #555;
}
.u-dropmenu-large li a {
    padding: 0px 24px;
}
.u-dropmenu-middle li a {
    padding: 0px 20px;
}
.u-dropmenu-small li a {
    padding: 0px 18px;
}
.u-dropmenu-large li a:hover, .u-dropmenu-middle li a:hover, .u-dropmenu-small li a:hover {
    color: #fff;
    background-color: #0095f3;
    text-decoration: none;
}
/*  输入框录入型多标签选择下拉列表  */
.u-dropmenu-tag {
    position: relative;
    overflow: hidden;
    padding-right: 30px;
    border: #d9d9d9 1px solid;
    z-index: 120;
}
.u-dropmenu-tag input {
    width: 100%;
    border: none;
    padding: 0px 10px;
    height: 28px;
    line-height: 28px;
    resize: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.u-dropmenu-tag .u-dropmenu-icon {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 130;
    width: 18px;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    padding: 0px 5px;
    box-shadow: none;
    border-left: #d9d9d9 1px solid;
    border-radius: 0px 2px 2px 0px;
}
.u-dropmenu-tag .u-dropmenu-icon:hover {
    background-color: #f3f3f3;
}
.u-dropmenu-tag .u-dropmenu-icon .iconfont {
    position: relative;
    top: 50%;
    float: left;
    margin-top: -9px;
    color: #666;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}
.u-dropmenu-tag .tag-wrap {
    overflow: hidden;
    padding-bottom: 4px;
    font-size: 12px;
    cursor: pointer;
    min-height: 24px;
}
.u-dropmenu-tag .tag-wrap a {
    padding: 1px 3px 1px 6px;
    margin: 4px 0px 0px 5px;
    height: 20px;
    line-height: 20px;
    float: left;
    border-radius: 2px;
    cursor: pointer;
    pointer-events: auto;
    color: #333;
    white-space: nowrap;
    background-color: #f1f1f1;
}
.u-dropmenu-tag .tag-wrap a.z-current, .u-dropmenu-tag .tag-wrap a:hover {
    color: #fff;
    background-color: #25c762;
}
.u-dropmenu-tag .tag-wrap a .iconfont {
    font-size: 14px;
    margin-left: 2px;
}
.u-dropmenu-tag .u-button .more, .u-dropmenu-tag .u-button .arrow {
    position: absolute;
}
/*  下拉列表扩展的公用样式  */
.u-dropmenu-choose {
    padding: 0px;
    margin: -1px 0px 0px;
    border: #ccc 1px solid;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
}
.u-dropmenu-choose .u-dropmenu-list {
    max-height: 240px;
    margin: 6px 0px;
    overflow-y: auto;
}
/*  下拉选项列表包含默认checkbox的公用样式  */
.u-dropmenu-choose {
    width: 250px;
}
.u-dropmenu-choose .u-dropmenu-form .u-input {
    width: 198px;
}
.u-dropmenu-choose ul li label {
    display: block;
    padding: 8px 15px;
 *padding: 5px 15px;
    line-height: 14px;
    overflow: hidden;
}
.u-dropmenu-choose ul li:hover {
    background-color: #e6f1ff;
}
.u-dropmenu-choose ul li label .u-checkbox {
    margin-right: 6px;
    vertical-align: top;
 *margin-right: 4px;
 *vertical-align: middle;
}
/*  下拉列表分类标题  */
.u-dropmenu-choose .title {
    padding: 0px 15px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
}
.u-dropmenu-choose.width-400 .u-dropmenu-form .u-input {
    width: 348px;
}
.u-dropmenu-choose.width-350 .u-dropmenu-form .u-input {
    width: 298px;
}
.u-dropmenu-choose.width-300 .u-dropmenu-form .u-input {
    width: 248px;
}
.u-dropmenu-choose.width-250 .u-dropmenu-form .u-input {
    width: 198px;
}
.u-dropmenu-choose.width-200 .u-dropmenu-form .u-input {
    width: 148px;
}
.u-dropmenu-choose.width-150 .u-dropmenu-form .u-input {
    width: 98px;
}
/*  下拉列表扩展 ，表单列表多项选项样式  */
.u-dropmenu-choose .u-dropmenu-list {
    margin: 10px 0px;
}
.u-dropmenu-choose .u-checkbox-group {
    height: 30px;
    line-height: 30px;
    padding: 0px;
}
.u-dropmenu-choose .u-checkbox-group a {
    display: block;
    top: 0px;
    margin: 0px;
    padding: 0px 15px;
    height: 30px;
    line-height: 30px;
}
.u-dropmenu-choose .u-checkbox-group a em {
    margin: 6px 4px 6px 0px;
}
.u-dropmenu-choose ul li:hover {
    background-color: #e6f1ff;
}
/*  下拉列表扩展 ，下拉带搜索框、按钮等  */
.u-dropmenu-form {
    position: relative;
    z-index: 120;
    height: 30px;
    padding: 8px 15px;
    overflow: hidden;
    background-color: #f6f7fb;
}
.u-dropmenu-form .u-input {
    position: absolute;
    top: 8px;
    padding: 5px 10px;
    line-height: 18px;
}
.u-dropmenu-form .iconfont {
    position: absolute;
    right: 20px;
    top: 8px;
    line-height: 18px;
    padding: 6px 8px;
    font-size: 14px;
}
.u-dropmenu-form .u-button {
    margin-right: 10px;
}
/*  下拉项比较少时的列表样式  */
.u-dropmenu-choose .u-dropmenu-list2 {
    padding: 10px;
    width: 280px;
}
.u-dropmenu-choose .u-dropmenu-list2 .title {
    padding: 0px 10px;
    line-height: 40px;
}
.u-dropmenu-choose .u-dropmenu-list2 ul {
    overflow: hidden;
}
.u-dropmenu-choose .u-dropmenu-list2 ul li {
    float: left;
}
.u-dropmenu-choose .u-dropmenu-list2 label {
    float: left;
    width: 120px;
    padding: 8px 10px;
 *padding: 5px 7px;  /*  IE7下多出3px间距  */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*  省市下拉列表  */
.city-select {
    position: absolute;
    z-index: 100;
    padding: 0px;
    margin: 0px;
}
.city-select .city-catg {
    position: relative;
    height: 34px;
    z-index: 99;
}
.city-select .city-catg a {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0px 30px 0px 26px;
    border: #ccc 1px solid;
    font-size: 14px;
    color: #333;
    background-color: #f4f6f8;
}
.city-catg a + a {
    margin-left: -1px;
}
.city-catg a em {
    color: #f56744;
    margin-right: 3px;
}
.city-catg a.z-current {
    border-top-color: #0095f3;
    border-bottom-color: #fff;
    background-color: #fff;
}
.city-select .city-list {
    float: left;
    margin-top: -1px;
    overflow: hidden;
    width: 320px;
    padding: 10px;
    border: #ccc 1px solid;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
}
.city-list .city-group {
    float: right;
    width: 320px;
    padding: 8px 0px;
    border-bottom: #ddd 1px dotted;
}
.city-list .city-group .city-group-index {
    float: left;
    padding: 0px 10px;
    width: 40px;
    height: 28px;
    line-height: 28px;
    color: #555;
    font-weight: bold;
}
.city-list .city-group .city-group-list {
    float: left;
    width: 260px;
    overflow: hidden;
}
.city-list .city-group .city-group-list li {
    float: left;
    height: 28px;
    line-height: 28px;
}
.city-select .city-list .city-list-links {
    float: left;
    width: 320px;
}
.city-list .city-list-links li, .city-list .city-list-links li a {
    float: left;
}
.city-list .city-list-links li a {
    padding: 0px 12px;
    height: 28px;
    line-height: 28px;
    color: #333;
}
.city-list li a {
    float: left;
    padding: 0px 12px;
    border-radius: 2px;
    color: #333;
}
.city-list li a:hover {
    color: #fff;
    background-color: #0095f3;
}


/*  产品行业选择列表  */
.industry-select {
    position: absolute;
    z-index: 130;
    overflow: hidden;
    padding: 0px;
    margin-top: -1px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding:12px 15px;
}

.industry-select-mian {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 700px;
    max-height: 320px;
    white-space: nowrap;
}

.industry-select-mian .is-div{
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
}

.industry-select-loading {
    position: absolute;
    top: 48px;
    left: 15px;
    width: 696px;
    height: 302px;
    background: url(../images/blackbg.png) repeat 0px 0px;
}
.industry-select-loading img {
    position: relative;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

.industry-select-loading .load-img {
    position: static;
    margin-top: 0px;
    margin-left: 0px;
}

.industry-select ul {
    display: inline-block;
    width: 223px;
    height: 300px;
    border: #ddd 1px solid;
    background-color: #fff;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;

    box-sizing: border-box;
    float:left;
}
.industry-select ul:hover {
    overflow-y: auto;
}
.industry-select ul + ul {
    margin-left: 12px;
}

.industry-select ul li a {
    padding-left:12px;
}


.industry-select ul li, .industry-select ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    /*! padding-left: 10px; */
}
.industry-select ul li .iconfont {
    margin: 0px 5px 0px 10px;
    color: #bbb;
    font-size: 14px;
    vertical-align: top;
    position: absolute;
    right: 6px;
}
.industry-select ul li .iconfont.final {
    color: #0095f3;
}
.industry-select ul li a:hover {
    background-color: #f2f4f6;
}
.industry-select ul li a.z-current, .industry-select ul li a.z-current:hover {
    color: #fff;
    background-color: #0095f3;
}
.industry-select ul li a.z-current .iconfont {
    color: #fff;
}

.industry-select ul li .u-checkbox {
    margin: 8px 12px 6px 0px;
    vertical-align: top;
    position: absolute;
    right: 0px;
}

.industry-select-title {
    height: 32px;
    line-height: 32px;
    padding-bottom: 8px;
    text-align: right;
    border-bottom: #eee 1px solid;
    margin-bottom: 8px;
}
.industry-select-title h2 {
    float: left;
    font-size: 15px;
}
.industry-select-title span {
    float: right;
    *margin-top: -24px;
    color: #ff6600;
}
.industry-select-title a.u-button {
    margin-left:-1px;
    border-radius: 0px 3px 3px 0px;
    margin-right: 0px;
}
.industry-select-result {
    display: block;
    width: 696px;
    padding: 10px 0px 0px 0px;
    clear:both;
}
.industry-select-result.selected {
    padding-top: 0px;
    padding-bottom: 10px;
    position: relative;
}
.industry-select-result b {
    position: absolute;
    left: 0px;
    top: 4px;
    height: 24px;
    line-height: 24px;
}
.industry-select-result .is-text {
    display: inline-block;
    padding-left: 40px;
    line-height: 24px;
    vertical-align: top;
}
.industry-select-result .is-button {
    float: right;
    width: 222px;
}


.industry-select-result .is-button .u-button {
    margin: 0px 0px 0px 15px;
}
.industry-select-result .is-text em {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border: #ffce8f 1px solid;
    background-color: #fffdf9;
    color: #333;
    border-radius: 3px;
    margin: 2px 4px;
    padding: 0px 0px 0px 12px;
}
.industry-select-result .is-text em .iconfont {
    display: inline-block;
    width: 30px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: #ff6600;
    vertical-align: top;
}


/* --------------------  通用表单样式  -------------------- */

/*  输入框、文本域样式  */
.u-input {
    padding: 5px 8px;
    width: 200px;
    height: 20px;
    line-height: 20px;
    border: #d9d9d9 1px solid;
    color: #333;
    vertical-align: middle;
    font-size: 13px;
}

.u-input-date, .u-input-time, .u-input-time2 {
    font-weight: bold;
}

.u-input-date {
    width: 104px;
 *width: 86px;
}
.u-input-time {
    width: 138px;
 *width: 120px;
}
.u-input-time2 {
    width: 154px;
 *width: 136px;
}
.u-input-round {
    border-radius: 100px;
}
.u-textarea {
    height: auto;
    min-height: 20px;
    max-height: 100px;
    line-height: 20px;
    padding: 5px 8px;
    border: #d9d9d9 1px solid;
    color: #333;
}
.u-input:hover, .u-textarea:hover, .u-input-hover {
    border: #999 1px solid;
}
.u-input:focus, .u-textarea:focus, .u-input-focus {
    border: #0090eb 1px solid;
    box-shadow: #87baff 0px 0px 2px;
}
.u-input[disabled], .u-textarea[disabled] {
    box-shadow: none;
    border: 1px solid #d9d9d9;
    background: #f3f3f3;
}
.u-input:disabled, .u-textarea:disabled {
    border: 1px solid #ddd;
    color: #bbb;
    background-color: #f9f9f9;
}

.u-input::-moz-placeholder, .u-textarea::-moz-placeholder{
    color: #bbb;
    opacity: 1;
}
.u-input:-ms-input-placeholder, .u-textarea:-ms-input-placeholder {
    color: #bbb;
}
.u-input::-webkit-input-placeholder, .u-textarea:-ms-input-placeholder {
    color: #bbb;
}

/*  文本框input的文本标注  */
.u-label {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    text-align: left;
    color: #333;
}
/*  单、复选框同行与独自一行的情况  */
.u-checkbox-group {
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
}
.u-checkbox-group.f-block {
    margin-right: 0px;
}
.u-checkbox-label {
    line-height: 32px;
    cursor: pointer;
    font-size: 12px;
}
.u-checkbox-group .u-checkbox, .u-checkbox-group .u-radio {
    margin-right: 5px;
}
.u-checkbox-group input[type='checkbox'], .u-checkbox-group input[type='radio'] {
    vertical-align: text-top;
}
.u-checkbox-group i {
    color: #999;
    font-style: normal;
}
/*  图片模式的单、复选框  */
a.u-radio, a.u-checkbox {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    height: 18px;
    line-height: 18px;
    color: #333;
    font-size: 12px;
}
a.u-radio em, a.u-checkbox em {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(../images/choose.png) no-repeat 0px -11px;
}
.m-table tr th a.u-radio em, .m-table tr th a.u-checkbox em {
    margin-top: 7px;
}
a.u-radio:hover em {
    background-position: 0px -51px;
}
a.u-radio.z-current em {
    background-position: 0px -91px;
}
a.u-checkbox em {
    background-position: 0px -131px;
}
a.u-checkbox:hover em {
    background-position: 0px -171px;
}
a.u-checkbox.z-current em {
    background-position: 0px -211px;
}

.u-select {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    font-size: 12px;
    padding: 6px 10px;
    color: #333;
    border: #d9d9d9 1px solid;
}
.u-select-stylebox {
    position: relative;
}
.u-select-stylebox .u-select-value {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 30px;
    line-height: 30px;
    border: #d9d9d9 1px solid;
    background-color: #fff;
}
.u-select-stylebox .u-select-value em {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
}
.u-select-stylebox .u-select-value .iconfont {
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}
.u-select-stylebox select {
    position: absolute;
    opacity: 0.01;
    cursor: pointer;
}


/* -----  气泡悬浮框 ----- */
.u-tooltip-box {
    position: absolute;
    z-index: 11000;
}
.u-tooltip-main {
    position: relative;
    float: left;
    min-width: 20px;
    min-height: 24px;
    max-width: 260px;
    line-height: 24px;
    padding: 10px 16px;
    border: #ccc 1px solid;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 999;
    word-break: break-all;
    overflow-y: auto;
}
.u-tooltip-arrow {
    position: relative;
    float: left;
    height: 11px;
    overflow: hidden;
    z-index: 1000;
}
.u-tooltip-box .u-tooltip-arrow span, .u-tooltip-box .u-tooltip-arrow em {
    position: absolute;
    font-family: "宋体";
    font-size: 24px;
    font-style: normal;
    line-height: 1;
}
.u-tooltip-box .u-tooltip-arrow span {
    color: #fff;
}
.u-tooltip-box .u-tooltip-arrow em {
    color: #ccc;
}
.u-tooltip-box .u-tooltip-loading {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 10px 0px;
    text-align: center;
}
.u-tooltip-box .u-tooltip-loading img {
    margin-right: 8px;
    vertical-align: middle;
}
/*  气泡框在下方的情况  */
.u-tooltip-box.bottom .u-tooltip-arrow {
    padding: 5px 0px 0px 0px;
    margin-bottom: -1px;
}
.u-tooltip-box.bottom .u-tooltip-arrow span, .u-tooltip-box.bottom .u-tooltip-arrow em {
    top: 5px;
}
.u-tooltip-box.bottom .u-tooltip-arrow span {
    margin-top: 1px;
}
/*  气泡框在上方的情况  */
.u-tooltip-box.top .u-tooltip-arrow {
    padding: 0px 0px 5px 0px;
    margin-top: -1px;
}
.u-tooltip-box.top .u-tooltip-arrow span, .u-tooltip-box.top .u-tooltip-arrow em {
    bottom: 5px;
}
.u-tooltip-box.top .u-tooltip-arrow span {
    margin-bottom: 1px;
}
/*  气泡框在右侧的情况  */
.u-tooltip-box.right .u-tooltip-arrow {
    width: 11px;
    padding: 0px 0px 0px 5px;
}
.u-tooltip-box.right .u-tooltip-arrow {
    margin-right: -1px;
}
.u-tooltip-box.right .u-tooltip-arrow span, .u-tooltip-box.right .u-tooltip-arrow em {
    left: 5px;
}
.u-tooltip-box.right .u-tooltip-arrow span {
    margin-left: 1px;
}
/*  气泡框在左侧的情况  */
.u-tooltip-box.left .u-tooltip-arrow {
    width: 11px;
    padding: 0px 5px 0px 0px;
}
.u-tooltip-box.left .u-tooltip-arrow {
    margin-left: -1px;
}
.u-tooltip-box.left .u-tooltip-arrow span, .u-tooltip-box.left .u-tooltip-arrow em {
    right: 5px;
}
.u-tooltip-box.left .u-tooltip-arrow span {
    margin-right: 1px;
}
/*  气泡框箭头在水平方向的情况  */
.u-tooltip-box .u-tooltip-arrow.left span, .u-tooltip-box .u-tooltip-arrow.left em {
    left: 16px;
}
.u-tooltip-box .u-tooltip-arrow.right span, .u-tooltip-box .u-tooltip-arrow.right em {
    right: 16px;
}
.u-tooltip-box .u-tooltip-arrow.top span, .u-tooltip-box .u-tooltip-arrow.top em {
    top: 13px;
}
.u-tooltip-box .u-tooltip-arrow.bottom span, .u-tooltip-box .u-tooltip-arrow.bottom em {
    bottom: 13px;
}
/* ========== CSS Unit End ========== */



/* ========== CSS Moudel，语义化的可以重复使用的较大整体 ========== */

/* ----- 区块元件 ----- */
.m-box {
    zoom: 1;
    margin: 0px 0px 10px;
    padding: 0;
    font-size: 12px;
    /*border: #e3e3e3 1px solid;*/
    background-color: #fff;
}
/* 使用在box和box相连的情况下 */
.m-box-follow {
    border-top: none;
    margin-top: -10px;
}
/* 区块头部区 */
.m-box-hd {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding: 10px 20px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f5f5f5;
}
.m-box-hd .m-box-hd-title {
    display: inline;
    float: left;
    margin: 0;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.m-box-hd .m-box-hd-title .supplement {
    margin-left: 10px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
}
.m-box-hd .m-box-hd-title .iconfont {
    font-weight: normal;
    font-size: 19px;
    margin-right: 6px;
}
.m-box-hd .m-box-hd-title .supplement .iconfont {
    font-weight: normal;
    font-size: 19px;
    color: #bbb;
}
.m-box-hd .m-box-hd-more {
    position: absolute;
    right: 15px;
    top: 10px;
}
.m-box-hd .m-box-hd-more a {
    float: left;
    margin-left: 10px;
}
.m-box-hd .m-box-hd-more a .iconfont {
    color: #3c88e9;
}
.m-box-hd .m-box-hd-more a:hover .iconfont {
    color: #ff6600;
}
/* 用于默认有内边距的box */
.m-box-bd {
    padding: 15px;
}
/* 无边框的区块 */
.m-box-noborder {
    border: none;
    box-shadow: none;
}
.m-box-noborder .m-box-hd, .m-box-noborder .m-box-bd {
    border: none;
    padding: 10px 0px;
}
.m-box-noborder .m-box-hd {
    border-bottom: 1px solid #e0e8f1;
}
.m-box-noborder .m-box-hd .m-box-hd-title {
    padding-left: 10px;
    border-left: 5px solid #2d86e8;
}
.m-box-noborder .m-box-hd .m-box-hd-more {
    right: 0px;
}
/*  -----  tab 标签页  -----  */
.m-tab {
    padding: 0px;
    height: 40px;
    line-height: 40px;
}
.m-tab ul {
    float: left;
    margin-left: -1px;
}
.m-tab .m-box-hd-title {
    margin-left: 20px;
    margin-right: 20px;
}
/*  居右的tab标签  */
.m-tab-right ul {
    float: right;
    margin-right: -1px;
}
.m-tab li, .m-tab li a {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.m-tab li {
    border-left: #d9d9d9 1px solid;
    border-right: #d9d9d9 1px solid;
}
.m-tab li + li {
    margin-left: -1px;
}
.m-tab li a {
    color: #777;
    font-size: 15px;
    padding: 0px 24px;
}
.m-tab li a:hover {
    background-color: #eee;
}
.m-tab li a.z-current, .m-tab li a.z-current:hover {
    color: #0095f3;
    border-bottom: #fff 1px solid;
    background-color: #fff;
}
.m-tab .wrap-line {
    position: relative;
    top: -1px;
 *top: -41px;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}
.m-tab .wrap-line .line {
    position: absolute;
    top: -1px;
    display: block;
    height: 2px;
    background-color: #0095f3;
}
/*  滚动时标签固定顶部的情况  */
.m-tab.scrollfixed {
    position: fixed;
    top: 54px;
    left: 221px;
    right: 20px;
    z-index: 888;
    border: #ddd 1px solid;
}
.m-tab.scrollfixed .wrap-line {
    top: 1px;
 *top: -41px;
}
/* ----- 多行式面包屑导航-默认箭头分隔 ----- */
.m-crumb {
    overflow: hidden;
}
.m-crumb ul {
    margin-left: -20px;
 *margin-left: 0px;
}
.m-crumb li {
    float: left;
    word-wrap: normal;
    white-space: nowrap;
    color: #717d9a;
 *margin-right: 15px;
}
.m-crumb li:before {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 20px;
    text-align: center;
    content: '>';
    font-size: 12px;
    color: #ccc;
    font-family: \5b8b\4f53;
}
/* 竖线分隔 */
.m-crumb-arr li:before {
    content: '|';
}
/* 空白分隔 */
.m-crumb-blank ul {
    margin-left: -10px;
}
.m-crumb-blank li:before {
    width: 10px;
    content: '';
}
/* ----- 右侧主体内容部分操作工具栏 ----- */
.m-toolbar {
    padding: 10px 0px;
    height: 30px;
    line-height: 0;
    font-size: 0;
}
.m-box-bd .m-toolbar {
    padding-top: 0px;
}
.m-toolbar .m-toolbar-item {
    float: left;
    margin-right: 10px;
}
.m-toolbar .m-toolbar-expand {
    float: right;
}
.m-toolbar-expand .m-toolbar-item {
    margin-left: 10px;
    margin-right: 0px;
}
.m-toolbar-expand .m-toolbar-item .pagenum {
    height: 30px;
    line-height: 30px;
    display: block;
    color: #7c87a5;
    font-size: 12px;
}
.m-toolbar-expand .m-toolbar-item .pagenum em {
    color: #0095f3;
    font-size: 14px;
    font-weight: bold;
    margin: 0 6px;
}


/*  组合表单  */
.m-form, .m-form * {
    list-style: none;
}
.m-form fieldset {
    border: 0;
}
.m-form legend {
    display: none;
}
.m-form .m-form-fieldset {
    padding: 20px 0px 0px;
}
.m-form .m-form-fieldset.m-form-bottom {
    border-bottom: none;
}
.m-form-opearea {
    display: block;
    padding: 15px 0px;
    text-align: center;
}
.m-form-opearea .u-button {
    margin: 0px 8px;
}
.m-form-item {
    position: relative;
    margin: 0px 0px 16px 0px;
    padding: 0px 20px 0px 200px;
    min-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
}
.m-form-title {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #333;
    border-bottom: #e6e6e6 1px solid;
}
.m-form-title h2 {
    float: left;
    padding: 0px 10px;
    border-bottom: #0095f3 1px solid;
    font-size: 15px;
    font-weight: bold;
}
.m-form-title-inside {
    height: 50px;
    line-height: 50px;
}
.m-form-title-inside h3 {
    padding: 0px 10px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.m-form-fieldset.separate {
    padding-top: 10px;
}
.m-form-title em {
    float: left;
    margin-left: 10px;
    color: #999;
}
.m-form-title .m-form-title-links {
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}
.m-form-item .u-label {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 160px;
    padding-right: 10px;
    line-height: 32px;
    height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: right;
    color: #444;
}
.m-form-item .u-input, .m-form-item .u-textarea {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 8px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}
.m-form-item .u-textarea {
    height: auto;
    line-height: 20px;
    padding: 5px 8px;
    vertical-align: bottom;
}
.m-form-item .u-button {
    margin-right: 10px;
}
.u-input-date, .u-input-time, .u-input-time2 {
    background: url(../images/icon.png) no-repeat right 0px #fff;
}
.m-form-withicon .u-input-group {
    position: relative;
    z-index: 1;
    float: left;
    line-height: 20px;
    margin: 5px 0px 5px -25px;
    color: #b1bfd2;
    background-color: #fff;
}
.m-form-withicon .u-input-group .iconfont {
    color: #00bc5d;
    background-color: #f6f9fc;
}
.m-form-withicon .u-input, .m-form-withbtn .u-input {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    height: 32px;
    line-height: 32px;
 *height: 30px;
 *line-height: 30px;
}
.m-form-withbtn .sign {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: #d9d9d9 1px solid;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}
.m-form-withbtn .sign.sign-left {
    margin-right: -1px;
}
.m-form-withbtn .sign.sign-right {
    margin-left: -1px;
}
.m-form-withbtn .iconfont {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #999;
}
.m-form-withicon em.sep, .m-form-withbtn em.sep {
    margin: 0px 4px;
    color: #999;
    font-size: 12px;
    line-height: 32px;
    vertical-align: top;
}
/*  单行为文字情况、行内有操作链接  */
.m-form-text, .m-form-links {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    vertical-align: top;
 *vertical-align: middle;
    font-size: 12px;
}
div.m-form-text {
    min-height: 32px;
    line-height: 32px;
    word-break: break-all;
    word-wrap: break-word;
    color: #444;
}
span.m-form-text {
    margin-left: 10px;
    line-height: 32px;
    color: #999;
}
span.m-form-text.prompt {
    display: block;
    width: 90%;
    line-height: 20px;
    margin-left: 0px;
    padding: 5px 0px;
}
span.m-form-text .iconfont {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
}
.m-form-text .u-input {
    margin: 0px 8px;
    vertical-align: top;
}
.m-form-links {
    color: #999;
    margin-left: 10px;
}
.m-form-links a, .m-form-links .iconfont {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}
.m-form-links a.iconlink {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    border: #d9d9d9 1px solid;
}
.m-form-links a .iconfont {
    margin-left: 0px;
}
.m-form-links a.iconlink .iconfont {
    font-size: 15px;
    color: #666;
}
.m-form-links a.iconlink:hover {
    background-color: #f9f9f9;
}
.m-form-links .iconfont {
    font-size: 19px;
}
.m-form-links .u-button {
    height: 30px;
    line-height: 30px;
    box-shadow: none;
    border-radius: 0px;
    margin-left: 5px;
    margin-right: 0px;
}
.m-form-links a.u-button .iconfont {
    font-size: 16px;
}
.m-form-links.block a {
    padding: 0px 15px;
    margin-left: 0px;
    margin-right: 10px;
    color: #333;
    background-color: #eee;
}
/*  嵌套表单的情况  */
.m-form-implant {
    padding: 16px 16px 0px;
    margin: 10px 0px;
    overflow: hidden;
    background-color: #f9f9f9;
}
.m-form-implant .u-label {
    width: 100px;
    padding-left: 15px;
    padding-right: 0px;
    left: 0px;
    text-align: left;
}
.m-form-implant .m-form-item {
    padding-left: 115px;
}
.m-form-implant .m-form-item .m-form-required {
    margin-right: 0px;
    position: absolute;
    left: 0px;
}
.m-form-implant .m-form-iteminline {
    float: left;
    padding-left: 0px;
}
.m-form-implant .m-form-iteminline .u-label {
    position: static;
    float: left;
    width: auto;
    margin-right: 10px;
}

/*  输入框下方文字提示  */
.m-form-item .m-tiptext {
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #999;
}
.m-form-item .m-tiptext .m-tiptext-more, .m-form-item-error .m-tiptext .m-tiptext-more {
    padding: 0px;
    line-height: 16px;
}
/*  必输的红色*号  */
.m-form-required {
    margin-left: 5px;
    margin-right: 0px;
    color: #ff3300;
    font-weight: bold;
}
.m-form-item .m-form-required {
    float: right;
    margin-left: 0px;
    margin-right: -15px;
    width: 15px;
    text-align: center;
    color: #ff3300;
    font-weight: bold;
}
/*  表单组合时的报错情况  */
.m-form-item-group {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    vertical-align: top;
}
.m-form-item-group .m-tiptext-withicon .m-tiptext-more {
    padding: 0px;
}
/*  表单报错情况  */
.m-form-item.m-form-item-error {
    margin-bottom: 0px;
}
.m-form-item-error .u-input, .m-form-item-error .u-textarea {
    border: #ff664d 1px solid;
    color: #ff664d;
}
.m-form-item-error .u-input:focus, .m-form-item-error .u-textarea:focus {
    box-shadow: #ffc0c0 0px 0px 5px;
}
.m-form-item-error .m-tiptext {
    color: #ff664d;
}

/*  文本域带右侧右对齐提示文字  */
.m-form-item .wordLimit {
    display: inline-block;
    position: relative;
}
.m-form-item .wordLimit span {
    position: absolute;
    right: 0px;
    bottom: -23px;
    color: #999;
}
.m-form-item .wordLimit span.abnormal {
    color: #ff4400;
}

/* -----  搜索条件模块 ----- */
.m-search {
    display: block;
    margin: 0px;
}
.m-search .m-form-item {
    float: left;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    line-height: 30px;
    white-space: nowrap;
    position: relative;
    z-index: 200;
}
.m-search .m-form-item .u-input, .m-search .m-form-item .u-button, .m-search .m-form-item em.sep {
    float: left;
}
.m-search .m-form-withicon em.sep, .m-search .m-form-withbtn em.sep {
    margin: 0px 3px;
}
.m-search .m-form-item .u-dropmenu {
    float: left;
}
.m-search .m-form-item .u-input {
 *height: 28px;
}
.m-search-simple .m-form-item .u-label {
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    padding-right: 10px;
}
.m-search-simple .m-form-item .u-button {
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
}
.m-search-simple .m-form-item .u-dropmenu-button {
    max-width: 72px;
}
.m-search .m-form-item .u-input-date {
    width: 104px;
 *width: 86px;
}
.m-search .m-form-item .u-input-time {
    width: 138px;
 *width: 120px;
}
.m-search .m-form-item .u-input-time2 {
    width: 154px;
 *width: 136px;
}
.m-search .m-form-item .u-dropmenu {
    float: left;
}
.m-search .u-dropmenu .u-button-mwhite .tag-wrap {
    max-width: 100px;
}
.m-search .m-form-item .u-dropmenu .u-input {
    width: 220px;
 *width: 198px;
 *height: 18px;
}
.m-search .m-search-link {
    float: left;
}
.m-search .m-search-link .iconfont {
    font-size: 14px;
    margin-left: 3px;
}
.m-search-simple {
    height: 32px;
}
.m-search-simple .m-search-simple-right {
    float: right;
    padding-right: 0px;
}
.m-search-simple .m-search-simple-right .u-button {
    margin-right: 0px;
}
.m-search-simple .u-input-keyword {
    border-radius: 3px 0px 0px 3px;
}
.m-search-simple .m-form-item .u-button-search {
    float: left;
    margin-left: -1px;
    border-radius: 0px 3px 3px 0px;
}
.m-search-senior {
    position: relative;
    z-index: 1;
    display: none;
    min-height: 40px;
    max-height: 600px;
    margin-top: 12px;
    padding: 5px 20px 15px;
    border: #e5e5e5 1px solid;
    background-color: rgba(246, 247, 251, 0.5);
    background-color: #f6f7fb\9;
    background-color: rgba(246, 247, 251, 0.5)\9\0;
    overflow-y: hidden;
}
.m-search-senior .m-form-item {
    float: left;
    width: 294px;
    height: 30px;
    padding: 10px 50px 0px 90px;
}
.m-search-senior-long .m-form-item {
    width: 326px;
}
.m-search-senior .u-label {
    float: left;
    left: 0px;
    top: 10px;
    z-index: 10;
    width: 80px;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-search-senior .u-dropmenu-button {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-search-senior .u-input {
    width: 226px;
 *width: 208px;
}
.m-search-senior .u-select {
    max-width: 226px;
}
.m-search-senior button {
    margin-right: 10px;
}
/* ----- 表格模块 ----- */
.m-table {
    border-collapse: collapse;
    color: #555;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}
.m-table-container.scroll {
    overflow: auto;
}
.m-table-layout-fixed {
    table-layout: fixed;
}
.m-table tr:nth-child(even), .m-table-split {
    background-color: rgba(246, 247, 251, 0.4);
    background-color: #f6f7fb\9;
    background-color: rgba(246, 247, 251, 0.4)\9\0;
}
.m-table tr.selected, .m-table tr.selected:hover {
    background-color: #fffdce;
}
.m-table tr.m-table-red, .m-table tr.m-table-red:hover, .m-table tr.m-table-red.selected, .m-table tr.m-table-red.selected:hover {
    background-color: #fff0f0;
}
.m-table tr.m-table-green, .m-table tr.m-table-green:hover, .m-table tr.m-table-green.selected, .m-table tr.m-table-green.selected:hover {
    background-color: #e9ffef;
}
.m-table-hover tr:hover {
    background-color: #ecf4ff;
}
.m-table thead tr, .m-table thead tr:hover {
    color: #365070;
    background-color: #f3f4f5;
    border-color: #e3efff;
}
.m-table thead tr .iconfont {
    color: #0095f3;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}
.m-table thead {
    color: #666;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
}
.m-table th {
    padding: 0px 10px;
    text-align: left;
    border-top: #e5e5e5 1px solid;
    border-bottom: #e5e5e5 1px solid;
    line-height: 36px;
    white-space: nowrap;
    color: #333;
    font-weight: bold;
}
.m-table thead th a {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #333;
}
.m-table thead.multirow th {
    border-left: #e5e5e5 1px solid;
    background-color: #f3f4f5;
}
.m-table td {
    padding: 8px 10px 7px;
    border-bottom: #eaedf0 1px solid;
    vertical-align: top;
}
.m-table-form td {
    line-height: 30px;
    vertical-align: middle;
}
.m-table-form td .u-input {
    margin-right: 5px;
}
.m-table tfoot td {
    border-bottom: 0;
}
.m-table-noborder, .m-table-noborder td, .m-table-noborder tr, .m-table-noborder th {
    border: 0;
    outline: 0;
}
.m-table-noborder .m-table-split {
    background-color: #f9f9f9;
}
.m-table-inbox {
    border: 0;
    outline: 0;
}
.m-table-inbox thead {
    border-left: none;
    border-right: none;
}
.m-table-operation, .m-table th.m-table-operation {
    text-align: right;
    white-space: nowrap;
}
.m-table td.m-table-operation {
    padding: 0px;
}
.m-table-operation .m-table-opelink {
    position: relative;
    z-index: 99;
    display: inline-block;
 *display: inline;
 *zoom: 1;
    padding: 8px 10px 7px;
}
.m-table-operation a + a {
    margin-left: -5px;
}
.m-table-operation .m-table-opelink.opelinks {
    width: 14px;
}
.m-table-opelink .iconfont {
    font-size: 14px;
    color: #9ea9c0;
}
.m-table-opelink:hover .iconfont {
    color: #f60;
}
.m-table-opelink .iconfont-right {
    margin: 0px 0px 0px 1px;
}
/* ----- 分页模块 ----- */
.m-page {
    padding-top: 10px;
    display: block;
    text-align: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #365070;
}
.m-page .m-page-left, .m-page .m-page-right {
    float: left;
    height: 30px;
    line-height: 30px;
}
.m-page .m-page-right {
    float: right;
}
.m-page .m-page-right .u-button, .m-page .m-page-right .u-button-group {
    float: left;
}
.m-page .m-page-right .u-button:hover, .m-page .m-page-right .u-button:active {
 *left: 0px;
}
.m-page .m-page-right .m-page-num {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 25px;
}
.m-page .m-page-num em {
    color: #0095f3;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
 *display: inline;
 *zoom: 1;
    margin: 0px 6px;
    line-height: 30px;
}
.m-page .m-page-num .u-dropmenu {
    display: inline;
    vertical-align: top;
}
.m-page .m-page-num .u-dropmenu .listnum {
    padding: 3px 5px 3px 7px;
    margin: 0px 2px;
    color: #0095f3;
    font-weight: bold;
}
.m-page-num .u-dropmenu .listnum .iconfont {
    font-size: 12px;
}
.m-page-num .u-dropmenu .listnum .iconfont-right {
    margin-left: 3px;
}
.m-page .u-button-group a {
    font-weight: normal;
}
.m-page .u-button-group a.z-current {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: #fff;
    border-color: #0095f3;
    background-color: #0095f3;
}
.m-page .u-button-group a.z-current:hover {
    box-shadow: none;
    border-color: #0095f3;
    background-color: #0095f3;
}
.m-page-jumpwrap {
    position: relative;
    width: 42px;
    padding: 0px 4px;
    display: inline-block;
 *display: inline;
 *zoom: 1;
}
.m-page-jump {
    position: relative;
    z-index: 2;
    top: 0px;
 *top: 3px;
    width: 40px;
    height: 20px;
    text-align: center;
    border: #e0e8f1 1px solid;
    color: #0095f3;
    font-weight: bold;
    font-size: 12px;
}
.m-page-jump:focus, .m-page-jumpwrap.z-current .m-page-jump {
    border: #0095f3 1px solid;
}
.m-page-jump-btn {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    cursor: pointer;
    width: 42px;
    height: 22px;
    line-height: 20px;
 *line-height: 18px;
    border: #0095f3 1px solid;
    color: #fff;
    background-color: #0095f3;
}
.m-page-jumpwrap.z-current .m-page-jump-btn {
    top: 4px;
}
/* ----- 标题模块 ----- */
.m-title {
    position: relative;
    left: 0px;
    width: 100%;
    height: 30px;
}
.m-title h2.m-title-name, .m-title h3.m-title-name {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #333;
}
.m-title h2.m-title-name {
    font-size: 17px;
    font-weight: bold;
}
.m-title h3.m-title-name {
    font-size: 14px;
    font-weight: bold;
}
.m-title .m-title-other {
    float: left;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    color: #9ea9c0;
}
.m-title .u-button .iconfont {
    color: #aaa;
}
.m-title a.u-button:hover {
    color: #666;
}
.m-title a.u-button:hover .iconfont {
    color: #0095f3;
}
.m-title .m-title-links {
    position: absolute;
}
/*  不同区域title样式的特殊处理  */
/*  页面公用标题区域  */
.frame-main-hd .m-title {
    top: 10px;
}
.frame-main-hd .m-title h2.m-title-name {
    margin: 0px 0px 0px 22px;
}
.frame-main-hd .m-title .m-title-other {
    margin: 0px 0px 0px 5px;
}
.frame-main-hd .m-title .m-title-links {
    right: 20px;
}
/* ------------------------- 提示模块，带各类图标的提示文案，可带有提示箭头。 ------------------------- */
/* ----- 提示框模块 ----- */
.m-tipbox {
    position: relative;
    zoom: 1;
    font-size: 12px;
    border-radius: 3px;
    padding: 12px 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.m-tipbox .m-tipbox-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 27px;
    left: 30px;
}
.m-tipbox-icon .iconfont {
    position: absolute;
    left: -8px;
    top: -8px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
}
/* 蓝色提示框 */
.m-tipbox-blue {
    border: 1px solid #a4c6f4;
    background: #e8f3ff;
}
.m-tipbox-blue .m-tipbox-icon .iconfont {
    color: #0095f3;
}
/* 绿色提示框 */
.m-tipbox-green {
    border: 1px solid #b8dfc3;
    background: #e4ffe5;
}
.m-tipbox-green .m-tipbox-icon .iconfont {
    color: #25c762;
}
/* 红色提示框 */
.m-tipbox-red {
    border: 1px solid #ffbcac;
    background: #ffeeea;
}
.m-tipbox-red .m-tipbox-icon .iconfont {
    color: #f77555;
}
/* 黄色提示框 */
.m-tipbox-yellow {
    border: 1px solid #f9c888;
    background: #fff1df;
}
.m-tipbox-yellow .m-tipbox-icon .iconfont {
    color: #ff9f23;
}
/* 灰色提示框 */
.m-tipbox-gray {
    border: 1px solid #d9d9d9;
    background: #f8f8f8;
}
.m-tipbox-gray .m-tipbox-icon .iconfont {
    color: #aaa;
}
/* 黑色提示框 */
.m-tipbox-black {
    border: 1px solid #333;
    background: #333;
}
.m-tipbox-black .m-tipbox-icon .iconfont {
    color: #333;
}
/* 无边框、白色背景提示信息 */
.m-tipbox-nobg {
    border: 1px solid transparent;
    background: #fff;
}
/* 提示信息部分 */
.m-tipbox-content {
    margin: 6px 36px 6px 56px
}
.m-tipbox-content .m-tipbox-title {
    margin: 0;
    padding: 0;
}
.m-tipbox-content h3.m-tipbox-title, .m-tipbox-content-simple h3.m-tipbox-title {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
/* 简单提示，如：一句话提示 */
.m-tipbox-content-simple {
    margin: 22px 0 22px 88px;
}
/* 说明信息 */
.m-tipbox-explain {
    margin: 0;
    padding: 0;
    color: gray;
    line-height: 22px;
}
/* -----  提示文字  ----- */
.m-tiptext {
    display: block;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 20px;
}
.m-tiptext-more {
    padding: 0px 6px;
    line-height: 20px;
}
.m-tiptext-withicon .m-tiptext-more {
    padding: 0px 24px;
}
.m-tiptext .iconfont {
    position: absolute;
    font-size: 18px;
    width: 20px;
    height: 20px;
}
/* 中等字号的提示 */
.m-tiptext-middle {
    font-size: 14px;
    line-height: 26px;
}
.m-tiptext-middle .m-tiptext-more {
    padding: 0px 6px;
    line-height: 26px;
 *padding-top: 1px;
}
.m-tiptext-withicon.m-tiptext-middle .m-tiptext-more {
    padding: 0px 28px;
}
.m-tiptext-middle .iconfont {
    font-size: 22px;
    width: 22px;
    height: 26px;
}
/* 大字号的提示 */
.m-tiptext-large {
    font-size: 15px;
    line-height: 30px;
}
.m-tiptext-large .m-tiptext-more {
    padding: 0px 6px;
    line-height: 30px;
 *padding-top: 5px;
}
.m-tiptext-withicon.m-tiptext-large .m-tiptext-more {
    padding: 0px 34px;
}
.m-tiptext-large .iconfont {
    font-size: 27px;
    width: 28px;
    height: 30px;
}
/* 蓝色提示，用于信息，提示等类型提示 */
.m-tipbox-blue .m-tiptext-more {
    color: #3e80da;
}
.m-tiptext-blue .iconfont {
    color: #0095f3;
}
/* 绿色提示，用于成功，正确等类型提示 */
.m-tipbox-green .m-tiptext-more {
    color: #16a763;
}
.m-tiptext-green .iconfont {
    color: #25c762;
}
/* 红色提示，用于错误、失败等类型提示 */
.m-tipbox-red .m-tiptext-more {
    color: #ff5a34;
}
.m-tiptext-red .iconfont {
    color: #ff664d;
}
/* 黄色提示，用于警示类型提示 */
.m-tipbox-yellow .m-tiptext-more {
    color: #e88300;
}
.m-tiptext-yellow .iconfont {
    color: #fd950f;
}
/* 棕色提示，用于疑问、提醒等类型提示 */
.m-tipbox-gray .m-tiptext-more {
    color: #888;
}
.m-tiptext-gray .iconfont {
    color: #aaa;
}
/* 黑色提示，用于标题类提示 */
.m-tipbox-black .m-tiptext-more {
    color: #bbb;
}
.m-tiptext-black .iconfont {
    color: #bbb;
}
/* 提示文字中的链接 */
.m-tiptext .m-tiptext-more a {
    color: #717d9a;
}
.m-tiptext .m-tiptext-more a:hover {
    text-decoration: underline;
}
/* 带箭头指向性的提示区块 */
.m-tiptext-arrowup, .m-tiptext-arrowup em, .m-tiptext-arrowup span, .m-tiptext-arrowleft, .m-tiptext-arrowleft em, .m-tiptext-arrowleft span, .m-tiptext-arrowright, .m-tiptext-arrowright em, .m-tiptext-arrowright span, .m-tiptext-arrowdown, .m-tiptext-arrowdown em, .m-tiptext-arrowdown span {
    position: absolute;
    font-size: 20px;
    font-family: '宋体';
    font-style: normal;
    line-height: 1;
}
.m-tiptext-arrowup, .m-tiptext-arrowleft, .m-tiptext-arrowright, .m-tiptext-arrowdown {
    height: 10px;
    width: 16px;
}
.m-tiptext-arrowup {
    left: 32px;
    top: -9px;
}
.m-tiptext-arrowup em {
    top: -1px;
}
.m-tiptext-arrowleft {
    left: -9px;
    top: 13px;
}
.m-tiptext-arrowright em {
    right: -5px;
}
.m-tiptext-arrowright {
    right: -6px;
    top: 13px;
}
.m-tiptext-arrowleft em {
    left: -1px;
}
.m-tiptext-arrowdown {
    left: 32px;
    bottom: 0px;
}
.m-tiptext-arrowdown em {
    top: 1px;
}
.m-tipbox-blue .m-tiptext-arrow em {
    color: #a5d2ff;
}
.m-tipbox-blue .m-tiptext-arrow span {
    color: #e8f3ff;
}
.m-tipbox-green .m-tiptext-arrow em {
    color: #b8dfc3;
}
.m-tipbox-green .m-tiptext-arrow span {
    color: #e4ffe5;
}
.m-tipbox-red .m-tiptext-arrow em {
    color: #ffbcac;
}
.m-tipbox-red .m-tiptext-arrow span {
    color: #ffeeea;
}
.m-tipbox-yellow .m-tiptext-arrow em {
    color: #f9c888;
}
.m-tipbox-yellow .m-tiptext-arrow span {
    color: #fff1df;
}
.m-tipbox-gray .m-tiptext-arrow em {
    color: #d9d9d9;
}
.m-tipbox-gray .m-tiptext-arrow span {
    color: #f8f8f8;
}
.m-tipbox-black .m-tiptext-arrow em {
    color: #333;
}
.m-tipbox-black .m-tiptext-arrow span {
    color: #333;
}
.m-tiptext .m-tiptext-close {
    position: absolute;
    right: 6px;
    top: 9px;
    cursor: pointer;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
 *vertical-align: middle;
}
/*  =====   弹出层样式  =====   */
.m-popup {
    border: #d9d9d9 1px solid;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10000;
}
.m-popup .m-popup-hd {
    height: 42px;
    line-height: 42px;
    border-bottom: #e9e9e9 1px solid;
    background-color: #f9f9f9;
}
.m-popup .m-popup-hd h2 {
    float: left;
    margin-left: 20px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.m-popup .m-popup-hd a {
    float: right;
    padding: 0px 15px;
    font-size: 19px;
    color: #999;
}
.m-popup .m-popup-hd a:hover {
    color: #ff4400;
}
.m-popup-bd {
    position: relative;
    overflow-y: auto;
    padding: 20px;
    max-height: 400px;
}
.m-popup-bd .content {
    position: relative;
    padding: 0px 20px 0px 60px;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    color: #555;
}
/*   图标的几种类型   */
.m-popup-bd .content .mpp-status {
    position: absolute;
    left: 20px;
    vertical-align: top;
 *vertical-align: middle;
    font-size: 32px;
}
.m-popup-bd .content .mpp-status.red {
    color: #ff3d2e;
}
.m-popup-bd .content .mpp-status.blue {
    color: #3c88e9;
}
.m-popup-bd .content .mpp-status.green {
    color: #00c725;
}
.m-popup-bd .content .mpp-status.orange {
    color: #ff7700;
}
/*   建议操作部分   */
.m-popup-bd .content .suggest {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
}
.m-popup-bd .content .suggest a, .m-popup-bd .content .suggest em {
    float: left;
}
.m-popup-bd .content .suggest em {
    margin: 0px 12px;
    color: #ccc;
}
/*   详细信息部分   */
.m-popup-bd .content .detail {
    line-height: 26px;
    font-size: 12px;
}
.m-popup-bd .content .detail a {
    display: block;
}
.m-popup-bd .content .detail a .iconfont {
    margin-left: 4px;
    vertical-align: top;
 *vertical-align: middle;
}
.m-popup-bd .content .detail p {
    color: #999;
}
.m-popup .m-popup-bt {
    height: 50px;
    line-height: 34px;
    padding: 10px 5px;
    text-align: right;
    border-top: #e9e9e9 1px solid;
    background-color: #f9f9f9;
}
.m-popup .m-popup-bt span {
    float: left;
    margin-left: 15px;
    color: #999;
}
.m-popup .m-popup-bt a {
    margin-right: 15px;
}
/*   信息提示类型弹出框   */
.m-popup.blueline {
    border-top: #3c88e9 2px solid;
    padding-bottom: 30px;
}
.m-popup.blueline .m-popup-hd {
    height: 32px;
    line-height: 32px;
    border-bottom: none;
    background-color: #fff;
}
.m-popup.blueline .m-popup-bd {
    padding: 0px 20px;
}
.m-popup.blueline .m-popup-bd .detail {
    padding-top: 10px;
}
.m-popup.blueline .m-popup-bt {
    text-align: left;
    border-top: none;
    padding: 15px 0px 5px 80px;
    background-color: #fff;
}
.m-popup.blueline .m-popup-bt a {
    margin: 0px 20px 0px 0px;
}
/*   操作响应类型弹出框   */
.m-popup.response {
    border: none;
    border-radius: 5px;
}
.m-popup.response .m-popup-bd {
    padding: 15px 20px;
}
.m-popup.response .mpp-status {
    left: 0px;
    font-size: 28px;
}
.m-popup.response .content {
    padding: 0px 10px 0px 32px;
}
/*   复杂文本类型弹出框   */
.m-popup.complex .m-popup-hd {
    cursor: move;
}
.m-popup.complex .m-popup-bd {
    padding: 0px;
}
.m-popup.complex .m-popup-bd .content {
    padding: 20px;
}
.m-popup-bd .m-form-item {
    padding-left: 130px;
}
.m-popup-bd .m-search .m-form-item {
    padding: 0px 20px 0px 0px;
}
.m-popup-bd .m-form-item .u-label {
    width: 100px;
}

/* 弹出层带遮罩背景 */
.m-popup-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/m-layer-bg.png) repeat 0px 0px;
    z-index: 9999;
}
.m-popup-mask-white {
    background: url(../images/m-layer-bg-white.png) repeat 0px 0px;
}
.m-popup-mask-nobg {
    background: none;
}


/*  流程、阶段模块样式  */
.m-stage {
    display: block;
    padding: 20px 0px 10px;
    margin: 0px auto;
}
.m-stage ul {
    display: block;
    line-height: 0px;
    font-size: 0px;
}
.m-stage ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.m-stage.two {
    width: 400px;
}
.m-stage.two ul li {
    width: 200px;
}
.m-stage.three {
    width: 540px;
}
.m-stage.three ul li {
    width: 180px;
}
.m-stage.four {
    width: 640px;
}
.m-stage.four ul li {
    width: 160px;
}
.m-stage.five {
    width: 675px;
}
.m-stage.five ul li {
    width: 135px;
}
.m-stage.six {
    width: 720px;
}
.m-stage.six ul li {
    width: 120px;
}
.m-stage ul li .stage-element {
    position: relative;
    display: block;
    width: 100%;
    height: 33px;
}
.m-stage ul li .stage-element .stage-sign {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 5;
}
.m-stage ul li .stage-element .stage-sign em {
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: 0px auto;
    text-align: center;
    font-size: 14px;
    color: #666;
    background: url(../images/stage.png) no-repeat 0px 0px;
}
.m-stage ul li .stage-element .stage-line {
    position: absolute;
    right: 50%;
    top: 16px;
    display: none;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.m-stage ul li + li .stage-element .stage-line {
    display: block;
}
.m-stage ul li .stage-text {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.m-stage ul li.current .stage-element .stage-sign em {
    color: #fff;
    background-position: -33px 0px;
}
.m-stage ul li.error .stage-element .stage-sign em {
    color: #fff;
    background-position: -66px 0px;
}
.m-stage ul li.current .stage-text {
    color: #666;
}

.m-stage.progress li.current .stage-line {
    background-color: #0095f3;
}
.m-stage.progress li.error .stage-line {
    background-color: #ff7700;
}
.m-stage ul li.fail .stage-element .stage-sign em {
    color: #fff;
    background-position: -100px 0px;
}

.m-stage.progress li.fail .stage-line {
    background-color: #ff0000;
}


/* ========== CSS Module End ========== */

/* ========== CSS Iconfont ========== */

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.iconfont-left {
    margin: 0px 5px 0px 0px;
}
.iconfont-right {
    margin: 0px 0px 0px 5px;
}

/* ========== CSS Iconfont ========== */



/* ==========  添加页面样式 ========== */
.addpage .m-box-bd {
    padding: 5px 15px 15px;
}
.addpage .u-input, .addpage .u-textarea {
    width: 300px;
 *width: 282px;
}
.addpage .m-box-bd .m-toolbar {
    padding: 10px 0px 0px;
}
/* ==========  查看页面样式 ========== */
.special.m-box {
    overflow: hidden;
    background-color: #fffbe9;
    border: #e8ddb2 1px solid;
}
.special.m-box p {
    float: left;
    width: 100%;
    line-height: 24px;
    padding: 6px 0px;
    font-size: 12px;
    color: #666;
}
.special.m-box p + p {
    border-top: #e8ddb2 1px dotted;
}
.special.m-box p em {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    max-width: 500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.special.m-box p em.state {
    color: #ff7700;
}
.special.m-box p em.state b {
    color: #333;
}
.viewpage .m-box-bd {
    padding: 5px 15px;
}
.viewpage .m-box-bd .m-toolbar {
    padding: 10px 0px 0px;
}
.viewpage .m-table-container {
    margin: 10px 0px;
}
.viewpage .m-form .m-form-fieldset {
    padding: 15px 0px 10px;
}
.viewpage .m-form-item {
    margin-bottom: 0px;
}
.viewpage .m-form-item .u-label {
    color: #999;
}
/*  单页   */
.singlepage {
    border-top: #0095f3 1px solid;
    background-color: #f6f7fb;
}
.singlepage .m-box {
    width: 1000px;
    margin: 10px auto 0px;
}
.singlepage .m-form-pagetitle {
    width: 1000px;
    height: 40px;
    line-height: 40px;
    padding: 14px 0px 12px;
    margin: 0px auto;
    text-align: center;
    font-size: 22px;
}
.singlepage .m-form-opearea {
    padding: 20px 0px;
}
/*  单页样式2   */
.singlepage2 {
    min-width: 1000px;
    border: none;
    padding-top: 30px;
    background-color: #eff1f3;
}
.singlepage2 .m-form-pagetitle {
    display: block;
    margin: 0px auto;
    width: 1000px;
    height: 40px;
    line-height: 40px;
    padding: 20px 0px;
    text-align: center;
    font-size: 24px;
}
.singlepage2 .m-box {
    width: 1000px;
    margin: 0px auto 10px;
    border: none;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
    background-color: #fff;
}
.m-audit .singlepage2 {
    min-width: 830px;
}
.m-audit .singlepage2 .m-box {
    width: 90%;
    margin: 0 5%;
}
.singlepage2 .m-box .m-box-bd {
    padding: 0px;
}
.singlepage2 .vp-projectinfo {
    position: relative;
    display: block;
    padding: 20px 30px;
    line-height: 32px;
    overflow: hidden;
    border-bottom: #eff1f3 1px solid;
    background-color: #fffef6;
}
.singlepage2 .vp-approvemap {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    padding: 20px 0px 0px 20px;
    border-top: #eff1f3 1px solid;
}
.vp-approvemap .apvmap-item {
    position: relative;
    float: left;
    width: 120px;
}
.vp-approvemap .apvmap-item span.line {
    position: absolute;
    top: 13px;
    display: block;
    width: 120px;
    height: 1px;
    background-color: #eee;
}
.vp-approvemap .apvmap-item span.info {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
}
.vp-approvemap .apvmap-item span.info .iconfont {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: #ddd 1px solid;
    border-radius: 20px;
    background-color: #fff;
}
.apvmap-item.success span.info .iconfont {
    color: #00c846;
    border-color: #00c846;
}
.apvmap-item.success span.line {
    background-color: #00c846
}
.apvmap-item.failure span.info .iconfont {
    color: #ff6a6d;
    border-color: #ff6a6d;
}
.apvmap-item.failure span.line {
    background-color: #ccc;
}
.apvmap-item.waiting span.info .iconfont {
    font-size: 12px;
    color: #999;
}
.vp-approvemap .apvmap-item span.info em {
    margin-left: -48px;
    display: block;
    width: 120px;
    padding-top: 8px;
    line-height: 20px;
    text-align: center;
}
.singlepage2 .vp-projectinfo p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.singlepage2 .vp-projectinfo p .iconfont {
    float: left;
    width: 40px;
    height: 36px;
    line-height: 30px;
    text-align: left;
    font-size: 30px;
    vertical-align: middle;
    color: #ff9900;
}
.singlepage2 .vp-projectinfo p.name {
    font-size: 15px;
    font-weight: bold;
    color: #444;
    height: 36px;
    line-height: 36px;
}
.singlepage2 .vp-projectinfo p.status {
    color: #999;
}
.singlepage2 .vp-projectinfo p.status span {
    margin-right: 30px;
}
.singlepage2 .vp-projectinfo p.status span em {
    color: #ff6600;
}
.singlepage2 .m-form {
    margin: 0px 30px;
    padding: 15px 0px;
    border-bottom: #eff1f3 1px solid;
}
.singlepage2 .m-form .u-label {
    text-align: right;
    color: #999;
    font-size: 12px;
}
.singlepage2 .m-form .m-form-title, .singlepage2 .m-form-title .m-form-title-links {
    height: 30px;
    line-height: 30px;
}
.singlepage2 .m-form .m-form-title, .singlepage2 .m-form .m-form-title h2 {
    border-bottom: none;
    padding: 0px;
}
.singlepage2 .m-form .m-form-text, .singlepage2 .m-form .m-form-links, .singlepage2 .m-form .m-form-links a {
    font-size: 12px;
}

/*   收银台页面   */
.singlepage.checkout {
    border-top: none;
    background-color: #f1f3f5;
}

.checkout .public-title {
    width: 100%;
    height: 80px;
    border-bottom: #e3e3e3 1px solid;
    background-color: #fff;
}

.checkout .public-title .pt-main {
    position: relative;
    width: 1000px;
    height: 80px;
    margin: 0px auto;
}

.checkout .public-title .pt-main .pt-logo {
    float: left;
    height: 46px;
    padding-right: 25px;
    margin: 17px 0px;
}
.checkout .public-title .pt-main .pt-logo img {
  height: 46px;
}
.checkout .public-title .pt-main .pt-subhead {
    float: left;
    margin: 25px 0px;
    padding-left: 20px;
    border-left: #ddd 1px solid;
    height: 30px;
    line-height: 30px;
    color: #555;
    font-size: 22px;
}

.checkout .public-title .pt-main .pt-text {
    position: absolute;
    right: 0px;
    top: 25px;
    line-height: 30px;
    color: #999;
}

.checkout .checkout-main {
    width: 1000px;
    margin: 20px auto;
}

.checkout .checkout-main .cm-order {
    position: relative;
    width: 998px;
    min-height: 80px;
    overflow: hidden;
    border: #e3e3e3 1px solid;
    border-bottom-color: #eee;
    background-color: #fff;
    font-size: 0px;
}
.checkout .checkout-main .cm-order .text, .checkout .checkout-main .cm-order .money {
  font-size: 14px;
  vertical-align: top;
}
.checkout .checkout-main .cm-order .text {
  display: inline-block;
    width: 678px;
    padding: 20px 40px;
}

.checkout .checkout-main .cm-order .text h2, .checkout .checkout-main .cm-order .text span {
    display: block;
}

.checkout .checkout-main .cm-order .text h2 {
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #333;
}

.checkout .checkout-main .cm-order .text h2 .iconfont {
    vertical-align: top;
    margin-right: 5px;
    font-size: 24px;
    color: #2bb300;
}

.checkout .checkout-main .cm-order .text span {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 13px;
    color: #999;
}

.checkout .checkout-main .cm-order .text span a {
  display: inline-block;
    padding: 0px 15px;
    color: #3c88e9;
    border-radius: 3px;
}

.checkout .checkout-main .cm-order .money {
    display: inline-block;
    width: 238px;
    height: 106px;
    border-left: #eee 1px solid;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    vertical-align: middle;
}

.checkout .checkout-main .cm-order .money span {
    display: block;
    margin-top: 30px;
}

.checkout .checkout-main .cm-order .money em {
  display: block;
  height: 28px;
  line-height: 28px;
    vertical-align: top;
    font-size: 22px;
    color: #ff3300;
}
.checkout .checkout-main .cm-order .money i {
  display: block;
  height: 18px;
  line-height: 18px;
    vertical-align: top;
    font-size: 12px;
    color: #999;
    font-style: normal;
}

.checkout .checkout-main .cm-order .details {
    display: none;
    width: 918px;
    padding: 20px 40px;
    color: #555;
    border-top: #eee 1px solid;
    font-size: 13px;
    background-color: #f8f9fa;
}

.checkout .checkout-main .cm-order .details li {
    line-height: 26px;
}

.checkout .checkout-main .cm-order .details li strong {
    float: left;
    width: 100px;
    font-weight: normal;
    color: #999;
}

.checkout .checkout-main .cm-payment {
    width: 918px;
    overflow: hidden;
    padding: 10px 40px 30px;
    border: #e5e5e5 1px solid;
    border-top: none;
    background-color: #fff;
}

.checkout .checkout-main .cm-payment .cm-link {
  position: relative;
  right: 15px;
  top: 10px;
  display: block;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float:right;
}
.checkout .checkout-main .cm-payment .cm-link .iconfont {
  margin-left: 4px;
}

.cm-payment h3 {
  display: block;
    width: 100%;
    height: 30px;
    line-height: 40px;
    margin: 10px 0px;
    font-size: 14px;
    font-weight: bold;
}

.cm-payment .netbank-list {
  display: block;
    width: 100%;
    font-size: 0px;
}


.cm-payment .netbank-list a {
  position: relative;
  display: inline-block;
    cursor: pointer;
    width: 170px;
    height: 48px;
    padding: 14px 16px;
    margin-right: 25px;
    margin-bottom: 25px;
    border: #eee 1px solid;
    border-radius: 4px;
}

.cm-payment .netbank-list a:hover {
    border: #ffcc00 2px solid;
    padding: 13px 15px;
    background-color: #fff;
}

.cm-payment .netbank-list a img {
    width: 170px;
    height: 48px;
}
.cm-payment .netbank-list a em {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: block;
  width: 30px;
  height: 16px;
  line-height: 16px;
  border-radius: 2px;
  font-size: 10px;
  text-align: center;
  font-weight: normal;
  background-color: #ffcc00;
  color: #fff;
}
.cm-payment .netbank-list a:hover em {
  right: 4px;
  bottom: 4px;
}


.cm-payment .netbank-select {
    position: relative;
    padding: 10px 25px;
    line-height: 36px;
    margin-top: 20px;
    border: #f9c888 1px solid;
    background-color: #fff1df;
    font-size: 14px;
}

.cm-payment .netbank-select span.money {
    position: absolute;
    right: 25px;
}

.cm-payment .netbank-select span.money em {
    color: #ff3300;
    margin-right: 5px;
    font-weight: bold;
}

.checkout-button {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    padding-top: 30px;
    border-top: #ddd 1px dotted;
}

.checkout-button a.ckbutton {
    float: left;
    width: 240px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    background-color: #3c88e9;
}

.agreement {
    float: left;
    margin-left: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.agreement em {
    margin-right: 5px;
    font-weight: bold;
    color: #ff3300;
}

.copyright {
    width: 1000px;
    margin: 0px auto;
    line-height: 40px;
    text-align: center;
    color: #999;
}
.copyright a {
  color: #999;
  text-decoration: underline;
}
.cm-payment h2 .b2{
	background: url("images/oti/checkout-arrow2.png") no-repeat 0 5px;
}
.cm-block{
	padding-left: 22px;
	border-bottom: 1px #ddd dotted;
}
.cm-payment h3 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 10px 0px;
    font-size: 13px;
    font-weight: normal;
    color: #999;
}
.checkout-button2 {
    width: 100%;
	/* margin-top: 20px; */
	padding-top: 20px;
	font-size: 16px;
	height: 40px;
	/* position: absolute; */
	border-top: 1px solid #E8E8E8;
	bottom: 0px;
	font-size: 14px;
	color: #333;
}
.checkout-button2 span{
	padding-left:62px;
	background: url("images/oti/checkout-icon.png") no-repeat 25px 0px;
	padding-bottom: 20px;
	padding-top: 2px;
	*padding-top: 6px;
}
.checkout-button2 a.ckbutton {
    float: left;
    width: 240px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #3c88e9;
}
.cm-payment h2 {
    width: 100%;
    height: 35px;
    line-height: 20px;
    margin: 20px 0px 15px 0px;
    font-size: 17px;
    font-weight: bold;
	border-bottom:1px #a5c5f6 solid;
}
.cm-payment h2 span{
    height: 35px;
	padding-left:15px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
	color:#999;
	float: right;
	cursor:pointer;
	*margin-top:-15px;
}
.cm-payment h2 span:hover{
    color: #F60;
}
.cm-payment h2 .b1{
	background: url("images/oti/checkout-arrow.png") no-repeat 0 5px;
}
.cm-payment h2 .b2{
	background: url("images/oti/checkout-arrow2.png") no-repeat 0 5px;
}

.w-pay{
	width:430px;
	height:432px;
	padding-top:38px;
	margin-left:92px;
	float:left;
	border-right:1px #eeeeee solid;
}
.w-pay2{
	width:264px;
	height:340px;
	margin:42px 0px 0px 74px;
	float:left;
	background: url("images/oti/payQr3.jpg") no-repeat;
}
.w-pay .b1{
	width:297px;
	height:297px;
	float:left;
	border:1px #ddd solid;
}
.w-pay .b2{
	width:173px;
	height:54px;
	padding:6px 0px 0px 127px;
	margin-top:10px;
	float:left;
	color:#fff;
	background: url("images/oti/payQr2.png") no-repeat 54px 10px;
	background-color:#ff7674;
	font-size:14px;
	line-height:24px;
}



.cm-payment-main {
  display: block;
  height: 440px;
}
.cm-payment-main.alipay {
  background: url("images/oti/alipay.png") no-repeat center center;
}
.cm-payment-main.wechart {
  background: url("images/oti/wechart.png") no-repeat center center;
}
.cm-payment-main .code, .cm-payment-main .code img {
  display: inline-block;
  width: 320px;
  height: 320px;
}
.cm-payment-main .code {
  position: relative;
  margin-top: 50px;
  margin-left: 70px;
}
.cm-payment-main .code .code-logo {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 136px;
  top: 136px;
  background-color: #fff;
}
.cm-payment-main.alipay .code .code-logo {
  background: url("images/oti/alipay-logo.png") no-repeat center center;
  background-size: 48px 48px;
}
.cm-payment-main.wechart .code .code-logo {
  background: url("images/oti/wechart-logo.png") no-repeat center center;
  background-size: 48px 48px;
}
.cm-payment-main .code p {
  display: inline-block;
  width: 320px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #999;
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
}


/*   收银台页面 == end  */



/* ==========  404页面样式 ========== */
.errorpage {
    background-color: #f6f7fb;
}
/*  操作状态提示  */
.ope-msgbox {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100px;
    max-width: 400px;
    z-index: 10001;
}
.ope-msgbox .ope-msgbox-bd {
    margin-top: -25px;
    line-height: 30px;
    padding: 10px 15px;
 *border: #ddd 1px solid;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    font-size: 17px;
    background-color: #fff;
}
.ope-msgbox .ope-msgbox-bd .iconfont {
    font-size: 24px;
    margin-right: 4px;
    vertical-align: top;
    vertical-align: middle\9;
 *vertical-align: middle;
}
.ope-msgbox .ope-msgbox-bd .iconfont {
    color: #25c762;
}

/**简单弹出提醒框 綦洋**/
.ope-msgboxsimp{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100px;
    max-width: 400px;
    z-index: 100001;
}

.ope-msgboxsimp .ope-msgboxsimp-bd {
    margin-top: -25px;
    line-height: 30px;
    padding: 10px 15px;
    *border: #ddd 1px solid;
    width:400px;
    height:200px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    font-size: 17px;
    background-color: #fff;
    text-align: center;
}
.ope-msgboxsimp .ope-msgboxsimp-bd .ope-msgboxsimp-close{
    line-height: 20px;
    text-align: right;
}
.ope-msgboxsimp .ope-msgboxsimp-bd .ope-msgboxsimp-msg{
    margin-top:30px;
    line-height: 30px;
    text-align: center;
}
.ope-msgboxsimp .ope-msgboxsimp-bd .ope-msgboxsimp_btn{
    margin-top:30px;
    padding: 0 20px 0 20px;
}
.ope-msgboxsimp .ope-msgboxsimp-bd .ope-msgboxsimp-otherLink{
    height: 50px;
    line-height: 50px;
}
.ope-msgboxsimp .ope-msgboxsimp-bd .ope-msgboxsimp-otherLink a{
    font-size: 12px;
}


/*  自定义最大宽度  */
.max-width-800 {
    max-width: 800px;
}
.max-width-790 {
    max-width: 790px;
}
.max-width-780 {
    max-width: 780px;
}
.max-width-770 {
    max-width: 770px;
}
.max-width-760 {
    max-width: 760px;
}
.max-width-750 {
    max-width: 750px;
}
.max-width-740 {
    max-width: 740px;
}
.max-width-730 {
    max-width: 730px;
}
.max-width-720 {
    max-width: 720px;
}
.max-width-710 {
    max-width: 710px;
}
.max-width-700 {
    max-width: 700px;
}
.max-width-690 {
    max-width: 690px;
}
.max-width-680 {
    max-width: 680px;
}
.max-width-670 {
    max-width: 670px;
}
.max-width-660 {
    max-width: 660px;
}
.max-width-650 {
    max-width: 650px;
}
.max-width-640 {
    max-width: 640px;
}
.max-width-630 {
    max-width: 630px;
}
.max-width-620 {
    max-width: 620px;
}
.max-width-610 {
    max-width: 610px;
}
.max-width-600 {
    max-width: 600px;
}
.max-width-590 {
    max-width: 590px;
}
.max-width-580 {
    max-width: 580px;
}
.max-width-570 {
    max-width: 570px;
}
.max-width-560 {
    max-width: 560px;
}
.max-width-550 {
    max-width: 550px;
}
.max-width-540 {
    max-width: 540px;
}
.max-width-530 {
    max-width: 530px;
}
.max-width-520 {
    max-width: 520px;
}
.max-width-510 {
    max-width: 510px;
}
.max-width-500 {
    max-width: 500px;
}
.max-width-490 {
    max-width: 490px;
}
.max-width-480 {
    max-width: 480px;
}
.max-width-470 {
    max-width: 470px;
}
.max-width-460 {
    max-width: 460px;
}
.max-width-450 {
    max-width: 450px;
}
.max-width-440 {
    max-width: 440px;
}
.max-width-430 {
    max-width: 430px;
}
.max-width-420 {
    max-width: 420px;
}
.max-width-410 {
    max-width: 410px;
}
.max-width-400 {
    max-width: 400px;
}
.max-width-390 {
    max-width: 390px;
}
.max-width-380 {
    max-width: 380px;
}
.max-width-370 {
    max-width: 370px;
}
.max-width-360 {
    max-width: 360px;
}
.max-width-350 {
    max-width: 350px;
}
.max-width-340 {
    max-width: 340px;
}
.max-width-330 {
    max-width: 330px;
}
.max-width-320 {
    max-width: 320px;
}
.max-width-310 {
    max-width: 310px;
}
.max-width-300 {
    max-width: 300px;
}
.max-width-290 {
    max-width: 290px;
}
.max-width-280 {
    max-width: 280px;
}
.max-width-270 {
    max-width: 270px;
}
.max-width-260 {
    max-width: 260px;
}
.max-width-250 {
    max-width: 250px;
}
.max-width-240 {
    max-width: 240px;
}
.max-width-230 {
    max-width: 230px;
}
.max-width-220 {
    max-width: 220px;
}
.max-width-210 {
    max-width: 210px;
}
.max-width-200 {
    max-width: 200px;
}
.max-width-190 {
    max-width: 190px;
}
.max-width-180 {
    max-width: 180px;
}
.max-width-170 {
    max-width: 170px;
}
.max-width-160 {
    max-width: 160px;
}
.max-width-150 {
    max-width: 150px;
}
.max-width-140 {
    max-width: 140px;
}
.max-width-130 {
    max-width: 130px;
}
.max-width-120 {
    max-width: 120px;
}
.max-width-110 {
    max-width: 110px;
}
.max-width-100 {
    max-width: 100px;
}
.max-width-90 {
    max-width: 90px;
}
.max-width-80 {
    max-width: 80px;
}
.max-width-70 {
    max-width: 70px;
}
.max-width-60 {
    max-width: 60px;
}
.max-width-50 {
    max-width: 50px;
}
.max-width-40 {
    max-width: 40px;
}
.max-width-30 {
    max-width: 30px;
}
.max-width-20 {
    max-width: 20px;
}
.max-width-10 {
    max-width: 10px;
}
/*  文本输入框的自定义长度  */
.width-10, .addpage .width-10 {
    width: 10px;
}
.width-20, .addpage .width-20 {
    width: 20px;
}
.width-30, .addpage .width-30 {
    width: 30px;
}
.width-40, .addpage .width-40 {
    width: 40px;
}
.width-50, .addpage .width-50 {
    width: 50px;
}
.width-60, .addpage .width-60 {
    width: 60px;
}
.width-70, .addpage .width-70 {
    width: 70px;
}
.width-80, .addpage .width-80 {
    width: 80px;
}
.width-90, .addpage .width-90 {
    width: 90px;
}
.width-100, .addpage .width-100 {
    width: 100px;
}
.width-110, .addpage .width-110 {
    width: 110px;
}
.width-120, .addpage .width-120 {
    width: 120px;
}
.width-130, .addpage .width-130 {
    width: 130px;
}
.width-140, .addpage .width-140 {
    width: 140px;
}
.width-150, .addpage .width-150 {
    width: 150px;
}
.width-160, .addpage .width-160 {
    width: 160px;
}
.width-170, .addpage .width-170 {
    width: 170px;
}
.width-180, .addpage .width-180 {
    width: 180px;
}
.width-190, .addpage .width-190 {
    width: 190px;
}
.width-200, .addpage .width-200 {
    width: 200px;
}
.width-210, .addpage .width-210 {
    width: 210px;
}
.width-220, .addpage .width-220 {
    width: 220px;
}
.width-230, .addpage .width-230 {
    width: 230px;
}
.width-240, .addpage .width-240 {
    width: 240px;
}
.width-250, .addpage .width-250 {
    width: 250px;
}
.width-260, .addpage .width-260 {
    width: 260px;
}
.width-270, .addpage .width-270 {
    width: 270px;
}
.width-280, .addpage .width-280 {
    width: 280px;
}
.width-290, .addpage .width-290 {
    width: 290px;
}
.width-300, .addpage .width-300 {
    width: 300px;
}
.width-310, .addpage .width-310 {
    width: 310px;
}
.width-320, .addpage .width-320 {
    width: 320px;
}
.width-330, .addpage .width-330 {
    width: 330px;
}
.width-340, .addpage .width-340 {
    width: 340px;
}
.width-350, .addpage .width-350 {
    width: 350px;
}
.width-360, .addpage .width-360 {
    width: 360px;
}
.width-370, .addpage .width-370 {
    width: 370px;
}
.width-380, .addpage .width-380 {
    width: 380px;
}
.width-390, .addpage .width-390 {
    width: 390px;
}
.width-400, .addpage .width-400 {
    width: 400px;
}
.width-410, .addpage .width-410 {
    width: 410px;
}
.width-420, .addpage .width-420 {
    width: 420px;
}
.width-430, .addpage .width-430 {
    width: 430px;
}
.width-440, .addpage .width-440 {
    width: 440px;
}
.width-450, .addpage .width-450 {
    width: 450px;
}
.width-460, .addpage .width-460 {
    width: 460px;
}
.width-470, .addpage .width-470 {
    width: 470px;
}
.width-480, .addpage .width-480 {
    width: 480px;
}
.width-490, .addpage .width-490 {
    width: 490px;
}
.width-500, .addpage .width-500 {
    width: 500px;
}
.width-510, .addpage .width-510 {
    width: 510px;
}
.width-520, .addpage .width-520 {
    width: 520px;
}
.width-530, .addpage .width-530 {
    width: 530px;
}
.width-540, .addpage .width-540 {
    width: 540px;
}
.width-550, .addpage .width-550 {
    width: 550px;
}
.width-560, .addpage .width-560 {
    width: 560px;
}
.width-570, .addpage .width-570 {
    width: 570px;
}
.width-580, .addpage .width-580 {
    width: 580px;
}
.width-590, .addpage .width-590 {
    width: 590px;
}
.width-600, .addpage .width-600 {
    width: 600px;
}
.width-610, .addpage .width-610 {
    width: 610px;
}
.width-620, .addpage .width-620 {
    width: 620px;
}
.width-630, .addpage .width-630 {
    width: 630px;
}
.width-640, .addpage .width-640 {
    width: 640px;
}
.width-650, .addpage .width-650 {
    width: 650px;
}
.width-660, .addpage .width-660 {
    width: 660px;
}
.width-670, .addpage .width-670 {
    width: 670px;
}
.width-680, .addpage .width-680 {
    width: 680px;
}
.width-690, .addpage .width-690 {
    width: 690px;
}
.width-700, .addpage .width-700 {
    width: 700px;
}
.width-710, .addpage .width-710 {
    width: 710px;
}
.width-720, .addpage .width-720 {
    width: 720px;
}
.width-730, .addpage .width-730 {
    width: 730px;
}
.width-740, .addpage .width-740 {
    width: 740px;
}
.width-750, .addpage .width-750 {
    width: 750px;
}
.width-760, .addpage .width-760 {
    width: 760px;
}
.width-770, .addpage .width-770 {
    width: 770px;
}
.width-780, .addpage .width-780 {
    width: 780px;
}
.width-790, .addpage .width-790 {
    width: 790px;
}
.width-800, .addpage .width-800 {
    width: 800px;
}
.width-full, .addpage .width-full {
    width: 100%;
}
/*  input自定宽度，解决IE7不支持box-sizing属性导致的宽度变长  */
input.width-30 {
 *width: 12px;
}
input.width-40 {
 *width: 22px;
}
input.width-50 {
 *width: 32px;
}
input.width-60 {
 *width: 42px;
}
input.width-70 {
 *width: 52px;
}
input.width-80 {
 *width: 62px;
}
input.width-90 {
 *width: 72px;
}
input.width-100 {
 *width: 82px;
}
input.width-110 {
 *width: 92px;
}
input.width-120 {
 *width: 102px;
}
input.width-130 {
 *width: 112px;
}
input.width-140 {
 *width: 122px;
}
input.width-150 {
 *width: 132px;
}
input.width-160 {
 *width: 142px;
}
input.width-170 {
 *width: 152px;
}
input.width-180 {
 *width: 162px;
}
input.width-190 {
 *width: 172px;
}
input.width-200 {
 *width: 182px;
}
input.width-210 {
 *width: 192px;
}
input.width-220 {
 *width: 202px;
}
input.width-230 {
 *width: 212px;
}
input.width-240 {
 *width: 222px;
}
input.width-250 {
 *width: 232px;
}
input.width-260 {
 *width: 242px;
}
input.width-270 {
 *width: 252px;
}
input.width-280 {
 *width: 262px;
}
input.width-290 {
 *width: 272px;
}
input.width-300 {
 *width: 282px;
}
input.width-310 {
 *width: 292px;
}
input.width-320 {
 *width: 302px;
}
input.width-330 {
 *width: 312px;
}
input.width-340 {
 *width: 322px;
}
input.width-350 {
 *width: 332px;
}
input.width-360 {
 *width: 342px;
}
input.width-370 {
 *width: 352px;
}
input.width-380 {
 *width: 362px;
}
input.width-390 {
 *width: 372px;
}
input.width-400 {
 *width: 382px;
}
input.width-410 {
 *width: 392px;
}
input.width-420 {
 *width: 402px;
}
input.width-430 {
 *width: 412px;
}
input.width-440 {
 *width: 422px;
}
input.width-450 {
 *width: 432px;
}
input.width-460 {
 *width: 442px;
}
input.width-470 {
 *width: 452px;
}
input.width-480 {
 *width: 462px;
}
input.width-490 {
 *width: 472px;
}
input.width-500 {
 *width: 482px;
}
input.width-510 {
 *width: 492px;
}
input.width-520 {
 *width: 502px;
}
input.width-530 {
 *width: 512px;
}
input.width-540 {
 *width: 522px;
}
input.width-550 {
 *width: 532px;
}
input.width-560 {
 *width: 542px;
}
input.width-570 {
 *width: 552px;
}
input.width-580 {
 *width: 562px;
}
input.width-590 {
 *width: 572px;
}
input.width-600 {
 *width: 582px;
}
input.width-610 {
 *width: 592px;
}
input.width-620 {
 *width: 602px;
}
input.width-630 {
 *width: 612px;
}
input.width-640 {
 *width: 622px;
}
input.width-650 {
 *width: 632px;
}
input.width-660 {
 *width: 642px;
}
input.width-670 {
 *width: 652px;
}
input.width-680 {
 *width: 662px;
}
input.width-690 {
 *width: 672px;
}
input.width-700 {
 *width: 682px;
}
input.width-710 {
 *width: 692px;
}
input.width-720 {
 *width: 702px;
}
input.width-730 {
 *width: 712px;
}
input.width-740 {
 *width: 722px;
}
input.width-750 {
 *width: 732px;
}
input.width-760 {
 *width: 742px;
}
input.width-770 {
 *width: 752px;
}
input.width-780 {
 *width: 762px;
}
input.width-790 {
 *width: 772px;
}
input.width-800 {
 *width: 782px;
}
/*  按钮的自定义宽度，解决button的宽度会包含padding  */
button.u-button-xxlwhite.width-50, button.u-button-xxlblue.width-50, button.u-button-xxlorange.width-50, button.u-button-xxlgreen.width-50, button.u-button-xxlred.width-50, button.u-button-xxlnoborder.width-50 {
    width: 80px;
}
button.u-button-xlwhite.width-50, button.u-button-xlblue.width-50, button.u-button-xlorange.width-50, button.u-button-xlgreen.width-50, button.u-button-xlred.width-50, button.u-button-xlnoborder.width-50 {
    width: 86px;
}
button.u-button-lwhite.width-50, button.u-button-lblue.width-50, button.u-button-lorange.width-50, button.u-button-lgreen.width-50, button.u-button-lred.width-50, button.u-button-lnoborder.width-50 {
    width: 90px;
}
button.u-button-mwhite.width-50, button.u-button-mblue.width-50, button.u-button-morange.width-50, button.u-button-mgreen.width-50, button.u-button-mred.width-50, button.u-button-mnoborder.width-50, button.u-button-swhite.width-50, button.u-button-sblue.width-50, button.u-button-sorange.width-50, button.u-button-sgreen.width-50, button.u-button-sred.width-50, button.u-button-snoborder.width-50 {
    width: 96px;
}
button.u-button-xxlwhite.width-60, button.u-button-xxlblue.width-60, button.u-button-xxlorange.width-60, button.u-button-xxlgreen.width-60, button.u-button-xxlred.width-60, button.u-button-xxlnoborder.width-60 {
    width: 90px;
}
button.u-button-xlwhite.width-60, button.u-button-xlblue.width-60, button.u-button-xlorange.width-60, button.u-button-xlgreen.width-60, button.u-button-xlred.width-60, button.u-button-xlnoborder.width-60 {
    width: 96px;
}
button.u-button-lwhite.width-60, button.u-button-lblue.width-60, button.u-button-lorange.width-60, button.u-button-lgreen.width-60, button.u-button-lred.width-60, button.u-button-lnoborder.width-60 {
    width: 100px;
}
button.u-button-mwhite.width-60, button.u-button-mblue.width-60, button.u-button-morange.width-60, button.u-button-mgreen.width-60, button.u-button-mred.width-60, button.u-button-mnoborder.width-60, button.u-button-swhite.width-60, button.u-button-sblue.width-60, button.u-button-sorange.width-60, button.u-button-sgreen.width-60, button.u-button-sred.width-60, button.u-button-snoborder.width-60 {
    width: 106px;
}
button.u-button-xxlwhite.width-70, button.u-button-xxlblue.width-70, button.u-button-xxlorange.width-70, button.u-button-xxlgreen.width-70, button.u-button-xxlred.width-70, button.u-button-xxlnoborder.width-70 {
    width: 100px;
}
button.u-button-xlwhite.width-70, button.u-button-xlblue.width-70, button.u-button-xlorange.width-70, button.u-button-xlgreen.width-70, button.u-button-xlred.width-70, button.u-button-xlnoborder.width-70 {
    width: 106px;
}
button.u-button-lwhite.width-70, button.u-button-lblue.width-70, button.u-button-lorange.width-70, button.u-button-lgreen.width-70, button.u-button-lred.width-70, button.u-button-lnoborder.width-70 {
    width: 110px;
}
button.u-button-mwhite.width-70, button.u-button-mblue.width-70, button.u-button-morange.width-70, button.u-button-mgreen.width-70, button.u-button-mred.width-70, button.u-button-mnoborder.width-70, button.u-button-swhite.width-70, button.u-button-sblue.width-70, button.u-button-sorange.width-70, button.u-button-sgreen.width-70, button.u-button-sred.width-70, button.u-button-snoborder.width-70 {
    width: 116px;
}
button.u-button-xxlwhite.width-80, button.u-button-xxlblue.width-80, button.u-button-xxlorange.width-80, button.u-button-xxlgreen.width-80, button.u-button-xxlred.width-80, button.u-button-xxlnoborder.width-80 {
    width: 110px;
}
button.u-button-xlwhite.width-80, button.u-button-xlblue.width-80, button.u-button-xlorange.width-80, button.u-button-xlgreen.width-80, button.u-button-xlred.width-80, button.u-button-xlnoborder.width-80 {
    width: 116px;
}
button.u-button-lwhite.width-80, button.u-button-lblue.width-80, button.u-button-lorange.width-80, button.u-button-lgreen.width-80, button.u-button-lred.width-80, button.u-button-lnoborder.width-80 {
    width: 120px;
}
button.u-button-mwhite.width-80, button.u-button-mblue.width-80, button.u-button-morange.width-80, button.u-button-mgreen.width-80, button.u-button-mred.width-80, button.u-button-mnoborder.width-80, button.u-button-swhite.width-80, button.u-button-sblue.width-80, button.u-button-sorange.width-80, button.u-button-sgreen.width-80, button.u-button-sred.width-80, button.u-button-snoborder.width-80 {
    width: 126px;
}
button.u-button-xxlwhite.width-90, button.u-button-xxlblue.width-90, button.u-button-xxlorange.width-90, button.u-button-xxlgreen.width-90, button.u-button-xxlred.width-90, button.u-button-xxlnoborder.width-90 {
    width: 120px;
}
button.u-button-xlwhite.width-90, button.u-button-xlblue.width-90, button.u-button-xlorange.width-90, button.u-button-xlgreen.width-90, button.u-button-xlred.width-90, button.u-button-xlnoborder.width-90 {
    width: 126px;
}
button.u-button-lwhite.width-90, button.u-button-lblue.width-90, button.u-button-lorange.width-90, button.u-button-lgreen.width-90, button.u-button-lred.width-90, button.u-button-lnoborder.width-90 {
    width: 130px;
}
button.u-button-mwhite.width-90, button.u-button-mblue.width-90, button.u-button-morange.width-90, button.u-button-mgreen.width-90, button.u-button-mred.width-90, button.u-button-mnoborder.width-90, button.u-button-swhite.width-90, button.u-button-sblue.width-90, button.u-button-sorange.width-90, button.u-button-sgreen.width-90, button.u-button-sred.width-90, button.u-button-snoborder.width-90 {
    width: 136px;
}
button.u-button-xxlwhite.width-100, button.u-button-xxlblue.width-100, button.u-button-xxlorange.width-100, button.u-button-xxlgreen.width-100, button.u-button-xxlred.width-100, button.u-button-xxlnoborder.width-100 {
    width: 130px;
}
button.u-button-xlwhite.width-100, button.u-button-xlblue.width-100, button.u-button-xlorange.width-100, button.u-button-xlgreen.width-100, button.u-button-xlred.width-100, button.u-button-xlnoborder.width-100 {
    width: 136px;
}
button.u-button-lwhite.width-100, button.u-button-lblue.width-100, button.u-button-lorange.width-100, button.u-button-lgreen.width-100, button.u-button-lred.width-100, button.u-button-lnoborder.width-100 {
    width: 140px;
}
button.u-button-mwhite.width-100, button.u-button-mblue.width-100, button.u-button-morange.width-100, button.u-button-mgreen.width-100, button.u-button-mred.width-100, button.u-button-mnoborder.width-100, button.u-button-swhite.width-100, button.u-button-sblue.width-100, button.u-button-sorange.width-100, button.u-button-sgreen.width-100, button.u-button-sred.width-100, button.u-button-snoborder.width-100 {
    width: 146px;
}
button.u-button-xxlwhite.width-110, button.u-button-xxlblue.width-110, button.u-button-xxlorange.width-110, button.u-button-xxlgreen.width-110, button.u-button-xxlred.width-110, button.u-button-xxlnoborder.width-110 {
    width: 140px;
}
button.u-button-xlwhite.width-110, button.u-button-xlblue.width-110, button.u-button-xlorange.width-110, button.u-button-xlgreen.width-110, button.u-button-xlred.width-110, button.u-button-xlnoborder.width-110 {
    width: 146px;
}
button.u-button-lwhite.width-110, button.u-button-lblue.width-110, button.u-button-lorange.width-110, button.u-button-lgreen.width-110, button.u-button-lred.width-110, button.u-button-lnoborder.width-110 {
    width: 150px;
}
button.u-button-mwhite.width-110, button.u-button-mblue.width-110, button.u-button-morange.width-110, button.u-button-mgreen.width-110, button.u-button-mred.width-110, button.u-button-mnoborder.width-110, button.u-button-swhite.width-110, button.u-button-sblue.width-110, button.u-button-sorange.width-110, button.u-button-sgreen.width-110, button.u-button-sred.width-110, button.u-button-snoborder.width-110 {
    width: 156px;
}
button.u-button-xxlwhite.width-120, button.u-button-xxlblue.width-120, button.u-button-xxlorange.width-120, button.u-button-xxlgreen.width-120, button.u-button-xxlred.width-120, button.u-button-xxlnoborder.width-120 {
    width: 150px;
}
button.u-button-xlwhite.width-120, button.u-button-xlblue.width-120, button.u-button-xlorange.width-120, button.u-button-xlgreen.width-120, button.u-button-xlred.width-120, button.u-button-xlnoborder.width-120 {
    width: 156px;
}
button.u-button-lwhite.width-120, button.u-button-lblue.width-120, button.u-button-lorange.width-120, button.u-button-lgreen.width-120, button.u-button-lred.width-120, button.u-button-lnoborder.width-120 {
    width: 160px;
}
button.u-button-mwhite.width-120, button.u-button-mblue.width-120, button.u-button-morange.width-120, button.u-button-mgreen.width-120, button.u-button-mred.width-120, button.u-button-mnoborder.width-120, button.u-button-swhite.width-120, button.u-button-sblue.width-120, button.u-button-sorange.width-120, button.u-button-sgreen.width-120, button.u-button-sred.width-120, button.u-button-snoborder.width-120 {
    width: 166px;
}
button.u-button-xxlwhite.width-130, button.u-button-xxlblue.width-130, button.u-button-xxlorange.width-130, button.u-button-xxlgreen.width-130, button.u-button-xxlred.width-130, button.u-button-xxlnoborder.width-130 {
    width: 160px;
}
button.u-button-xlwhite.width-130, button.u-button-xlblue.width-130, button.u-button-xlorange.width-130, button.u-button-xlgreen.width-130, button.u-button-xlred.width-130, button.u-button-xlnoborder.width-130 {
    width: 166px;
}
button.u-button-lwhite.width-130, button.u-button-lblue.width-130, button.u-button-lorange.width-130, button.u-button-lgreen.width-130, button.u-button-lred.width-130, button.u-button-lnoborder.width-130 {
    width: 170px;
}
button.u-button-mwhite.width-130, button.u-button-mblue.width-130, button.u-button-morange.width-130, button.u-button-mgreen.width-130, button.u-button-mred.width-130, button.u-button-mnoborder.width-130, button.u-button-swhite.width-130, button.u-button-sblue.width-130, button.u-button-sorange.width-130, button.u-button-sgreen.width-130, button.u-button-sred.width-130, button.u-button-snoborder.width-130 {
    width: 176px;
}
button.u-button-xxlwhite.width-140, button.u-button-xxlblue.width-140, button.u-button-xxlorange.width-140, button.u-button-xxlgreen.width-140, button.u-button-xxlred.width-140, button.u-button-xxlnoborder.width-140 {
    width: 170px;
}
button.u-button-xlwhite.width-140, button.u-button-xlblue.width-140, button.u-button-xlorange.width-140, button.u-button-xlgreen.width-140, button.u-button-xlred.width-140, button.u-button-xlnoborder.width-140 {
    width: 176px;
}
button.u-button-lwhite.width-140, button.u-button-lblue.width-140, button.u-button-lorange.width-140, button.u-button-lgreen.width-140, button.u-button-lred.width-140, button.u-button-lnoborder.width-140 {
    width: 180px;
}
button.u-button-mwhite.width-140, button.u-button-mblue.width-140, button.u-button-morange.width-140, button.u-button-mgreen.width-140, button.u-button-mred.width-140, button.u-button-mnoborder.width-140, button.u-button-swhite.width-140, button.u-button-sblue.width-140, button.u-button-sorange.width-140, button.u-button-sgreen.width-140, button.u-button-sred.width-140, button.u-button-snoborder.width-140 {
    width: 186px;
}
button.u-button-xxlwhite.width-150, button.u-button-xxlblue.width-150, button.u-button-xxlorange.width-150, button.u-button-xxlgreen.width-150, button.u-button-xxlred.width-150, button.u-button-xxlnoborder.width-150 {
    width: 180px;
}
button.u-button-xlwhite.width-150, button.u-button-xlblue.width-150, button.u-button-xlorange.width-150, button.u-button-xlgreen.width-150, button.u-button-xlred.width-150, button.u-button-xlnoborder.width-150 {
    width: 186px;
}
button.u-button-lwhite.width-150, button.u-button-lblue.width-150, button.u-button-lorange.width-150, button.u-button-lgreen.width-150, button.u-button-lred.width-150, button.u-button-lnoborder.width-150 {
    width: 190px;
}
button.u-button-mwhite.width-150, button.u-button-mblue.width-150, button.u-button-morange.width-150, button.u-button-mgreen.width-150, button.u-button-mred.width-150, button.u-button-mnoborder.width-150, button.u-button-swhite.width-150, button.u-button-sblue.width-150, button.u-button-sorange.width-150, button.u-button-sgreen.width-150, button.u-button-sred.width-150, button.u-button-snoborder.width-150 {
    width: 196px;
}
button.u-button-xxlwhite.width-160, button.u-button-xxlblue.width-160, button.u-button-xxlorange.width-160, button.u-button-xxlgreen.width-160, button.u-button-xxlred.width-160, button.u-button-xxlnoborder.width-160 {
    width: 190px;
}
button.u-button-xlwhite.width-160, button.u-button-xlblue.width-160, button.u-button-xlorange.width-160, button.u-button-xlgreen.width-160, button.u-button-xlred.width-160, button.u-button-xlnoborder.width-160 {
    width: 196px;
}
button.u-button-lwhite.width-160, button.u-button-lblue.width-160, button.u-button-lorange.width-160, button.u-button-lgreen.width-160, button.u-button-lred.width-160, button.u-button-lnoborder.width-160 {
    width: 200px;
}
button.u-button-mwhite.width-160, button.u-button-mblue.width-160, button.u-button-morange.width-160, button.u-button-mgreen.width-160, button.u-button-mred.width-160, button.u-button-mnoborder.width-160, button.u-button-swhite.width-160, button.u-button-sblue.width-160, button.u-button-sorange.width-160, button.u-button-sgreen.width-160, button.u-button-sred.width-160, button.u-button-snoborder.width-160 {
    width: 206px;
}
button.u-button-xxlwhite.width-170, button.u-button-xxlblue.width-170, button.u-button-xxlorange.width-170, button.u-button-xxlgreen.width-170, button.u-button-xxlred.width-170, button.u-button-xxlnoborder.width-170 {
    width: 200px;
}
button.u-button-xlwhite.width-170, button.u-button-xlblue.width-170, button.u-button-xlorange.width-170, button.u-button-xlgreen.width-170, button.u-button-xlred.width-170, button.u-button-xlnoborder.width-170 {
    width: 206px;
}
button.u-button-lwhite.width-170, button.u-button-lblue.width-170, button.u-button-lorange.width-170, button.u-button-lgreen.width-170, button.u-button-lred.width-170, button.u-button-lnoborder.width-170 {
    width: 210px;
}
button.u-button-mwhite.width-170, button.u-button-mblue.width-170, button.u-button-morange.width-170, button.u-button-mgreen.width-170, button.u-button-mred.width-170, button.u-button-mnoborder.width-170, button.u-button-swhite.width-170, button.u-button-sblue.width-170, button.u-button-sorange.width-170, button.u-button-sgreen.width-170, button.u-button-sred.width-170, button.u-button-snoborder.width-170 {
    width: 216px;
}
button.u-button-xxlwhite.width-180, button.u-button-xxlblue.width-180, button.u-button-xxlorange.width-180, button.u-button-xxlgreen.width-180, button.u-button-xxlred.width-180, button.u-button-xxlnoborder.width-180 {
    width: 210px;
}
button.u-button-xlwhite.width-180, button.u-button-xlblue.width-180, button.u-button-xlorange.width-180, button.u-button-xlgreen.width-180, button.u-button-xlred.width-180, button.u-button-xlnoborder.width-180 {
    width: 216px;
}
button.u-button-lwhite.width-180, button.u-button-lblue.width-180, button.u-button-lorange.width-180, button.u-button-lgreen.width-180, button.u-button-lred.width-180, button.u-button-lnoborder.width-180 {
    width: 220px;
}
button.u-button-mwhite.width-180, button.u-button-mblue.width-180, button.u-button-morange.width-180, button.u-button-mgreen.width-180, button.u-button-mred.width-180, button.u-button-mnoborder.width-180, button.u-button-swhite.width-180, button.u-button-sblue.width-180, button.u-button-sorange.width-180, button.u-button-sgreen.width-180, button.u-button-sred.width-180, button.u-button-snoborder.width-180 {
    width: 226px;
}
button.u-button-xxlwhite.width-190, button.u-button-xxlblue.width-190, button.u-button-xxlorange.width-190, button.u-button-xxlgreen.width-190, button.u-button-xxlred.width-190, button.u-button-xxlnoborder.width-190 {
    width: 220px;
}
button.u-button-xlwhite.width-190, button.u-button-xlblue.width-190, button.u-button-xlorange.width-190, button.u-button-xlgreen.width-190, button.u-button-xlred.width-190, button.u-button-xlnoborder.width-190 {
    width: 226px;
}
button.u-button-lwhite.width-190, button.u-button-lblue.width-190, button.u-button-lorange.width-190, button.u-button-lgreen.width-190, button.u-button-lred.width-190, button.u-button-lnoborder.width-190 {
    width: 230px;
}
button.u-button-mwhite.width-190, button.u-button-mblue.width-190, button.u-button-morange.width-190, button.u-button-mgreen.width-190, button.u-button-mred.width-190, button.u-button-mnoborder.width-190, button.u-button-swhite.width-190, button.u-button-sblue.width-190, button.u-button-sorange.width-190, button.u-button-sgreen.width-190, button.u-button-sred.width-190, button.u-button-snoborder.width-190 {
    width: 236px;
}
button.u-button-xxlwhite.width-200, button.u-button-xxlblue.width-200, button.u-button-xxlorange.width-200, button.u-button-xxlgreen.width-200, button.u-button-xxlred.width-200, button.u-button-xxlnoborder.width-200 {
    width: 230px;
}
button.u-button-xlwhite.width-200, button.u-button-xlblue.width-200, button.u-button-xlorange.width-200, button.u-button-xlgreen.width-200, button.u-button-xlred.width-200, button.u-button-xlnoborder.width-200 {
    width: 236px;
}
button.u-button-lwhite.width-200, button.u-button-lblue.width-200, button.u-button-lorange.width-200, button.u-button-lgreen.width-200, button.u-button-lred.width-200, button.u-button-lnoborder.width-200 {
    width: 240px;
}
button.u-button-mwhite.width-200, button.u-button-mblue.width-200, button.u-button-morange.width-200, button.u-button-mgreen.width-200, button.u-button-mred.width-200, button.u-button-mnoborder.width-200, button.u-button-swhite.width-200, button.u-button-sblue.width-200, button.u-button-sorange.width-200, button.u-button-sgreen.width-200, button.u-button-sred.width-200, button.u-button-snoborder.width-200 {
    width: 246px;
}
button.u-button-xxlwhite.width-210, button.u-button-xxlblue.width-210, button.u-button-xxlorange.width-210, button.u-button-xxlgreen.width-210, button.u-button-xxlred.width-210, button.u-button-xxlnoborder.width-210 {
    width: 240px;
}
button.u-button-xlwhite.width-210, button.u-button-xlblue.width-210, button.u-button-xlorange.width-210, button.u-button-xlgreen.width-210, button.u-button-xlred.width-210, button.u-button-xlnoborder.width-210 {
    width: 246px;
}
button.u-button-lwhite.width-210, button.u-button-lblue.width-210, button.u-button-lorange.width-210, button.u-button-lgreen.width-210, button.u-button-lred.width-210, button.u-button-lnoborder.width-210 {
    width: 250px;
}
button.u-button-mwhite.width-210, button.u-button-mblue.width-210, button.u-button-morange.width-210, button.u-button-mgreen.width-210, button.u-button-mred.width-210, button.u-button-mnoborder.width-210, button.u-button-swhite.width-210, button.u-button-sblue.width-210, button.u-button-sorange.width-210, button.u-button-sgreen.width-210, button.u-button-sred.width-210, button.u-button-snoborder.width-210 {
    width: 256px;
}
button.u-button-xxlwhite.width-220, button.u-button-xxlblue.width-220, button.u-button-xxlorange.width-220, button.u-button-xxlgreen.width-220, button.u-button-xxlred.width-220, button.u-button-xxlnoborder.width-220 {
    width: 250px;
}
button.u-button-xlwhite.width-220, button.u-button-xlblue.width-220, button.u-button-xlorange.width-220, button.u-button-xlgreen.width-220, button.u-button-xlred.width-220, button.u-button-xlnoborder.width-220 {
    width: 256px;
}
button.u-button-lwhite.width-220, button.u-button-lblue.width-220, button.u-button-lorange.width-220, button.u-button-lgreen.width-220, button.u-button-lred.width-220, button.u-button-lnoborder.width-220 {
    width: 260px;
}
button.u-button-mwhite.width-220, button.u-button-mblue.width-220, button.u-button-morange.width-220, button.u-button-mgreen.width-220, button.u-button-mred.width-220, button.u-button-mnoborder.width-220, button.u-button-swhite.width-220, button.u-button-sblue.width-220, button.u-button-sorange.width-220, button.u-button-sgreen.width-220, button.u-button-sred.width-220, button.u-button-snoborder.width-220 {
    width: 266px;
}
button.u-button-xxlwhite.width-230, button.u-button-xxlblue.width-230, button.u-button-xxlorange.width-230, button.u-button-xxlgreen.width-230, button.u-button-xxlred.width-230, button.u-button-xxlnoborder.width-230 {
    width: 260px;
}
button.u-button-xlwhite.width-230, button.u-button-xlblue.width-230, button.u-button-xlorange.width-230, button.u-button-xlgreen.width-230, button.u-button-xlred.width-230, button.u-button-xlnoborder.width-230 {
    width: 266px;
}
button.u-button-lwhite.width-230, button.u-button-lblue.width-230, button.u-button-lorange.width-230, button.u-button-lgreen.width-230, button.u-button-lred.width-230, button.u-button-lnoborder.width-230 {
    width: 270px;
}
button.u-button-mwhite.width-230, button.u-button-mblue.width-230, button.u-button-morange.width-230, button.u-button-mgreen.width-230, button.u-button-mred.width-230, button.u-button-mnoborder.width-230, button.u-button-swhite.width-230, button.u-button-sblue.width-230, button.u-button-sorange.width-230, button.u-button-sgreen.width-230, button.u-button-sred.width-230, button.u-button-snoborder.width-230 {
    width: 276px;
}
button.u-button-xxlwhite.width-240, button.u-button-xxlblue.width-240, button.u-button-xxlorange.width-240, button.u-button-xxlgreen.width-240, button.u-button-xxlred.width-240, button.u-button-xxlnoborder.width-240 {
    width: 270px;
}
button.u-button-xlwhite.width-240, button.u-button-xlblue.width-240, button.u-button-xlorange.width-240, button.u-button-xlgreen.width-240, button.u-button-xlred.width-240, button.u-button-xlnoborder.width-240 {
    width: 276px;
}
button.u-button-lwhite.width-240, button.u-button-lblue.width-240, button.u-button-lorange.width-240, button.u-button-lgreen.width-240, button.u-button-lred.width-240, button.u-button-lnoborder.width-240 {
    width: 280px;
}
button.u-button-mwhite.width-240, button.u-button-mblue.width-240, button.u-button-morange.width-240, button.u-button-mgreen.width-240, button.u-button-mred.width-240, button.u-button-mnoborder.width-240, button.u-button-swhite.width-240, button.u-button-sblue.width-240, button.u-button-sorange.width-240, button.u-button-sgreen.width-240, button.u-button-sred.width-240, button.u-button-snoborder.width-240 {
    width: 286px;
}
button.u-button-xxlwhite.width-250, button.u-button-xxlblue.width-250, button.u-button-xxlorange.width-250, button.u-button-xxlgreen.width-250, button.u-button-xxlred.width-250, button.u-button-xxlnoborder.width-250 {
    width: 280px;
}
button.u-button-xlwhite.width-250, button.u-button-xlblue.width-250, button.u-button-xlorange.width-250, button.u-button-xlgreen.width-250, button.u-button-xlred.width-250, button.u-button-xlnoborder.width-250 {
    width: 286px;
}
button.u-button-lwhite.width-250, button.u-button-lblue.width-250, button.u-button-lorange.width-250, button.u-button-lgreen.width-250, button.u-button-lred.width-250, button.u-button-lnoborder.width-250 {
    width: 290px;
}
button.u-button-mwhite.width-250, button.u-button-mblue.width-250, button.u-button-morange.width-250, button.u-button-mgreen.width-250, button.u-button-mred.width-250, button.u-button-mnoborder.width-250, button.u-button-swhite.width-250, button.u-button-sblue.width-250, button.u-button-sorange.width-250, button.u-button-sgreen.width-250, button.u-button-sred.width-250, button.u-button-snoborder.width-250 {
    width: 296px;
}
button.u-button-xxlwhite.width-260, button.u-button-xxlblue.width-260, button.u-button-xxlorange.width-260, button.u-button-xxlgreen.width-260, button.u-button-xxlred.width-260, button.u-button-xxlnoborder.width-260 {
    width: 290px;
}
button.u-button-xlwhite.width-260, button.u-button-xlblue.width-260, button.u-button-xlorange.width-260, button.u-button-xlgreen.width-260, button.u-button-xlred.width-260, button.u-button-xlnoborder.width-260 {
    width: 296px;
}
button.u-button-lwhite.width-260, button.u-button-lblue.width-260, button.u-button-lorange.width-260, button.u-button-lgreen.width-260, button.u-button-lred.width-260, button.u-button-lnoborder.width-260 {
    width: 300px;
}
button.u-button-mwhite.width-260, button.u-button-mblue.width-260, button.u-button-morange.width-260, button.u-button-mgreen.width-260, button.u-button-mred.width-260, button.u-button-mnoborder.width-260, button.u-button-swhite.width-260, button.u-button-sblue.width-260, button.u-button-sorange.width-260, button.u-button-sgreen.width-260, button.u-button-sred.width-260, button.u-button-snoborder.width-260 {
    width: 306px;
}
button.u-button-xxlwhite.width-270, button.u-button-xxlblue.width-270, button.u-button-xxlorange.width-270, button.u-button-xxlgreen.width-270, button.u-button-xxlred.width-270, button.u-button-xxlnoborder.width-270 {
    width: 300px;
}
button.u-button-xlwhite.width-270, button.u-button-xlblue.width-270, button.u-button-xlorange.width-270, button.u-button-xlgreen.width-270, button.u-button-xlred.width-270, button.u-button-xlnoborder.width-270 {
    width: 306px;
}
button.u-button-lwhite.width-270, button.u-button-lblue.width-270, button.u-button-lorange.width-270, button.u-button-lgreen.width-270, button.u-button-lred.width-270, button.u-button-lnoborder.width-270 {
    width: 310px;
}
button.u-button-mwhite.width-270, button.u-button-mblue.width-270, button.u-button-morange.width-270, button.u-button-mgreen.width-270, button.u-button-mred.width-270, button.u-button-mnoborder.width-270, button.u-button-swhite.width-270, button.u-button-sblue.width-270, button.u-button-sorange.width-270, button.u-button-sgreen.width-270, button.u-button-sred.width-270, button.u-button-snoborder.width-270 {
    width: 316px;
}
button.u-button-xxlwhite.width-280, button.u-button-xxlblue.width-280, button.u-button-xxlorange.width-280, button.u-button-xxlgreen.width-280, button.u-button-xxlred.width-280, button.u-button-xxlnoborder.width-280 {
    width: 310px;
}
button.u-button-xlwhite.width-280, button.u-button-xlblue.width-280, button.u-button-xlorange.width-280, button.u-button-xlgreen.width-280, button.u-button-xlred.width-280, button.u-button-xlnoborder.width-280 {
    width: 316px;
}
button.u-button-lwhite.width-280, button.u-button-lblue.width-280, button.u-button-lorange.width-280, button.u-button-lgreen.width-280, button.u-button-lred.width-280, button.u-button-lnoborder.width-280 {
    width: 320px;
}
button.u-button-mwhite.width-280, button.u-button-mblue.width-280, button.u-button-morange.width-280, button.u-button-mgreen.width-280, button.u-button-mred.width-280, button.u-button-mnoborder.width-280, button.u-button-swhite.width-280, button.u-button-sblue.width-280, button.u-button-sorange.width-280, button.u-button-sgreen.width-280, button.u-button-sred.width-280, button.u-button-snoborder.width-280 {
    width: 326px;
}
button.u-button-xxlwhite.width-290, button.u-button-xxlblue.width-290, button.u-button-xxlorange.width-290, button.u-button-xxlgreen.width-290, button.u-button-xxlred.width-290, button.u-button-xxlnoborder.width-290 {
    width: 320px;
}
button.u-button-xlwhite.width-290, button.u-button-xlblue.width-290, button.u-button-xlorange.width-290, button.u-button-xlgreen.width-290, button.u-button-xlred.width-290, button.u-button-xlnoborder.width-290 {
    width: 326px;
}
button.u-button-lwhite.width-290, button.u-button-lblue.width-290, button.u-button-lorange.width-290, button.u-button-lgreen.width-290, button.u-button-lred.width-290, button.u-button-lnoborder.width-290 {
    width: 330px;
}
button.u-button-mwhite.width-290, button.u-button-mblue.width-290, button.u-button-morange.width-290, button.u-button-mgreen.width-290, button.u-button-mred.width-290, button.u-button-mnoborder.width-290, button.u-button-swhite.width-290, button.u-button-sblue.width-290, button.u-button-sorange.width-290, button.u-button-sgreen.width-290, button.u-button-sred.width-290, button.u-button-snoborder.width-290 {
    width: 336px;
}
button.u-button-xxlwhite.width-300, button.u-button-xxlblue.width-300, button.u-button-xxlorange.width-300, button.u-button-xxlgreen.width-300, button.u-button-xxlred.width-300, button.u-button-xxlnoborder.width-300 {
    width: 330px;
}
button.u-button-xlwhite.width-300, button.u-button-xlblue.width-300, button.u-button-xlorange.width-300, button.u-button-xlgreen.width-300, button.u-button-xlred.width-300, button.u-button-xlnoborder.width-300 {
    width: 336px;
}
button.u-button-lwhite.width-300, button.u-button-lblue.width-300, button.u-button-lorange.width-300, button.u-button-lgreen.width-300, button.u-button-lred.width-300, button.u-button-lnoborder.width-300 {
    width: 340px;
}
button.u-button-mwhite.width-300, button.u-button-mblue.width-300, button.u-button-morange.width-300, button.u-button-mgreen.width-300, button.u-button-mred.width-300, button.u-button-mnoborder.width-300, button.u-button-swhite.width-300, button.u-button-sblue.width-300, button.u-button-sorange.width-300, button.u-button-sgreen.width-300, button.u-button-sred.width-300, button.u-button-snoborder.width-300 {
    width: 356px;
}
/*  文字颜色公用类  */
.text-green {
    color: #2cc17b;
}
.text-orange {
    color: #ff6600;
}
.text-red {
    color: red;
}
.text-gray {
    color: #999;
}
/*  暂无信息  */
.noinfo {
    display: block;
    padding: 80px 0px;
    text-align: center;
}
.noinfo .icon, .noinfo h2, .noinfo span, .noinfo .links {
    display: block;
    width: 440px;
    margin: 0px auto;
}
.noinfo .icon {
    height: 90px;
    background: url(../images/nofile.png) no-repeat center center;
}
.noinfo h2 {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #666;
}
.noinfo span {
    margin-top: 5px;
    line-height: 24px;
    font-size: 12px;
    color: #bbb;
}
.noinfo .links {
    height: 32px;
    margin-top: 25px;
}
.noinfo .links a {
    display: block;
    margin: 0px auto;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    border: #ddd 1px solid;
    border-radius: 3px;
    color: #666;
}
.noinfo .links a:hover {
    background-color: #f9f9f9;
}



/*  滑块开关按钮  */
.u-switchbutton {
    display: block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background-color: #ccc;
}
.u-switchbutton em {
    float: left;
    margin: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    background-color: #fff;
}
.u-switchbutton.on {
    background-color: #1cbd5f;
}
.u-switchbutton.orange.on {
    background-color: #ff9900;
}
.u-switchbutton.red.on {
    background-color: #ff6666;
}
.u-switchbutton.on em {
    margin-left: 21px;
}

/*  滑块开关按钮  */
.u-switchbutton {
    display: block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    background-color: #ccc;
}

.u-switchbutton em {
    float: left;
    margin: 1px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    background-color: #fff;
}

.u-switchbutton.on {
    background-color: #1cbd5f;
}

.u-switchbutton.orange.on {
    background-color: #ff9900;
}

.u-switchbutton.red.on {
    background-color: #ff6666;
}

.u-switchbutton.on em {
    margin-left: 21px;
}

/* ========== CSS Function & Status 功能样式与常用状态，从常用样式方法中抽离，使用频率较高 ========== */

/* 清理浮动 */
.f-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.f-clear {
    zoom: 1; /* for IE6 IE7 */
}
/* 单行文字溢出时出现省略号，需设定宽度 */
.f-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 默认浅色的渐变 */
.f-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
    background: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background: linear-gradient(top, #ffffff, #f5f5f5);
}
.f-linear:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -moz-linear-gradient(top, #ffffff, #eeeeee);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background: -o-linear-gradient(top, #ffffff, #eeeeee);
    background: linear-gradient(top, #ffffff, #eeeeee);
}
.f-linear:active {
    background: #eee;
}
/* 蓝色的渐变 */
.f-linear-blue {
    background: -webkit-gradient(linear, left top, left bottom, from(#47a0ff), to(#3c96ff));
    background: -moz-linear-gradient(top, #47a0ff, #3c96ff);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47a0ff', endColorstr='#3c96ff');
    background: -o-linear-gradient(top, #47a0ff, #3c96ff);
    background: linear-gradient(top, #47a0ff, #3c96ff);
}
.f-linear-blue:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#60adff), to(#54a3ff));
    background: -moz-linear-gradient(top, #60adff, #54a3ff);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60adff', endColorstr='#54a3ff');
    background: -o-linear-gradient(top, #60adff, #54a3ff);
    background: linear-gradient(top, #60adff, #54a3ff);
}
.f-linear-blue:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#4789e6), to(#4f92f1));
    background: -moz-linear-gradient(top, #4789e6, #4f92f1);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4789e6', endColorstr='#4f92f1');
    background: -o-linear-gradient(top, #4789e6, #4f92f1);
    background: linear-gradient(top, #4789e6, #4f92f1);
}
/* 绿色的渐变 */
.f-linear-green {
    background: -webkit-gradient(linear, left top, left bottom, from(#2cc17b), to(#21b06d));
    background: -moz-linear-gradient(top, #2cc17b, #21b06d);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2cc17b', endColorstr='#21b06d');
    background: -o-linear-gradient(top, #2cc17b, #21b06d);
    background: linear-gradient(top, #2cc17b, #21b06d);
}
/* 支持chrome 下小于12px字体的情况 */
.f-webkit-adjust {
    -webkit-text-size-adjust: none;
}
.f-block {
    display: block;
}
.f-inline {
    display: inline-block;
 *display: inline;
 *zoom: 1;
}
/* 显示与隐藏, 通常用来与 JS 配合 */
.z-show {
    display: block;
}
.z-hide {
    display: none;
}
.m-form-item .u-input.z-hide, .m-form-item .u-textarea.z-hide, .m-form-item .u-select.z-hide {
    display: none;
}
/* ========== CSS Function & Status End ========== */






/* 自定义修改  */
.cascade-loading {
    display: none;
    position: absolute;
    text-align: center;
    padding: 100px 0 0 0;
    height: 120px;
    -moz-user-select: none;
    z-index: 200
}

.cascade-loading-profe {
    display: none;
    position: absolute;
    text-align: center;
    padding: 100px 0 0 0;
    height: 220px;
    -moz-user-select: none;
    z-index: 200
}
/* ==========  查看页面样式END ========== */

.modal-backdrop {
    -moz-user-select: none;
    display: none;
}
body.menu-active .modal-backdrop {
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.u-dropmenu-choose .u-dropmenu-clean {
    margin: 10px 0px 0 20px;
    line-height: 20px;
}
.u-dropmenu.menu-active {
    z-index: 901
}
.u-dropmenu.menu-active .u-dropmenu-search {
    display: block;
}
.u-dropmenu-small {
    z-index: 30001;
}
.viewpage .m-table-container {
    margin-bottom: 10px;
}
.shortcut-item:hover .iconfont, .m-nav-first:hover .iconfont, .userinfo-bd a:hover .iconfont {
    animation: userNav 0.5s ease;
    -moz-animation: userNav 0.5s ease;	/* Firefox */
    -webkit-animation: userNav 0.5s ease;	/* Safari 和 Chrome */
    -o-animation: userNav 0.5s ease;	/* Opera */
}
.loading-icon {
/* animation: 3s linear 0s normal none infinite rotate;
	-webkit-animation:3s linear 0s normal none infinite rotate; */
}
 @-webkit-keyframes rotate {
from {
-webkit-transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform:rotate(0deg)
}
to {
-moz-transform:rotate(360deg)
}
}
@-ms-keyframes rotate {
from {
-ms-transform:rotate(0deg)
}
to {
-ms-transform:rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-o-transform:rotate(0deg)
}
to {
-o-transform:rotate(360deg)
}
}
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    overflow: hidden;
}
.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
    background-color: #eee;
}
.ac_over {
    background-color: #0A246A;
    color: white;
}
em.red {
    background-color: #FF6363;
}
em.green {
    background-color: #36c000;
}
em.green, em.orange, em.red {
    float: left;
    padding: 0px 3px;
    margin: 0px 4px 0px 0px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 2px;
    color: #FFF;
	vertical-align: middle;
}

/*  滑块控件  */
.slidingWidget {
    float: left;
    position: relative;
    overflow: hidden;
    display: block;
    width: 330px;
    height: 30px;
}
.slidingWidget .swg-control {
    position: absolute;
    top: 5px;
    left: -10px;
    z-index: 11;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #3c88e9;
}
.slidingWidget .swg-cover {
    position: absolute;
    top: 0px;
    z-index: 10;
    display: block;
    height: 4px;
    line-height: 4px;
    border-radius: 20px;
    margin: 13px 0px;
    background-color: #3c88e9;
}
.slidingWidget .swg-background {
    position: absolute;
    top: 0px;
    display: block;
    width: 320px;
    height: 4px;
    line-height: 4px;
    border-radius: 20px;
    margin: 13px 0px;
    background-color: #ddd;
}
.specialpage, .specialpage h2, .specialpage p {
    width: 1000px;
    margin: 30px auto;
    line-height: 30px;
    text-align: center;
}
.specialpage div {
    text-align: center;
}
.specialpage h2 {
    margin: 10px auto;
    font-size: 20px;
    font-weight: bold;
}
.specialpage p {
    margin: 0px auto;
    font-size: 14px;
}
/*  定制化页面样式  */

/*  新样式标题部分  */
.frame-main-newstyle .frame-main-hd {
    height: 62px;
}
.frame-main-newstyle .frame-main-bd {
    padding-top: 0px;
}
.frame-main-newstyle .m-title-new {
    position: relative;
    display: block;
    padding: 15px 20px;
    height: 32px;
    line-height: 32px;
}
.frame-main-newstyle .m-title-new h2 em {
    float: left;
    font-size: 17px;
    font-weight: bold;
    color: #444;
}
.frame-main-newstyle .m-title-new h2 a {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
}
.frame-main-newstyle .m-title-new h2 a .iconfont {
    font-size: 22px;
    color: #bbb;
}
.m-title-new .m-title-links {
    position: absolute;
    right: 20px;
    top: 15px;
}
.m-title-new .m-title-links .u-button {
    border-radius: 2px;
    border: none;
    box-shadow: none;
    padding: 0px 15px;
    background-color: #1cbd5f;
}
.m-title-new .m-title-links .u-button:hover {
    background-color: #2ac76b;
}
.frame-main-newstyle .m-box {
    padding: 20px;
}
.frame-main-newstyle .m-filterbar {
    position: relative;
    z-index: 900;
    display: block;
    height: 54px;
    line-height: 54px;
    border-bottom: #eff1f3 1px solid;
}
.frame-main-newstyle .m-filterbar.m-filterbar-fixed {
    position: fixed;
    top: 54px;
    border-bottom: none;
    background-color: #fff;
    z-index: 888;
    border-bottom: #eff1f3 1px solid;
}
.m-filterbar .m-tab-new {
    position: absolute;
    float: left;
    padding-left: 20px;
    height: 54px;
}
.m-filterbar .m-tab-new a {
    float: left;
    padding: 0px 10px;
    margin-right: 5px;
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    color: #666;
}
.m-filterbar .m-tab-new a em {
    color: #ff6600;
    margin-left: 6px;
}
.m-filterbar .m-tab-new a.current {
    border-bottom: #0095f3 1px solid;
    color: #444;
    font-weight: bold;
}
.m-filterbar .m-selectgroup {
    position: absolute;
    right: 270px;
    background-color: #fff;
}
.m-selectgroup .u-select-new, .m-selectgroup .u-select-new .u-select-link {
    float: left;
    height: 54px;
    line-height: 54px;
    color: #666;
    font-size: 14px;
}
.m-selectgroup .u-select-new {
    position: relative;
    width: auto;
}
.m-selectgroup .u-select-new .u-select-link {
    padding: 0px 30px 0px 15px;
    max-width: 112px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-selectgroup .u-select-new .u-select-link .iconfont {
    position: absolute;
    right: 10px;
    top: 0px;
    margin-left: 6px;
    color: #ccc;
}
.m-selectgroup .u-select-new ul {
    position: absolute;
    left: 0px;
    display: none;
    min-width: 120px;
    padding: 10px 0px;
    margin-top: 54px;
    background-color: #fff;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    z-index: 999;
}
.m-selectgroup .u-select-new:hover ul {
    display: block;
}
.m-selectgroup .u-select-new ul li, .m-selectgroup .u-select-new ul li a {
    display: block;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
}
.m-selectgroup .u-select-new ul li a {
    color: #666;
    padding: 0px 25px;
}
.m-selectgroup .u-select-new ul li.current a {
    color: #00aa47;
}
.m-selectgroup .u-select-new ul li a:hover {
    background-color: #f5f6f7;
}
/*  所在地的下拉样式  */
.m-selectgroup .u-select-new ul.locality {
    width: 366px;
    padding: 15px 20px 20px 15px;
    overflow: hidden;
}
.m-selectgroup .u-select-new ul.locality li {
    position: relative;
    float: left;
    width: 310px;
    padding: 0px 0px 0px 56px;
    height: auto;
    white-space: normal;
}
.m-selectgroup .u-select-new ul.locality li + li {
    margin-top: 15px;
}
.m-selectgroup .u-select-new ul.locality li em, .m-selectgroup .u-select-new ul.locality li span, .m-selectgroup .u-select-new ul.locality li i, .m-selectgroup .u-select-new ul.locality li a {
    float: left;
    padding: 0px 15px;
    margin: 2px 0px;
    height: 26px;
    line-height: 26px;
    font-style: normal;
}
.m-selectgroup .u-select-new ul.locality li em {
    position: absolute;
    left: 0px;
    color: #bbb;
}
.m-selectgroup .u-select-new ul.locality li a {
    margin-right: 2px;
}
.m-selectgroup .u-select-new ul.locality li a.current {
    color: #00aa47;
}
.m-selectgroup .u-select-new ul.locality li.current {
    border-bottom: #eee 1px solid;
    padding-bottom: 15px;
}
.m-selectgroup .u-select-new ul.locality li.current span {
    padding: 0px;
    margin-right: 10px;
    color: #00aa47;
}
.m-selectgroup .u-select-new ul.locality li.current i {
    background-color: #f5f6f7;
}
.m-selectgroup .u-select-new ul.locality li.current a {
    margin-left: 1px;
    padding: 0px 5px;
    color: #ccc;
}
.m-selectgroup .u-select-new ul.locality li.current a:hover {
    color: #ff3300;
}
.m-selectgroup .u-select-new ul.locality li.operate a {
    height: 32px;
    line-height: 32px;
    padding: 0px 25px;
    margin-right: 15px;
    border-radius: 2px;
    color: #fff;
    background-color: #1cbd5f;
}
.m-selectgroup .u-select-new ul.locality li.operate a.cancel {
    color: #999;
    background-color: transparent;
}





.m-filterbar .u-search-new {
    position: absolute;
    right: 20px;
    height: 54px;
    line-height: 54px;
}

.m-filterbar .u-search-new input {
    float: left;
    width: 150px;
    border: none;
    height: 36px;
    line-height: 36px;
    padding: 0px 15px;
    margin: 9px 0px;
    border-radius: 18px;
    font-size: 14px;
    background-color: #f7f8f9;
}

.m-filterbar .u-search-new .iconfont {
    float: left;
    width: 30px;
    height: 36px;
    line-height: 36px;
    margin: 9px 0px;
    text-align: center;
    color: #aaa;
    font-size: 20px;
}

.m-filterbar .u-search-new .iconfont:hover {
    color: #ff7700;
}
/*  没有tab栏，筛选条件居左样式 军军写 */
.m-filterbar.withoutTab .m-selectgroup, .m-filterbar.withoutTab .u-search-new {
    position: static;
    float: left;
    margin-left: 15px;
}

.m-filterbar .mfb-button {
    position: absolute;
    right: 20px;
    font-size: 14px;
    color: #666;
}
.m-filterbar .mfb-button a {
    margin: 0px 5px;
}
/*  高级搜索新样式  */
.advanced-search-new {
    padding: 15px 30px;
    border-bottom: #eee 1px solid;
    background-color: #f9fafb;
}
.advanced-search-new .adv-search-item {
    position: relative;
    display: block;
    line-height: 32px;
    padding: 5px 0px 5px 140px;
    font-size: 14px;
}
.advanced-search-new .adv-search-item span {
    position: absolute;
    left: 0px;
    width: 120px;
    text-align: right;
    color: #999;
}
.adv-search-item em {
    margin: 0px 5px;
    color: #999;
}
.adv-search-item input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    border-radius: 0px;
    border-color: #ddd;
    box-shadow: none;
    background-position: right 1px;
}
.adv-search-item .adv-search-selectlist {
    line-height: 0px;
}
.adv-search-item .adv-search-selectlist li, .adv-search-item .adv-search-selectlist li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 26px;
    padding: 3px 0px;
}
.adv-search-item .adv-search-selectlist li a {
    height: 26px;
    line-height: 26px;
    padding: 0px 11px;
    border-radius: 2px;
    font-size: 14px;
    color: #666;
}
.adv-search-item .adv-search-selectlist li.current a, .adv-search-item .adv-search-selectlist li:hover.current a {
    border: #0095f3 1px solid;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
    background-color: transparent;
    color: #0095f3;
}
.adv-search-item .adv-search-selectlist li:hover a {
    background-color: #f9f9f9;
    border-color: #ddd;
}
.adv-search-item.adv-search-item-operate {
    display: block;
    padding-top: 10px;
    margin-top: 8px;
    border-top: #eee 1px solid;
    height: 36px;
    line-height: 36px;
    padding-left: 140px;
}
.adv-search-item-operate a {
    float: left;
    color: #999;
    padding: 0px 20px;
}
.adv-search-item-operate a + a {
    margin-left: 30px;
}
.adv-search-item-operate a.optbutton {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background-color: #0095f3;
}
.adv-search-item-operate a.optbutton:hover {
    background-color: #1da7ff;
}
/*   分页样式2   */
.frame-main-newstyle .m-page {
    padding: 25px 30px;
    font-size: 14px;
}
.frame-main-newstyle .m-page .u-button-group a {
    box-shadow: none;
    border-radius: 0px;
    font-size: 14px;
    padding: 0px 10px;
    border-color: #e5e5e5;
}
.frame-main-newstyle .m-page .u-button-group a.z-current {
    background-color: #0095f3;
    border-color: #0095f3;
}
/*  新列表页面样式  */
.frame-main-newstyle .m-box {
    padding: 0px;
}
.frame-main-newstyle .m-list {
    display: block;
    padding-top: 4px;
}
.m-list .m-list-head {
    display: block;
    padding: 0px 13px 0px 30px;
    height: 34px;
    line-height: 30px;
    color: #999;
    font-size: 14px;
    text-align: left;
    border-bottom: #eee 1px solid;
}
.m-list .m-list-head em {
    float: left;
    height: 34px;
    line-height: 30px;
}
.m-list .m-list-head em + em {
    margin-left: 20px;
}
.m-list .m-list-head em .iconfont {
    margin-left: 5px;
    color: #bbb;
    cursor: pointer;
}
.m-list .m-list-head em .u-select-link {
    padding: 0px;
    height: 34px;
    line-height: 30px;
    color: #999;
}
.m-list .m-list-head em .u-select-link .iconfont {
    position: inherit;
}
.m-list-main .m-list-item:hover {
    background-color: #f9fbfd;
}

/*  流程、阶段模块样式  */
.m-stage {
    display: block;
    padding: 15px 10px;
    margin: 0px auto;
}

.m-stage ul {
    display: block;
    line-height: 0px;
    font-size: 0px;
}

.m-stage ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.m-stage.average {
    width: auto;
}
.m-stage.average ul li {
    width: 130px;
}
.m-stage.two {
    width: 400px;
}
.m-list .m-list-head.m-selectgroup .u-select-new ul {
    margin-top: 34px;
}

/* ----- 主控页面左侧操作导航 ----- */
.frame-main-lt .console-package {
    display: block;
    overflow: hidden;
    padding: 11px 2px 11px 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-bottom: #eee 1px solid;
}
.console-package em, .console-package span, .console-package .iconfont {
    float: left;
}
.console-package em {
    width: 24px;
    color: #ff8800;
    font-weight: bold;
}
.console-package span {
    width: 154px;
    height: 40px;
    overflow: hidden;
    white-space:  nowrap;
    text-overflow: ellipsis;
    color: #444;
}
.console-package .iconfont {
    width: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ff8800;
}
.frame-main-lt .console-operate {
    display: block;
    position: absolute;
    top: 63px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}
.console-operate .console-operate-scroll a + a {
    margin-top: -1px;
}
.console-operate .console-operate-scroll a.arrow {
    margin-top: 7px;
}
.console-operate .console-operate-scroll a:hover {
    color: #0090eb;
    background-color: #f9f9f9;
}
.console-operate dl {
    display: block;
}
.console-operate dl dt {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 6px 20px 0px 40px;
    font-size: 15px;
    color: #bbb;
    background: url(../images/console-bg.png) no-repeat -425px top;
}
.console-operate dl dt.done {
    background-position: 15px top;
}
.console-operate dl dd, .console-operate dl dd a {
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.console-operate dl dd {
    position: relative;
    padding: 0px 20px 0px 40px;
    background: url(../images/console-bg.png) no-repeat -425px center;
}
.console-operate dl dd a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #bbb;
    cursor: default;
}
.console-operate dl dd.done {
    background-position: 15px center;
}
.console-operate dl dd.maybe {
    background-position: 15px top;
}
.console-operate dl dd.underway {
    background-position: -205px center;
}
.console-operate dl:last-child dd:last-child{
    position: relative;
    padding: 0px 20px 30px 40px;
    background: url(../images/console-bg.png) no-repeat -425px -25px;
}
.console-operate dl:last-child dd.done {
    background-position: 15px -40px;
}
.console-operate dl:last-child dd.maybe {
    background-position: 15px -40px;
}
.console-operate dl:last-child dd.underway {
    background-position: -205px -40px;
}
.console-operate dl dd.done:hover, .console-operate dl dd.underway:hover {
    background-color: #f6f7fb;
}
.console-operate dl dd.z-current, .console-operate dl dd.z-current:hover {
    background-color: #e7e8e9;
}
.console-operate dl dd.done a {
    color: #444;
    cursor: pointer;
}
.console-operate dl dd.maybe a {
    color: #444;
    cursor: pointer;
}
.console-operate dl dd.underway a {
    color: #ff8800;
    cursor: pointer;
}


.frame-main-lt .console-package-list {
    display: none;
    position: absolute;
    top: 63px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    background-color: #fff;
    z-index: 999;
}
.frame-main-lt .console-package-list p {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #999;
    padding: 0px 15px;
    border-bottom: #eee 1px solid;
}
.console-package-list li.z-current, .console-package-list li:hover {
    background-color: #f9f9f9;
}
.console-package-list a.console-package {
    padding: 5px 0px 5px 15px;
    height: auto;
    line-height: 30px;
}
.console-package-list a.console-package span {
    width: 160px;
    height: auto;
    line-height: 24px;
    padding: 3px 0px;
    overflow: auto;
    white-space: normal;
    word-break: break-all;
}
.console-package-list a.console-package em {
    font-weight: normal;
    color: #999;
}
.console-package-list a.console-package .iconfont {
    width: 24px;
    height: 30px;
    line-height: 30px;
}

/*  身份选择界面  */
.m-popup.identity {
    border: none;
    border-radius: 5px;
}
.m-popup.identity .m-popup-bd {
    padding: 15px 20px;
}
.m-popup.identity .m-popup-bd ul {
    display: block;
    height: 120px;
    padding: 25px 0px 0px;
}
.m-popup.identity .m-popup-bd ul li {
    float: left;
    width: 140px;
    height: 120px;
    line-height: 120px;
}
.m-popup.identity .m-popup-bd ul li em, .m-popup.identity .m-popup-bd ul li .iconfont {
    display: block;
    margin: 0px auto;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
.m-popup.identity .m-popup-bd ul li em {
    position: relative;
    background-color: #4cb9ff;
}
.m-popup.identity .m-popup-bd ul li .iconfont {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
}
.m-popup.identity .m-popup-bd ul li:hover .iconfont, .m-popup.identity .m-popup-bd ul li.z-current .iconfont {
    display: block;
}
.m-popup.identity .m-popup-bd ul li:hover em, .m-popup.identity .m-popup-bd ul li.z-current em {
    font-size: 0px;
    text-indent: -999em;
    background-color: #ffbb00;
}
.m-popup.identity .m-popup-bd ul li span {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    color: #666;
}
.m-popup.identity .identity-title {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #666;
}
.m-popup.identity .identity-title .iconfont {
    margin-left: 5px;
    color: #999;
}
.m-popup.identity .close.iconfont {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 19px;
    z-index: 999;
    color: #999;
}
.m-popup.identity .close.iconfont:hover {
    color: #ff6366;
}
.m-popup.identity .identity-remark {
    display: block;
    line-height: 24px;
    padding: 15px 10px;
    font-size: 12px;
    color: #aaa;
}

/* 新的文件查看功能 */
.s-view-file-new {
    padding-right: 20px;
    width: 200px;
}

.s-view-file-new .m-view-file-link {
    overflow: hidden;
}

.s-view-file-new .m-view-file-icon, .s-view-file-new .m-view-file-type {
    display: inline-block;
}

.s-view-file-new .m-view-file-name {
    display: inline-block;
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s-view-file-new .m-view-file-link .iconfont, .m-view-file-link span, .m-view-file-link em {
    float: left;
}

.s-view-file-new .m-view-file-link .iconfont {
    width: 30px;
}




/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
    z-index: 996;
}
.collapse .shortcut .jspContainer {
    overflow: inherit;
}
.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: transparent ;
	position: relative;
	border-radius: 4px;
}
.jspTrack:hover {
    background-color: #f1f3f5;
}

.jspDrag
{
	background: #dddee1;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 4px;
}
.jspContainer:hover .jspDrag {
    background-color: #777879;
}


.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.frame-main-bd .frame-main-bd-left {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 280px;
    padding: 10px;
    border: #e3e3e3 1px solid;
    background-color: #fff;
}
.frame-main-bd .frame-main-bd-left .ztree {
    padding: 0px;
    overflow: hidden;
}
.frame-main-bd .frame-main-bd-left .ztree:hover {
    overflow: auto;
}
.frame-main-bd .frame-main-bd-right {
    margin-left: 301px;
}

.grid .g-u {
    max-width: 30em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

i.icon {
    width: 45px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    border-radius: 3px;
    display:inline-block;
    font-style:normal;
}

i.icon.green {
    background-color: #32C96A;
}

i.icon.orange {
    background-color: #FFB13C;
}

.verifyFileTemplate {
    position: absolute;
    margin-left: 125px;
    margin-top: -28px;
}
/* 未填写样式 */
.common-not-input, .common-no-file, .common_not_select, .common_not_setting {
    color: rgb(153, 153, 153);
}