@charset "utf-8";

/* CSS Document */
@import url("public.css?time=20250718");
/*通用*/
@import url("../font/iconfont/iconfont.css?time=20250609");
/*字体 http://www.iconfont.cn/*/
@import url("../font/fileFormat/iconfont.css?time=20241112"); /*字体 http://www.iconfont.cn/*/

.flex-row {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.login {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}

.login_content {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}

.login_content .logo {
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    padding: 5px;
}

/* 背景与箭头 */
.arrow_right {
    background: url(../Images/sidebar_icon.png) no-repeat 0px 0px;
}

.arrow_bottom2 {
    background: url(../Images/sidebar_icon.png) no-repeat 0px -60px;
}

.arrow_bottom {
    background: url(../Images/sidebar_icon.png) no-repeat 0px -26px;
}

.sidebar_title {
    background: #E6E6E6;
    border-bottom: 1px solid #eee;
}

.sidebar .sidebar_title, .prosidebar .sidebar_title {
    background: #ffffff;
    height: 39px;
    line-height: 39px;
}

/* 边栏 */
.sidebar {
    width: 205px;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 10px;
    z-index: 1010;
    overflow-y: auto;
    overflow-x: hidden;
    /*border: 1px solid #ebebeb;*/
    border-left: none;
    background-color: #fff;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2);
    border-radius: var(--rb-win-border-radius);
}

.prosidebar {
    width: 215px;
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 10px;
    z-index: 1010;
    overflow: hidden;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2);
    border-left: none;
    border-radius: var(--rb-win-border-radius);
}

.bubbles_box .sidebar, .bubbles_box .prosidebar {
    left: 10px;
    top: 10px;
    bottom: 10px;
}

.set_box .prosidebar {
    background: #fff;
}

.sidebar ul {
    width: 100%;
    position: relative;
    float: left;
}


.sidebar li, .prosidebar li {
    position: relative;
    float: left;
    width: 100%;
}

.sidebar li h3 {
    font-size: 12px;
}

.sidebar li.height35px, .prosidebar .height35px {
    line-height: 35px;
    width: 100%;
    font-weight: bold;
    color: #000000;
    position: relative;
    float: left;
}

/*.sidebar .sidebar_title span, .prosidebar .sidebar_title span{*/
/*	line-height: 39px;*/
/*}*/

.sidebar li.height35px span, .prosidebar .height35px span {
    position: relative;
    float: left;
    margin: 0 0 0 15px;
    display: inline;
}


/*.sidebar li li.height30px .left_list_bg_active,.sidebar li li li.height30px .left_list_bg_active
	{
	background-color: #D19135;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(5, 42, 81, 1);
}


.sidebar li li.height30px a,.sidebar li li.height30pxcolor a {
	width: 168px;
	font-weight: normal;
	line-height: 35px;
	_line-height: 36px;
	padding: 0 0 0 28px;
	position: relative;
	float: left;
}

.sidebar li li.height30px a:hover,.sidebar li li.height30pxcolor a:hover
	{
	color: #333333;
	background: #F0AD4E;
	width:100%;
}

.sidebar li li.height30pxcolor.active,.sidebar li li.height30px.active
	{
	background: rgb(209, 156, 60);
}

.sidebar li li li.height30px a,.sidebar li li li.height30pxcolor a {
	width: 168px;
	font-weight: normal;
	line-height: 30px;
	_line-height: 31px;
	padding: 0 0 0 28px;
	position: relative;
	float: left;
}

.sidebar li li li.height30px a:hover,.sidebar li li li.height30pxcolor a:hover
	{
	color: #333333;
	background: #c9c9c9;
}

.sidebar li li li .arr_r {
	width: 6px;
	height: 6px;
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 12px;
}


.sidebar li li .arr_r {
	width: 6px;
	height: 6px;
	position: absolute;
	z-index: 1;
	left: 15px;
	top: 17px;
}*/

.sidebar li.height30px:hover, .sidebar li.height30pxcolor:hover, .prosidebar li.height30px:hover, .prosidebar li.height30pxcolor:hover {
    color: #000000;
    background-color: #f7f7f7;
}

.sidebar li.height30px:hover a, .sidebar li.height30pxcolor:hover a, .prosidebar li.height30px:hover a, .prosidebar li.height30pxcolor:hover a {
    color: #333333;
}

.sidebar li.height30pxcolor.active, .sidebar li.height30px.active, .prosidebar li.height30pxcolor.active, .prosidebar li.height30px.active {
    /*background-color:#F8F9FA;*/
    background-color: #d0d0d0;
}

.sidebar li.height30pxcolor.active a, .sidebar li.height30px.active a, .prosidebar li.height30pxcolor.active, .prosidebar li.height30px.active a {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
}

.sidebar li.height30px a, .sidebar li.height30pxcolor a, .prosidebar li.height30px a, .prosidebar li.height30pxcolor a {
    width: 172px;;
    font-weight: normal;
    line-height: 35px;
    _line-height: 36px;
    position: relative;
    float: left;
}


.sidebar li .arr_r, .prosidebar li .arr_r {
    width: 6px;
    height: 6px;
    float: left;
    z-index: 1;
    margin: 12px 5px 0px 10px;;
}

.sidebar li .arr_b {
    width: 10px;
    height: 7px;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 14px;
}

.sidebar li .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 6px;
}

.sidebar li .flag {
    width: 16px;
    height: 11px;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 9px;
}

/* CSS Document */
.statistics {
    width: 100%;
    position: relative;
    float: left;
    padding: 0 10px;
    /*padding: 0 10px 10px 10px;*/
    /*box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.2);*/
}

.statistics .chart {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
}

.statistics .chart .left {
    padding: 0 0 0 15px;
    width: 320px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    float: left;
    background: #DFFAFF;
}

.statistics .chart .left .text {
    width: 100%;
    position: relative;
    float: left;
    line-height: 33px;
    padding: 20px 0 0 0;
}

.statistics .chart .right {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    float: left;
}

.statistics .chart .user_right {
    position: relative;
    float: left;
    display: inline;
    padding-bottom: 10px;
}

.statistics .list {
    width: 100%;
    height: 160px;
    position: relative;
    float: left;
    overflow: hidden;
}

/* left_mail */
.left_list {
    width: 192px;
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 0;
    overflow: hidden;
}

.header-user-container {
    /*float: left;*/
    /*height: 40px;*/
    /*margin-left: 10px;*/
    height: 100%;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.header-user-container .header-user-img {
    float: left;
    position: relative;
    width: 32px;
    height: 32px;
}

.header-user-container .header-user-img img {
    height: 100%;
    width: 100%;
    float: left;
    border-radius: 50%;
}

.header-user-info {
    float: left;
    /*height: 40px;*/
    margin-left: 5px;
}

.bar-email {
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    height: 40px;
}

.bar-email .btn {
    float: left;
    background: #fff;
    width: 67px;
    display: block;
    outline: none;
    padding: 6px 0px;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}

.bar-email .btn span {
    display: inline-block;
    font-size: 12px;
    padding-left: 20px;
    background: url(../Images/icon/action_icon.png) no-repeat;
}

.bar-email .btn-getemail span {
    background-position: 0 4px;
}

.bar-email .btn-write span {
    background-position: 0 -37px;
}

.nameList {
    width: 124px;
    display: none;
    line-height: 24px;
    position: absolute;
    top: 24px;
    left: 72px;
    overflow: hidden;
    background: #fff;
    border-left: 1px #c4c4c4 solid;
    border-right: 1px #c4c4c4 solid;
    z-index: 10;
    box-sizing: content-box;
}

.nameList ul, .nameList li {
    width: 100%;
    position: relative;
    float: left;
}

.nameList li {
    padding-left: 4px;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px #dadada solid;
    cursor: pointer;
}

.nameList li:hover {
    background: #f1f1f1;
}

#nowLoad {
    display: none;
}

/* right */
.right_list {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0 0 0 194px;
    display: inline;
    overflow: hidden;
    overflow-y: auto;
    z-index: 99;
}

.right_list .center {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}


/* CSS Document */ /*写信*/
.send_left {
    position: relative;
    float: left;
}

.send_left .mail_send_menu {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 64px;
    left: 0px;
    background: #0099CC;
    border-bottom: 1px #238c9c solid;
}

.send_left .mail_send_menu ul {

}

.send_left .mail_send_menu li {
    width: 72px;
    height: 61px;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 1px 0 0 0;
    display: inline;
    cursor: pointer;
    border-radius: 0;
}

.send_left .mail_send_menu li a .icon {
    width: 36px;
    height: 36px;
    position: relative;
    float: left;
    margin: 0 10px 0 10px;
    display: inline;
}

.send_left .mail_send_menu li a .text {
    width: 56px;
    height: 16px;
    line-height: 16px;
    position: relative;
    float: left;
    text-align: center;
}

.send_left .mail_send_menu li a .linkDiv {
    width: 72px;
    height: 56px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    cursor: pointer;
}

.send_left .mail_send_menu li a .linkDiv object {
    cursor: pointer;
}

.send_left .mail_send_menu li a {
    color: #ffffff;
    background: none;
    width: 74px;
    height: 56px;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 3px 10px 0 8px;
}

.send_left .mail_send_menu li:hover {
    color: #ffffff;
    background: #3da7b6;
}

.send_left .mail_send_menu li.active {
    color: #ffffff;
    background: #3da7b6;
}

.send_left .rs_editor {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 65px 0 0 0;
    display: inline;
}

.send_left .rs_editor .editor_top {
    width: 100%;
    position: relative;
    float: left;
}

.send_left .rs_editor .textbox {
    width: 100%;
    line-height: var(--rb-input-height);
    position: relative;
    float: left;
    margin: 8px 0 0 0;
    display: inline;
}

.send_left .rs_editor .textbox .icon {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
    margin: 4px 10px 0 10px;
    display: inline;
}

.send_left .rs_editor .textbox .user {
    width: 40px;
    height: var(--rb-input-height);
    position: relative;
    float: left;
    margin: 0 10px 0 16px;
    display: inline;
    text-align: right;
}

.send_left .rs_editor .textbox .usertext {
    height: var(--rb-input-height);
    position: relative;
    float: left;
}

.send_left .rs_editor .textbox .usertext .arrow_down {
    background: url(../Images/arrow_down.png) no-repeat center center;
    width: 26px;
    height: 26px;
    position: absolute;
    right: -26px;
    top: 0px;
    cursor: pointer;
}

.send_left .rs_editor .textbox .text {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0 0 0 66px;
    display: inline;
}

.send_left .rs_editor .textbox .text .usertext {
    width: 95%;
}

.send_left .rs_editor .textbox .text .icon {
    margin: 4px 5px 0 10px;
}

.send_left .rs_editor .textbox .text.bluebg input {
    width: 100%;
    height: 24px;
    border: 1px var(--rb-input-border-color) solid;
    background: #dffaff;
    font-weight: normal;
}

.send_left .rs_editor .textbox .text input {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border: 1px var(--rb-input-border-color) solid;
    font-weight: bold;
}

.send_left .rs_editor .textbox .text.accessories {
    background: #dffaff;
}

.send_left .rs_editor .textbox .textarea {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0 10px 0 66px;
    display: inline;
    line-height: 0px;
}

.send_left .rs_editor .textbox .btn_icon {
    width: 73px;
    position: relative;
    float: right;
    height: 26px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    margin: 0 10px 0 0;
    display: inline;
}

.send_left .rs_editor .textbox .btn_icon a {
    width: 73px;
    position: relative;
    float: left;
    height: 26px;
    background: url(../Images/btn.png) no-repeat 0px -104px;
}

.send_left .rs_editor .textbox .btn_icon a:hover {
    color: #333333;
    background: url(../Images/btn.png) no-repeat 0px -270px;
}

.send_left .rs_editor .textbox .btn_icon a:active {
    color: #333333;
    background: url(../Images/btn.png) no-repeat 0px -143px;
}

.send_right {
    width: 180px;
    height: 100%;
    position: relative;
    float: left;
    padding: 0 10px 0 10px;
}

.send_right ul {

}

.send_right li {
    width: 173px;
    height: 32px;
    line-height: 32px;
    position: relative;
    float: left;
}

.send_right li .text {
    width: 55px;
    height: 32px;
    font-weight: bold;
    color: #53c1d0;
    position: relative;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.send_right li .select {
    width: 110px;
    height: 32px;
    position: relative;
    float: left;
}

.send_right li .note { /*min-height:200px;*/
    height: 200px;
    width: 178px;
    border: 1px #bcbcbc solid;
    position: relative;
    float: left;
    overflow: hidden;
    background: #f3f3f3;
}

.send_right li .note textarea {
    height: 200px;
    width: 172px;
    border: 1px #f3f3f3 solid;
    background: #f3f3f3;
    /*min-height:200px;*/
    max-width: 172px;
    color: #333;
}

/*列表*/
.mail_list_left {
    width: 40%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 51;
}

.rs_list {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 28px;
    overflow: hidden;
}

.rs_list .titletheme {
    width: 100%;
    position: relative;
    float: left;
    height: 24px;
    line-height: 24px;
    background: url(../Images/mail_list_theme_bg.png) repeat-x;
}

.rs_list .titletheme ul {

}

.rs_list .titletheme li {
    padding: 0 6px 0 3px;
    position: relative;
    float: left;
    background: url(../Images/titletheme_line.png) no-repeat right center;
    height: 24px;
}

.rs_list .titletheme li .icon {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
    margin: 4px 0 0 0;
    display: inline;
    line-height: 0px;
}

.rs_list .titletheme li.nobg {
    background: none;
}

.rs_list .listing {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}

.rs_list .listing .title {
    width: 100%;
    height: 26px;
    position: relative;
    float: left;
    background: url(../Images/mail_list_theme_bgblue.png) repeat-x;
}

.rs_list .listing .title:hover {
    background: url(../Images/mail_list_theme_bgblueHover.png) repeat-x;
}

.rs_list .listing .title .text {
    height: 26px;
    line-height: 26px;
    position: relative;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 8px;
}

.rs_list .listing .title .icon_arrow {
    width: 10px;
    height: 7px;
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 1;
}

.rs_list .listing .title .out {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 12px;
    top: 5px;
    z-index: 1;
}

.rs_list .listing .title .out a {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
}

.rs_list .listing .title .out a:hover {
    background: url(../Images/16allbgs.png) no-repeat -49px -23px;
}

.rs_list .listing ul {
    width: 100%;
    position: relative;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

.rs_list .listing li {
    width: 100%;
    height: 65px;
    padding: 12px 0 0 5px;
    position: relative;
    float: left;
    border-bottom: 1px #e2e2e2 solid;
    overflow: hidden;
}

.rs_list .listing li .icon, .rs_list .listing li .btnleft .icon, .rs_list .listing li .btnright .icon {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 3px;
    display: inline;
}

.rs_list .listing li .btnleft .icon.mleft {
    margin-left: 0px;
}

.rs_list .listing li .btnleft {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    overflow: hidden;
}

.rs_list .listing li .btnright {
    width: 35px;
    height: 40px;
    margin: 0 5px 0 0;
    display: inline;
    position: relative;
    float: right;
    overflow: hidden;
}

.rs_list .listing li .btnright .icon_aim {
    height: 20px;
    line-height: 20px;
    width: 30px;
    position: relative;
    float: left;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0px 0px 0 0;
    color: #df9800
}

.rs_list .listing li .btnrightbottom {
    position: absolute;
    right: 5px;
    top: 35px;
    display: flex;
    align-items: center;
}

.rs_list .listing li .user {
    height: 40px;
    position: absolute;
    top: 12px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0 35px 0 75px;
    display: inline;
}

.rs_list .listing li .user .addname {
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 0 115px 0 0;
    display: inline;
    color: black;
}

.rs_list .listing li .user .timedata {
    height: 20px;
    line-height: 20px;
    width: 110px;
    position: relative;
    float: right;
}

.rs_list .listing li .user .text {
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 20px 30px 0 0;
    display: inline;
    color: #635F5F;
}

.rs_list .listing li:hover {
    background: #eeeeee;
}

.rs_list .listing li:active, .rs_list .listing li.active {
    background: #D5E7FF;
}

.rs_list .listing .more {
    width: 100%;
    height: 26px;
    position: relative;
    float: left;
    background: url(../Images/more.png) repeat-x;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
}

.rs_list .listing .more:hover {
    background: url(../Images/more2.png) repeat-x;
}

.rs_list .listing .more:active {
    background: url(../Images/more3.png) repeat-x;
}

.rs_list .listing .more .loading {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    z-index: 1;
    background-position: center;
}

.mail_list_right {
    position: absolute;
    top: 36px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.mail_list_right .read {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.mail_list_right .title {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 45px;
    text-align: right;
}

.mail_list_right .info {
    position: relative;
    float: left;
    margin-left: 60px;
    min-height: 23px;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 60px;*/
    /*right: 10px;*/
    /*bottom: 0;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
}

.mail_list_right .info > div {
    position: relative;
    float: left;
    /*max-width: 100%;*/
    /*height: 100%;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: inherit;*/
}

.mail_list_right .read .contact {
    width: 100%;
    max-height: 70%;
    position: relative;
    float: left;
    background: #f1f4f7 url(../Images/contact_bg.png) repeat-x left bottom;
    z-index: 1;
    padding: 0 0 10px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.mail_list_right .read .contact .text {
    width: 100%;
    margin: 0;
    display: inline;
    min-height: 23px;
    line-height: 23px;
    position: relative;
    float: left;
}

.mail_list_right .read .contact .text .arrow_down {
    background: url(../Images/arrow_down.png) no-repeat center center;
    width: 26px;
    height: 26px;
    position: absolute;
    right: -15px;
    top: 2px;
    cursor: pointer;
    display: none;
}

.mail_list_right .read .contact .text .user {
    height: 23px;
    line-height: 23px;
    position: relative;
    float: left;
}

.mail_list_right .read .contact .text .icon {
    height: 16px;
    width: 16px;
    position: relative;
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    z-index: 1;
}

.mail_list_right .read .contact .text .icon .idcard {
    width: 289px;
    height: 111px;
    position: absolute;
    z-index: 100;
    top: 16px;
    left: -80px;
    background: url(../Images/idcard.png) no-repeat;
}

.mail_list_right .read .contact .text .icon .idcard .head {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 31px;
    left: 19px;
    z-index: 1;
}

.mail_list_right .read .contact .text .icon .idcard .head img {
    width: 44px;
    height: 44px;
}

.mail_list_right .read .contact .text .icon .idcard .uname {
    width: 205px;
    height: 22px;
    position: absolute;
    z-index: 1;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style1 {
    font-size: 16px;
    color: #51c0ce;
    font-weight: bold;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style1 a {
    color: #51c0ce;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style1 a:hover {
    color: #51c0ce;
    text-decoration: underline;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style2 {
    color: #999999;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style2 a {
    color: #999999;
}

.mail_list_right .read .contact .text .icon .idcard .uname.style2 a:hover {
    color: #999999;
    text-decoration: underline;
}

.mail_list_right .read .contact .text .icon .idcard .link {
    height: 22px;
    position: absolute;
    z-index: 1;
}

.mail_list_right .read .contact .text .icon .idcard .msn {
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 1;
    right: 61px;
    top: 82px;
}

.mail_list_right .read .article {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 0 0 2px;
    line-height: 30px;
    overflow: hidden;
}

.mail-calendar-out {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-top: 5px;
}

.mail-calendar-out .iconfont {
    font-size: 28px;
    margin-top: -5px;
}

.mail-calendar-out .mail-calendar-detail {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

.events {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.events .incidental {
    width: 100%;
    background: #beeaef;
    position: relative;
    float: left;
    overflow: hidden;
}

.events .incidental ul {
    width: 100%;
    max-width: 100%;
    position: relative;
    float: left;
}

.events .incidental li {
    padding: 0 0 0 35px;
    position: relative;
    float: left;
    height: 32px;
    line-height: 16px;
    margin: 8px 0 0 4px;
    display: inline;
    max-width: 150px;
}

.events .btn_box {
    width: 100%;
    position: relative;
    float: left;
    background: url(../Images/btn_box_bg.png) repeat-x;
    height: 47px;
    padding: 8px 0 0 0;
}

.events .incidental .title {
    width: 100%;
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px #ffffff dashed;
    overflow: hidden;
}

.events .incidental .title .text {
    font-size: 12px;
    padding: 0 0 0 20px;
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    display: inline;
}

.events .incidental .title span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 3px;
    margin: 0 3px 0 0;
    z-index: 1;
}

.fjTit {
    width: 48px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    line-height: 24px;
}

.fjMail {
    margin-left: 48px;
    float: left;
}

.fjMail ul {
    position: relative;
    float: left;
}

.fjMail li {
    margin-right: 10px;
    float: left;
    height: 24px;
    padding-right: 30px;
}

.fjMail li i {
    margin-right: 5px;
    float: left;
    height: 20px;
    width: 20px;
    overflow: hidden;
    margin-top: 2px;
}

.fjMail li .fjName {
    float: left;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    margin-top: 4px;
}

.fjMail li a.name {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.fjMail li a.preview {
    position: absolute;
    float: none;
    top: 4px;
    right: 10px;
}

.fjMail li a {
    color: #333;
    float: left;
    height: 16px;
    line-height: 16px;
}

.fjMail li a:hover {
    text-decoration: underline;
}

.select {
    width: 20px;
    margin-right: 7px;
    height: var(--rb-input-height);
    position: relative;
    float: right;
    border: 1px solid var(--rb-btn-border-color);
    border-radius: 0;

}

/*公用*/
.btn_flag {
    width: 78px;
    height: 32px;
    line-height: 32px;
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    cursor: pointer;
}

.btn_flag .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 3px;
    top: 8px;
}

.btn_flag .icontf {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 3px;
    top: 8px;
}

.btn_flag.margin23px {
    margin-right: 23px;
    display: inline;
}

/*SWFUPLOAD*/
.progressWrapper {
    position: relative;
    float: left;
    /*height: var(--rb-input-height);*/
    display: flex;
    align-items: center;
}

/*样品单长传样式*/
.tagContent .progressWrapper {
    /*height: 28px;*/
    /*line-height: 28px;*/
    border: 1px #d1d1d1 dashed;
    padding: 0 3px 0 3px;
    margin: 0 5px 5px 0 !important;
}

.progressName {
    color: #555;
    /*max-width: 130px;*/
    position: relative;
    float: left;
    padding: 0 10px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.progressImagePreview {
    position: relative;
    float: left;
    max-width: 64px;
    max-height: 64px;
    display: flex;
    padding: 0 10px 0 0;
}

.progressImagePreview > img {
    max-width: 100%;
    max-height: 100%;
    min-height: 30px;
}

.progressBar {
    width: 100px;
    height: 10px;
    border: 1px #2e6c75 solid;
    position: relative;
    float: left;
    background: #ffffff;
    margin: 7px 6px 0 0;
    display: inline;
}

.progressContainer {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    min-height: var(--rb-input-height);
}

.progressBarInProgress, .progressBarComplete, .progressBarError {
    width: 0%;
    height: 10px;
    position: relative;
    float: left;
}

.progressBarInProgress {
    position: relative;
    float: left;
    background: #49bbcc;
}

.progressBarComplete {
    width: 100%;
    position: relative;
    float: left;
    background: #3C3;
}

.progressBarError {
    width: 100%;
    position: relative;
    float: left;
    background: #C30;
}

a.progressCancel {
    height: 14px;
    width: 14px;
    margin: 0;
    display: inline;
    position: relative;
    background: url(../Images/cancelbutton.gif) no-repeat -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

.progressBarStatus {
    max-width: 80px;
    height: 26px;
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.name_big a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

.name_big a:hover {
    text-decoration: underline;
}

.name_big a.foldername {
    display: block
}

.name_small {
    font-size: 12px;
    line-height: 16px;
}

.name_small .down_big {
    margin-top: 0
}

.name_small .down_big a {
    font-size: 12px;
    color: #074977;
    text-decoration: underline;
    line-height: 16px;
}

/*工作台*/
.textoverhidden {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.textover-wrap {
    line-height: 17px;
    display: flex;
    flex-direction: column;
    justify-content: safe center; /*安全居中（内容多时自动回退到顶部）*/
    white-space: normal;
    word-wrap: break-word;
    overflow: auto;
}

.text-two-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textover-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.flex-content-vertical-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px !important;
    line-height: 20px;
    white-space: initial;
}

.flex-content-vertical-center-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px !important;
    line-height: 20px;
    white-space: initial;
    justify-content: flex-end;
}

.module_left {
    width: 60%;
    position: relative;
    float: left;
}

.module_right {
    width: 40%;
    position: relative;
    float: left;
}

.right_list .piece {
    width: 100%;
    position: relative;
    float: left;
    display: inline;
    margin-bottom: 18px;
}

.right_list .element {
    margin-right: 18px;
    display: inline;
    /* border: 1px #0099CC solid;
	border-top: 3px #0099CC solid;
	border-radius: 3px 3px 0 0; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 10;
}

.right_list .element.bottom {
    top: 0px;
    right: 6px;
    bottom: 0px;
    left: 6px;
    z-index: 2;
}

.right_list .element.center {
    top: 0px;
    right: 3px;
    bottom: 2px;
    left: 3px;
    z-index: 4;
}

.element .title {
    width: 100%;
    height: 45px;
    padding-top: 5px;
    position: relative;
    float: left;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.element .title span:not(.glyphicon) {
    margin-left: 15px;
    display: inline;
    line-height: 36px;
    height: 36px;
    position: relative;
    float: left;
    font-size: 16px;
    color: #3d95d5;
}

.element .title span i, .element .link i {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
    margin: 10px 10px 0 0;
    display: inline;
}

.element .link {
    width: 36px;
    height: 36px;
    position: relative;
    float: right;
    cursor: pointer;
    z-index: 10;
}

.element .link:hover {
    background: #c6c6c6;
}

.element .link i {
    float: right;
}

.element .link a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.element .center {
    position: absolute;
    top: 45px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
}

.right_list .element.tabBox {
    border-top: 1px #cccccc solid;
}

.element.tabBox .title span {
    color: #333;
    font-weight: normal;
    margin-left: 0px;
    padding: 0px 15px;
    cursor: pointer;
    font-size: 14px;
    margin-left: -1px;
}

.element.tabBox .title span.active {
    color: #44b1c8;
    font-weight: bold;
    border: 1px #ccc solid;
    border-bottom: none;
    background: #fff;
    border-top: 3px #44b1c8 solid;
    height: 34px;
    line-height: 33px;
}

.element.tabBox .title span i {
    margin-right: 5px;
}

.element.tabBox .title span.active i {
    margin-top: 8px;
}

/* 模块设置 */
.dropDown {
    width: 150px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    display: none;
}

.dropDown .blank .img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    z-index: 100;
}

.dropDown .blank {
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 2;
    right: 0px;
    top: 0px;
}

.dropDown .choose {
    width: 165px;
    position: relative;
    float: left;
    margin-top: 36px;
    padding: 12px 0;
}

.dropDown .choose .select {
    width: 165px;
    position: relative;
    float: left;
    height: 30px;
}

.dropDown .choose .line {
    width: 128px;
    position: relative;
    float: left;
    margin: 0 10px 1px 10px;
    display: inline;
    height: 1px;
}

.dropDown .choose .select input {
    margin: 8px 0 0 10px;
    display: inline;
}

.dropDown .choose .select .text {
    line-height: 30px;
    margin: 0 10px 0 33px;
}

.dropDown .blank {
    border: 1px #b9b9b9 solid;
    border-bottom: none;
    background: #fff;
}

.dropDown .choose {
    border: 1px #b9b9b9 solid;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.50);
    border-radius: 0;
}

.dropDown .choose .line {
    border-bottom: 1px #e5e5e5 solid;
}

/*工作检查*/
.censor {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    overflow-y: auto;
}

.censor * {
    position: relative;
    float: left;
}

.censor ul, .censor li {
    width: 100%;
    overflow: hidden;
}

.censor li {
    height: 36px;
    line-height: 36px;
}

.censor li span {
    height: 36px;
    line-height: 36px;
}

.censor li span .absolute {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    text-align: center;
}

.censor li span .absolute * {
    position: static;
    float: none;
}

.censor li span .absolute.red {
    color: #d00000;
    font-weight: bold;
}

.censor li span .absolute.green {
    color: #1095a2;
    font-weight: bold;
}

.censor li.even {
    background: #f6f6f6;
}

.censor li:hover, .censor li.even:hover {
    background-color: #f1f1f1;
}

.censor li.tit {
    font-weight: 500;
    /*border-bottom: 1px solid #ebebeb;*/
    background-color: #F7F9FA;
    color: #969799;
}

/*新闻通告*/
.newNews {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    overflow-y: auto;
}

.newNews * {
    position: relative;
    float: left;
}

.newNews ul, .newNews li {
    width: 100%;
    overflow: hidden;
}

.newNews li {
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
}

.newNews li.even {
    /*background: #f6f6f6;*/
    background: #fafafa;
}

.newNews li:hover, .newNews li.even:hover {
    background-color: #f1f1f1;
}

.newNews li .date {
    width: 120px;
    color: #999999;
    float: right;
    text-align: right;
    margin-right: 15px;
    display: inline;
}

/*生日编辑*/
.newBirthday {
    position: absolute;
    top: 0px;
    right: 15px;
    bottom: 0px;
    left: 15px;
    overflow: hidden;
    overflow-y: auto;
    line-height: 24px;
}

/*搜索模块*/
.newSearch {
    width: 100%;
    height: 35px;
    position: absolute;
    top: 44px;
    left: 0px;
    z-index: 2;
    padding-top: 0;
    background: #f2f2f2;
}

.newSearch button {
    height: var(--rb-input-height);
    line-height: 1.5;
    font-size: 12px;
}

.newSearch > input {
    height: var(--rb-input-height);
    line-height: var(--rb-input-height);
    font-size: 12px;
}

.newSearch .searchLeft {
    width: 17px;
    height: 100%;
    position: relative;
    float: left;
}

.newSearch > input {
    border: 1px var(--rb-input-border-color) solid;
    color: #999;
}

.newSearch .searchRight {
    width: 17px;
    height: 100%;
    position: relative;
    float: right;
}

.newSearch .searchCenter {
    position: absolute;
    top: 0px;
    right: 17px;
    bottom: 0px;
    left: 17px;
}

.newSearch .searchCenter input {
    position: absolute;
    top: 5px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 20px;
    border: 1px #fafafa solid;
    background: #fafafa;
    color: #999;
    width: 100%;
}

.bottomInfo .moveSize {
    width: 100%;
    height: 4px;
    position: relative;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    cursor: row-resize;
}

/*邮件模块*/
.mailListLeft {
    width: 35%;
    min-width: 360px;
    height: 100%;
    position: relative;
    float: left;
    z-index: 10;
    background: #fff;
    border-left: 1px solid #e8e8e8;
}

.mailListLeft .center {
    position: absolute;
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
}

.mailListRight {
    width: 65%;
    height: 100%;
    position: relative;
    float: left;
    background: #fff;
}

.mailListRight .moveSize {
    width: 4px;
    height: 100%;
    position: relative;
    float: left;
    border-left: 1px #e8e8e8 solid;
    border-right: 1px #e8e8e8 solid;
    cursor: col-resize;
}

.mailListRight .moveSize i {
    width: 4px;
    height: 11px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -6px;
}

.mailListRight .thisBody {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 6px;
}

.mailListRight .mailInfo {
    position: absolute;
    top: 36px;
    right: 0px;
    bottom: 0px;
    left: 6px;
    overflow: hidden;
    overflow-y: auto;
}

.mailInfo .info {
    padding: 6px 18px 8px;
    position: relative;
    background-color: #f5f7fa;
    border-bottom: 1px #c5d2da solid;
}

.mailInfo .info .ny {
    padding-right: 72px;
}

.mailInfo .info .lv {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    outline: 0;
    padding-top: 6px;
    font-size: 16px;
    line-height: normal;
    margin-right: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.mailInfo .info .gD {
    display: inline-block;
    line-height: normal;
    vertical-align: top;
    padding-top: 6px;
}

.mailInfo .info .gD i {
    cursor: pointer;
    overflow: visible;
    width: 16px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.mailInfo .info .kz {
    margin-top: 5px;
    color: #999;
    line-height: normal;
}

.mailInfo .info .kz ul {
    min-height: 24px;
    display: inline-block;
    width: 100%;
}

.mailInfo .info .kz .fS {
    position: relative;
    float: left;
}

.mailInfo .info .kz .fU {
    min-height: 24px;
    line-height: 23px;
    float: left;
}

.mailInfo .info .kz .fU span {
    color: #333;
    margin-right: 10px;
    position: relative;
    float: left;
}

.nui-txt-suc {
    color: #3d882d;
}

.mailInfo .info .lh {
    line-height: normal;
    position: absolute;
    top: 12px;
    right: 8px;
}

.lh .nui-txt-link {
    position: relative;
    float: left;
    top: 1px;
}

a.nui-txt-link {
    outline: 0;
    cursor: pointer;
    padding: 0 4px;
    text-decoration: none;
    border-radius: 0;
    color: #94a5b1;
    height: 21px;
    line-height: 21px;
}

a.nui-txt-link:hover {
    color: #fff;
    background: #1091a0;
}

.mailInfo .info ul.mailwz, .mailInfo .info.jj ul.mailjj, .mailInfo .info .mailwz, .mailInfo .info.jj .mailjj {
    display: none;
}

.mailInfo .info.jj ul.mailwz, .mailInfo .info.jj .mailwz {
    display: block;
}

.mailInfo .con {
    padding: 12px 12px 0;
}

.mailInfo .con iframe {
    position: relative;
    zoom: 1;
    width: 100%;
    visibility: hidden;
}

.incidental {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    padding-bottom: 5px;
}

.incidental ul {
    width: 100%;
    max-width: 100%;
    position: relative;
    float: left;
}

.incidental li {
    padding: 0 0 0 35px;
    position: relative;
    float: left;
    height: 32px;
    line-height: 16px;
    margin: 8px 0 0 4px;
    display: inline;
    max-width: 150px;
}

.incidental li a {
    margin-right: 10px;
}

.incidental .title {
    width: 100%;
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.incidental .title .text {
    font-size: 12px;
    padding: 0 0 0 5px;
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    display: inline;
}

.incidental .title span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 3px;
    margin: 0 3px 0 0;
    z-index: 1;
}

.incidental {
    background: #d9ebed;
}

.incidental .title {
    border-bottom: 1px #ffffff dashed;
    background: none;
    filter: none;
}

.incidental li a {
    text-decoration: underline;
    color: #074977;
}

.module {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

/* 框架1 */
.moduleTopLeft {
    width: 40%;
    height: 55%;
    position: relative;
    float: left;
}

.moduleTopCenter {
    width: 35%;
    height: 55%;
    position: relative;
    float: left;
}

.moduleTopRight {
    width: 25%;
    height: 55%;
    position: relative;
    float: left;
}

.moduleBottmLeft {
    width: 40%;
    height: 45%;
    position: relative;
    float: left;
}

.moduleBottmCenter {
    width: 35%;
    height: 45%;
    position: relative;
    float: left;
}

.moduleBottmRight {
    width: 25%;
    height: 45%;
    position: relative;
    float: left;
}

.moduleMraginRight {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0 5px 0 0;
}

.moduleMraginNone {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.moduleMraginTopRight {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 5px 5px 0 0;
}

.moduleMraginTop {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 5px 0 0 0;
}

.moduleBox {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    background: #ffffff;
    overflow: hidden;
}

.module_title {
    width: 100%;
    height: 38px;
    position: relative;
    float: left;
    z-index: 10;
}

/* 公司资讯 */
.news {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}

.news ul {

}

.news li {
    width: 100%;
    height: 30px;
    position: relative;
    float: left;
    background: url(../Images/dot2.png) no-repeat left center;
}

.news li a {
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/* 邮件 */
.list_mail12 {
    background: url(../Images/16allbgs.png) no-repeat 0px -104px;
}

.list_mail11 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -188px;
}

.list_mail10 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -168px;
}

.list_mail9 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -148px;
}

.list_mail8 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -128px;
}

.list_mail7 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -108px;
}

.list_mail6 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -90px;
}

.list_mail5 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -70px;
}

.list_mail4 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -50px;
}

.list_mail3 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px 0px;
}

.list_mail2 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -16px;
}

.list_mail1 {
    background: url(../Images/list_mail_allbgs.png) no-repeat 0px -32px;
}

.module_mail {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}

.module_mail ul {

}

.module_mail li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: relative;
    float: left;
    overflow: hidden;
}

.module_mail li .icon_width {
    width: 16px;
    height: 16px;
    position: relative;
    float: left;
    margin-top: 7px;
    display: inline;
    overflow: hidden;
    line-height: 0px;
}

.module_mail li .user {
    width: 72px;
    height: 30px;
    position: relative;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.module_mail li.blod {
    font-weight: bold;
}

.module_mail li .time {
    width: 50px;
    height: 30px;
    position: relative;
    float: left;
    overflow: hidden;
}

.module_mail li .text {
    height: 30px;
    position: relative;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/*ie7 hack*/
* + html .moduleTopLeft {
    width: 40%;
    height: 55%;
    position: absolute;
    left: 0px;
    top: 0px;
}

* + html .moduleTopCenter {
    width: 35%;
    height: 55%;
    position: absolute;
    left: 40%;
    top: 0px;
}

* + html .moduleTopRight {
    width: 25%;
    height: 55%;
    position: absolute;
    left: 75%;
    top: 0px;
}

* + html .moduleBottmLeft {
    width: 40%;
    height: 45%;
    position: absolute;
    left: 0px;
    top: 55%;
}

* + html .moduleBottmCenter {
    width: 35%;
    height: 45%;
    position: absolute;
    left: 40%;
    top: 55%;
}

* + html .moduleBottmRight {
    width: 25%;
    height: 45%;
    position: absolute;
    left: 75%;
    top: 55%;
}

* + html .moduleBox {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: #ffffff;
    overflow: hidden;
}

/*列表上日期div年月不显示问题 --by wenyf 2015-08-10*/
#ui-datepicker-div .ui-datepicker-title {
    color: black;
}

/*邮件附件拖拽*/
.dragAtt {
    width: 100%;
    position: absolute;
    top: 32px;
    right: 0px;
    left: 0px;
    height: 50%;
    line-height: 150px;
    text-align: center;
    border-bottom: 1px solid #d1d1d1;
    z-index: 10000;
    background: #f4f4f4
}

.dragAtt a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    line-height: 20px;
    color: #1091a0;
}

.dragAtt a.close:hover {
    text-decoration: underline;
}

/*新建列表*/
.newlist, .newBtnBox {
    width: 100%;
    position: relative;
    float: left;
}

.newlist {
    padding-bottom: 34px;
}

.rb-panel.newlist {
    padding-bottom: 0;
}

.newlist .small_list {
    position: relative;
    float: left;
    width: 100%;
    box-shadow: none;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    border-radius: 0;
}

.rb-panel .small_list {
    padding: 0;
}

.newBtnBox {
    border-top: 1px #e4e4e4 solid;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-weight: bold;
    align-content: flex-end;
    min-height: 40px;
    justify-content: center;
}

.total-item-wrapper, .checked-total-item-wrapper {
    padding: 5px;
}

.checked-total-item-wrapper {
    display: none;

}

.newlist .small_list ul {
    min-height: 150px;
    max-height: 300px;
    overflow-x: auto;
}

.small_set .newlist li .text {
    padding: 0;
}

.fixedBox {
    width: 100%;
    height: calc(var(--rb-input-height) + 6px);
    padding-top: 3px;
    background: #f1f1f1;
    border-top: 1px #e4e4e4 solid;
    position: fixed;
    z-index: 9999;
    left: 0px;
    bottom: 0px;
}

.fixedBox > div {
    position: relative;
    float: right;
    margin: 0 5px;
}

.fixedBox > div:first-child {
    margin: 0 33px 0 5px;
}

.fixedBox > div > a {
    min-width: 40px;
}

.fixedBox font {
    line-height: 26px;
    margin-left: 15px;
}

/*新标题*/
.newTitle {
    border-top: 1px #e4e4e4 solid;
    border-bottom: 1px #e4e4e4 solid;
    font-weight: bold;
    width: 100%;
    height: 40px;
    line-height: 34px;
    background: #fff;
    padding: 4px 0;
}

.rb-panel .newTitle {
    border: none;
    padding: 0;
}

.newTitle font {
    margin-left: 15px;
    color: #333;
}

.newTitle .btn_icon {
    width: auto;
    margin-right: 4px;
    /*font-weight: bold;*/
}

/*气泡操作*/
.triangle-isosceles {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #000;
    background: #f3961c;
    /* default background for browsers without gradient support */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835),
    to(#f3961c));
    background: -moz-linear-gradient(#f9d835, #f3961c);
    background: -o-linear-gradient(#f9d835, #f3961c);
    background: linear-gradient(#f9d835, #f3961c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.triangle-isosceles.top {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3961c),
    to(#f9d835));
    background: -moz-linear-gradient(#f3961c, #f9d835);
    background: -o-linear-gradient(#f3961c, #f9d835);
    background: linear-gradient(#f3961c, #f9d835);
}

.triangle-isosceles.left {
    margin-left: 50px;
    background: #f3961c;
}

.triangle-isosceles.right {
    margin-right: 50px;
    background: #f3961c;
}

.triangle-isosceles:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #f3961c transparent;
    display: block;
    width: 0;
}

.triangle-isosceles.top:after {
    top: -15px;
    right: 50px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-color: #f3961c transparent;
}

.triangle-isosceles.left:after {
    top: 16px;
    left: -50px;
    bottom: auto;
    border-width: 10px 50px 10px 0;
    border-color: transparent #f3961c;
}

.triangle-isosceles.right:after {
    top: 16px; /* controls vertical position */
    right: -50px;
    bottom: auto;
    left: auto;
    border-width: 10px 0 10px 50px;
    border-color: transparent #f3961c;
}

.prosidebar .filterCondition_span_group {
    width: 100%;
    line-height: normal;
    height: 28px;
}

.prosidebar .filterCondition_span_group .filterCondition_span {
    padding: 5px;
}

.sidebar .filterCondition_span_group {
    width: 100%;
    line-height: normal;
    height: 28px;
}

.filterCondition_span_group {
    display: inline-block;
    background-color: #fff;
}

.sidebar .filterCondition_span_group .filterCondition_span {
    padding: 5px;
}


.filterCondition_span_group .filterCondition_span:first-child {
    /*border-bottom-left-radius: 3px;*/
    /*border-top-left-radius: 3px;*/
}

.filterCondition_span_group .filterCondition_span:last-child {
    /*border-bottom-right-radius: 3px;*/
    /*border-top-right-radius: 3px;*/
}

/*过滤条件样式，参照财务->发票管理*/
.filterCondition_span {
    min-width: 24px;
    text-align: center;
    cursor: pointer;
    /*border: 1px solid #d6d6d6;*/
    float: left;
    border-radius: 0;
    color: #666;
    padding: 2px 15px;
}

.filterCondition_span.active {
    border: 1px solid #2196f3;
}

.filterCondition_span2 {
    border-radius: 0;
    padding: 2px 5px;
    text-align: center;
    cursor: pointer;
    background-color: inherit;
    color: rgb(69, 72, 77);
}

.filterCondition_span2.active {
    color: rgb(255, 255, 255);
    background-color: #eea236;
}

/*tb图标*/
.tb_icon {
    height: 14px;
    background-image: url(../Images/tb_icon.png);
    background-repeat: no-repeat;
}

/*tb图标 下载*/
.tb_icon.tb_icon_download {
    background-position: 0 -155px;
}

/*tb图标 查看详情*/
.tb_icon.tb_icon_detail {
    background-position: 0 -74px;
}

/* poptip example:报价记录按产品过滤的查看历史价格 */
.poptip {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 6px 10px 5px;
    *padding: 7px 10px 4px;
    line-height: 16px;
    color: #DB7C22;
    font-size: 12px;
    background-color: #FFFCEF;
    border: solid 1px #FFBB76;
    border-radius: 0;
    box-shadow: 0 0 3px #ddd;
    z-index: 1000;
}

.poptip-arrow {
    position: absolute;
    overflow: hidden;
    font-style: normal;
    font-family: simsun;
    font-size: 12px;
    text-shadow: 0 0 2px #ccc;
}

.poptip-arrow em, .poptip-arrow i {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
}

.poptip-arrow em {
    color: #FFBB76;
}

.poptip-arrow i {
    color: #FFFCEF;
    text-shadow: none;
}

.poptip-arrow-top, .poptip-arrow-bottom {
    height: 6px;
    width: 12px;
    left: 12px;
    margin-left: -6px;
}

.poptip-arrow-left, .poptip-arrow-right {
    height: 12px;
    width: 6px;
    top: 12px;
    margin-top: -6px;
}

.poptip-arrow-top {
    top: -6px;
}

.poptip-arrow-top em {
    top: -1px;
}

.poptip-arrow-top i {
    top: 0px;
}

.poptip-arrow-bottom {
    bottom: -6px;
}

.poptip-arrow-bottom em {
    top: -8px;
}

.poptip-arrow-bottom i {
    top: -9px;
}

.poptip-arrow-left {
    left: -6px;
}

.poptip-arrow-left em {
    left: 1px;
}

.poptip-arrow-left i {
    left: 2px;
}

.poptip-arrow-right {
    right: -6px;
}

.poptip-arrow-right em {
    left: -6px;
}

.poptip-arrow-right i {
    left: -7px;
}

/*文本背景色橙色 example:出口业务新增按钮*/
.text_bgColor_orange {
    height: 23px;
    background-color: rgb(255, 165, 0);
    line-height: 23px;
    margin-top: 5px;
    border-radius: 0;
    width: 33px;
    text-align: center;
    position: relative;
    float: left;
}

/*按钮样式*/
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: var(--rb-border-radius);
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: initial;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: var(--rb-btn-border-color);
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #0262FF;
    /*border-color: var(--rb-btn-border-color);*/
    border-color: #0262FF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #034dc8;
    border-color: #2e6da4;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #034dc8;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: var(--rb-border-radius);
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: var(--rb-border-radius);
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: var(--rb-border-radius);
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

.btn-outlined.btn-warning {
    color: #006EFF;
    background: #fff;
    border-color: #006EFF;
}

.btn-outlined.btn-warning:enabled:active {
    color: #fff;
}

.input-xs {
    width: 100px;
    height: var(--rb-input-height);
    border-color: var(--rb-input-border-color);
}

.form-control {
    border-radius: var(--rb-border-radius);
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: #66afe9;
}

.input-sm {
    border-radius: var(--rb-border-radius);
}

select.input-sm {
    border: 1px var(--rb-input-border-color) solid;
    height: var(--rb-input-height);
    line-height: var(--rb-input-height);
}

.btn.btn-sm > input[type=checkbox] {
    position: relative;
    float: right;
    margin: 2px 0 0 2px;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/*颜文字 - -! */
@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../javascripts/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select_menudb .glyphicon.glyphicon-triangle-bottom {
    font-size: 12px;
    color: #7e7e81;
    zoom: 0.8;
    right: 3px;
    top: 3px;
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-cog:before {
    content: "\e019";
}

@font-face {
    font-family: 'rebee new icon 20150619';
    src: url('../font/iconfont/iconfont.woff2?t=1682502777804') format('woff2'),
    url('../font/iconfont/iconfont.woff?t=1682502777804') format('woff'),
    url('../font/iconfont/iconfont.ttf?t=1682502777804') format('truetype');
}

.new-rebee-icon {
    font-family: "rebee new icon 20150619" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.rb-icon {
    font-family: "rebee new icon 20150619" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

[name=filterCondition_span] {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 1366px) {
    [name=filterCondition_span] {
        padding-left: 5px;
        padding-right: 5px;
    }
}


table.rebee-table {
    display: table;
    width: 100%;
    border-top: 1px solid #DEE4ED;
    border-left: 1px solid #DEE4ED;
    border-right: 1px solid #DEE4ED;
    background-color: #fff;
}

table.rebee-table th {
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #38a3b6;
    padding: 0 0 0 15px;
    text-align: left;
    background-color: #EDF3FE;
    border-bottom: 1px solid #DEE4ED;
}

table.rebee-table tr {
    height: 30px;
}

table.rebee-table tr td.attribute {
    text-align: right;
    background-color: #efefef;
    border-bottom: 1px solid #DEE4ED;
    padding-right: 10px;
    min-width: 75px;
}

table.rebee-table tr td.attributeValue {
    background-color: #F9F9F9;
    border-bottom: 1px solid #DEE4ED;
    padding: 5px 5px 5px 10px;
}

table.rebee-table tr td.attributeValue textarea {
    border: 1px solid var(--rb-input-border-color);
    height: 60px;
    width: 90%;
    border-radius: var(--rb-border-radius);
    background: #ffffff;
}

table.rebee-table tr td.attributeValue input {
    border: 1px solid var(--rb-input-border-color);
    height: 28px;
    width: 90%;
    border-radius: var(--rb-border-radius);
    background: #ffffff;
}

table.rebee-table tr td.attributeValue select {
    border: 1px solid var(--rb-input-border-color);
    height: 28px;
    width: 90%;
    border-radius: var(--rb-border-radius);
}

.timesearch-control {

}

.timesearch-control > * {
    float: left;
    font-weight: normal;
}

.timesearch-control > span {
    padding: 8px 3px 0 5px;
}

.product-item-li-line {
    position: absolute;
    border-bottom: 1px solid #efeeee;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 1000;
}

.progress {
    position: relative;
    float: left;
    width: 100px;
    height: 15px;
    margin: 0;
    overflow: hidden;
    background-color: #cacaca;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    min-width: 2em;
    height: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.webuploader-pick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rb-panel .webuploader-container,
.rb-form-item .webuploader-container {
    position: relative;
    float: left;
    margin-right: 5px;
    height: var(--rb-input-height);
}

.rb-panel .webuploader-pick,
.rb-form-item .webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #FFF;
    padding: 6px 10px;
    color: #006EFF;
    text-align: center;
    overflow: hidden;
    line-height: 1.5;
    border: 1px solid #006EFF;
    border-radius: var(--rb-border-radius);
}

.webuploader-element-invisible {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.attachment {
    position: relative;
    float: left;
    width: 50px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

.attachment span {
    color: #06C;
    text-decoration: none;
    cursor: pointer;
}

.attachment span:hover {
    color: #039;
    text-decoration: underline;
}

.line-dashed {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.skinTheme-bg {
    background: #137ac4;
}

.skinTheme-color {
    color: #137ac4;
}

.xiaoxinxin {
    position: absolute;
    right: -4px;
    color: red;
    font-size: 12px;
}

/*审核通过图片*/
.viewAuditPassPicDiv {
    position: absolute;
    left: 0px;
    top: 20px;
}

.viewAuditPassPicDiv span {
    font-size: 120px;
    color: red;
    opacity: 0.4;
}

.mark-call-or-sms {
    position: fixed;
    width: 220px;
    height: 60px;
    background: #fff;
    border: #2aa198 1px solid;
    z-index: 10000;
}

.mark-call-or-sms .btn-out-div {
    padding: 10px;
}

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

.rb-color-gray {
    color: #595959 !important;
}

.rb-color-blue {
    color: #0262FF !important;
}

.rb-color-red {
    color: #FF584D !important;
}

.rb-font-bold {
    font-weight: bold;
}

.rb-li-higher {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.rb-li-total {
    background: #F8F9FA;
    border: 1px solid #D9D9D9;
}

.rb-li-higher .text input[type=checkbox] {
    margin: 13px 0 8px 0;
    display: inline;
    position: relative;
    float: left;
}

.rb-li-higher .text span {
    margin: 0 5px 0 0;
    display: inline;
}

.rb-li-higher .text img {
    margin: 8px 0 0 0;
    display: inline;
}

.rb-bg {
    background-color: #fafafa;
}

.no-data-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.no-data-container:only-child {
    display: flex;
}

/* 防止自动填充 */
.prevent-auto-fill {
    position: fixed;
    width: 0;
    height: 0;
    opacity: 0;
    z-index: -1;
}

.special-flex-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    white-space: initial;
    line-height: initial !important;
    padding: 5px;
}

.rb-label {
    font-weight: normal;

}

.rb-label > * {
    float: left;
    margin-left: 3px;
}

.rb-label > *:first-child {
    margin-left: 0;
}

.rb-label > input[type=radio] {
    margin-top: 9px;
    width: auto;
    height: auto;
    line-height: auto;
}

.rb-list-ul {
    position: relative;
    float: left;
    width: 100%;
}

.rb-list-ul .rb-list-ul {
    background-color: #F8F8F8;
}

.rb-list-ul .rb-list-ul .rb-list-ul {
    background-color: #F0F4F0;
}

.rb-list-li {
    position: relative;
    float: left;
    width: 100%;
}

.rb-list-item {
    display: flex;
    align-items: center;
    padding-left: 10px;
    height: 35px;
    cursor: pointer;
    font-size: 12px;
}

.rb-list-ul .rb-list-ul .rb-list-item {
    padding-left: 15px;
}

.rb-list-ul .rb-list-ul .rb-list-ul .rb-list-item {
    padding-left: 20px;
}

.rb-list-ul .rb-list-ul .rb-list-ul .rb-list-ul .rb-list-item {
    padding-left: 25px;
}

.rb-list-ul .rb-list-ul .rb-list-ul .rb-list-ul .rb-list-ul .rb-list-item {
    padding-left: 30px;
}

.rb-list-item > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.rb-list-item .menu-arrow {
    position: absolute;
    right: 10px;
    font-family: "rebee new icon 20150619" !important;
    font-style: normal;
    font-size: 12px;
    font-weight: bolder;
    transform: scale(0.8);
}

.rb-list-item:hover {
    background: #F3F0F0;
    color: var(--rb-line-hover-color);
}

.rb-list-item.active {
    background: #D5E7FF;
    color: var(--rb-line-hover-color);
}

.rb-list-tag {
    padding: 5px;
    border-radius: var(--rb-border-radius);
}

.rb-list-tag.rb-list-tag-style1 {
    background-color: #DCFAE6;
    border-color: #DCFAE6;
    color: #00A064;
}

.rb-list-tag.rb-list-tag-style2 {
    background-color: #FFF0D2;
    border-color: #FFF0D2;
    color: #A56200;
}

.rb-list-tag.rb-list-tag-style3 {
    background-color: #FFDDDD;
    border-color: #FFDDDD;
    color: #B21E1E;
}

.rb-list-tag.rb-list-tag-style4 {
    background-color: #E9CCCC;
    border-color: #E9CCCC;
    color: #9F2C2C;
}

.rb-list-tag.rb-list-tag-style5 {
    background-color: #FFDDDD;
    border-color: #FFDDDD;
    color: #B21E1E;
}

.rb-list-tag.rb-list-tag-style6 {
    background-color: #FF0000BF;
    border-color: #FF000080;
    color: #FFFFFF;
    font-weight: bold;
}

.rb-list-tag.rb-list-tag-style7 {
    background-color: rgb(230 152 230);
    color: #b014b0;
    border-color: rgba(255, 0, 0, 0.5);
}

.rb-list-tag.rb-list-tag-style8 {
    background-color: rgb(148 192 234);
    color: rgb(8 68 239);
    border-color: rgba(255, 0, 0, 0.5);
}

.rb-list-tag.rb-list-tag-style9 {
    background-color: #ddd;
    border-color: #ccc;
    color: #999;
}

.support-info-enter {
    display: none;
    cursor: pointer;
    font-size: 14px;
}

.discussionGroupComment_right_bar_open, .discussionGroupComment_right_bar_clo {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    display: block;
    width: 20px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    background: #f1f1f1;
    border-radius: 6px 0 0 6px;
    display: none;
}

.discussionGroupComment_right_bar_clo {
    right: 350px;
}

.discussionGroupComment_right_bar_open {
    right: 0px;
}

.discussionGroupComment_right_bar_open span, .discussionGroupComment_right_bar_clo span {
    color: #0181fa;
}

.discussionGroupComment_right_bar_open:hover, .discussionGroupComment_right_bar_clo:hover {
    opacity: 0.8;
    background-color: #1c4d61;
}

.discussionGroupCommentIframe_outer {
    width: 350px;
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 0px;
}

.rb-list-progress-bar-container {
    width: 100%;
    height: 16px;
    line-height: 100%;
    background-color: #ccc;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.rb-list-progress-bar {
    height: 100%;
    border-radius: 8px;
    text-align: center;
    color: white;
}

.rb-list-percentage {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
}

.rb-list-progress-coral {
    background-color: rgba(255, 150, 100);
}

.rb-list-progress-green {
    background-color: rgb(122, 218, 52);
}

.rb-list-progress-orange {
    background-color: rgba(255, 1, 69, 0.86);
}

.rb-list-progress-blue {
    background-color: rgb(59, 137, 211);
}

.rb-list-progress-white {
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
}