/** 随行康 **/
body {
    color: #333333;
    font: 13px/1.5em Verdana, Arial, "Microsoft YaHei";
    margin: 0px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

html {
    overflow-y: scroll;
}

h1,
h2,
h3,
h3,
h5,
ul,
li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
[v-cloak] {
    display: none !important;
}
.hidden{
    display: none;
}

.clearboth {
    clear: both;
}

.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    zoom: 1
}

.transparent {
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
    -khtml-opacity: 0.99;
    opacity: 0.99;
}

.transpant85 {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

/** 链接样式 **/
a:link {
    color: #0066CB;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    color: #0066CC;
}

a:hover {
    text-decoration: none;
    color: #F44844;
}

a:active {
    text-decoration: none;
    color: #0066CC;
}
a.arrowlink{
    color: #0066CC;
    .icon_arrowaright{
        margin-left: 2px;
    }
    .icon_arrowaright::before{
        color: #0066CC;
        font-size: 10px;
    }
    &:hover{
        color: #F44844;
        .icon_arrowaright::before{
            color: #F44844;
        }
    }
}

.jTip,
dialog {
    cursor: pointer;
}

/** 日期框 **/
.datepicker {
    z-index: 100000 !important
}


/** 表单元素样式 **/
select {
    position: relative;
}

input,
select,
textarea {
    border-radius: 1px;
    margin: 0px;
    padding: 0px 8px;
    height: 30px;
    line-height: normal;
    resize: none;
    outline: none;
}

input[type=text],
input[type=file],
input[type=number],
input[type=password] {
    border: 1px solid #ccc;
    width: 200px;
    padding: 0px 8px;
    height: 30px;
    line-height: normal;
    background-color: #FFFFFF;
}

input[type=text]::-webkit-input-placeholder {
    color: #A5A5A5;
    line-height: normal;
    font-size: 12px;
    [;
    font-size: 14px;
    ];
}

input[type=text]::-moz-placeholder {
    color: #A5A5A5;
    line-height: normal;
    font-size: 12px;
    [;
    font-size: 14px;
    ];
}

input[type=text]::-ms-input-placeholder {
    color: #A5A5A5;
    line-height: normal;
    font-size: 12px;
    [;
    font-size: 14px;
    ];
}

input[type=button],
input[type=submit] {
    background-color: #0099CC;
    color: #FFFFFF;
    border: #0099CC solid 1px;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
    line-height: 32px;
    padding: 0 20px;
    cursor: pointer;
}

input[type=button]:hover,
input[type=submit]:hover {
    background-color: #28B5D6;
}

input[type=button].submiting,
input[type=submit].submiting {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #FFF;
}

input[type=reset] {
    background-color: #F7F7F7;
    border: #DDD solid 1px;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
    line-height: 32px;
    padding: 0 20px;
    cursor: pointer;
    color: #333;
}

input[type=reset]:hover {
    background: #FFF;
}

textarea {
    border: #CCC solid 1px;
}

textarea::placeholder {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
    color: #BCBCBC;
    text-align: left;
    padding-left: 3px;
}

select {
    height: 32px;
    line-height: normal;
    [;
    line-height: 26px;
    ];
    border: #ccc solid 1px;
    width: 218px;
    color: #333333;
    background-color: #FFF;
}

button {
    resize: none;
    outline: none;
}

button:focus,
select:focus,
input[type=text]:focus,
input[type=file]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
    border: #1EC7FF solid 1px;
}

/*JSON*/
textarea.jsonFormat {
    background: #293134;
    color: #E0E2E4;
    border: #293134 solid 1px;
    height: 200px !important;
}

textarea.jsonFormat::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

textarea.jsonFormat::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}

textarea.jsonFormat::-webkit-scrollbar-track {
    background: #F1F1F1;
}

textarea.jsonFormat:focus {
    border: #293134 solid 1px;
}

/*特殊Input样式*/
input.onlycny {
    color: #FF0000;
    background: url(../imgs/icon/cny.png) no-repeat center left !important;
    text-indent: 11px;
}

input.percent {
    color: #50852C;
    background: url(../imgs/icon/percent.png) no-repeat center right;
    text-indent: 11px;
}

/*头部样式*/
.topmenu {
    height: 41px;
    background: #0099CC;
    z-index: 10002;
    position: relative;
    top: 0px;
    min-width: 1335px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topmenu .logo {
    color: #FFF;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.topmenu .logo a {
    display: block;
    color: #FFF;
    margin-left: 10px;
    font-size: 18px;
}

.topmenu .logo:hover {
    background-color: #008FBF;
}

.topmenu .navigation {
    list-style-type: none;
    background-color: #0099CC;
}

.topmenu .navigation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 14px;
}

.topmenu .navigation li {
    line-height: 38px;
    float: left;
}

.topmenu .navigation ul>li:last-child>a {
    border-right: #008FBF solid 1px
}

.topmenu .navigation a {
    display: block;
    text-align: center;
    padding: 0px 12px;
}

.topmenu .navigation a {
    background-position: 82px 18px;
    background-repeat: no-repeat;
    border-left: #008FBF solid 1px;
}

.topmenu .navigation a .icon_arrows {
    display: inline-block;
    margin: 0px 0px 0 3px;
    transition: transform 0.5s;
    color: #FFFFFF;
}

.topmenu .navigation a .icon_arrows {
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
}

.topmenu .navigation a .icon_arrows {
    transform-origin: 6px 21.5px;
    -ms-transform-origin: 6px 21.5px;
    -webkit-transform-origin: 6px 21.5px;
    -moz-transform-origin: 6px 21.5px;
    -o-transform-origin: 6px 21.5px;
}

.topmenu .navigation a:link {
    color: #FFF;
    text-decoration: none;
}

.topmenu .navigation a:visited {
    color: #FFF;
    text-decoration: none;
}

.topmenu .navigation a:hover {
    color: #FFF;
    text-decoration: none;
}

.topmenu .navigation li:hover .icon_arrows {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.topmenu .navigation li a:hover {
    background: #008FBF;
}

.topmenu .navigation li ul {
    line-height: 27px;
    list-style-type: none;
    text-align: left;
    left: -999em;
    width: 133px;
    position: absolute;
    border: #B0B0B0 solid 1px;
    -moz-box-shadow: 3px 3px 4px #666;
    -webkit-box-shadow: 3px 3px 4px #666;
    box-shadow: 3px 3px 4px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#DBDBDB')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=150, Color='#DBDBDB');
}

.topmenu .navigation li ul li {
    float: left;
    background-color: #FFFFFF;
    border-left: none;
    line-height: 30px;
}

.topmenu .navigation li ul li:first-child {
    padding-top: 5px;
}

.topmenu .navigation li ul li:last-child {
    padding-bottom: 5px;
    border: none;
}

.topmenu .navigation li ul a {
    display: block;
    width: 99px;
    text-align: left;
    padding-left: 21px;
    color: #262626;
    background-image: none;
    border: none !important;
}

.topmenu .navigation li ul a:link {
    color: #262626;
    text-decoration: none;
}

.topmenu .navigation li ul a:visited {
    color: #262626;
    text-decoration: none;
}

.topmenu .navigation li ul a:hover {
    color: #262626;
    text-decoration: none;
    font-weight: normal;
    background: #F5F5F5;
}

.topmenu .navigation li ul a.line {
    border-bottom: #BBBBBB solid 1px !important;
    margin: 5px 0px !important;
}

.topmenu .navigation li:hover ul {
    left: auto;
}

.topmenu .navigation li.sfhover ul {
    left: auto;
}

/* 强制打开菜单 */
/* .topmenu .navigation li ul {
    left: auto !important;
} */

.topmenu .usercenter {
    position: absolute;
    top: 0px;
    right: 3px;
}

.topmenu .usercenter li {
    width: auto;
    border: none !important;
}

.topmenu .usercenter li a {
    background-position: right;
    display: block;
    text-align: left;
    border-right: none;
    padding-left: 13px;
}

.topmenu .usercenter li a:hover {
    background-position: right;
}

.topmenu .usercenter a {
    display: block;
    text-align: center;
    padding: 0px 18px;
}

.topmenu .usercenter .icon_admin {
    padding-right: 4px;
}

.topmenu .usercenter .avator {
    width: 18px;
    height: 18px;
    border-radius: 20px;
    vertical-align: -4px;
    border: solid 1px rgba(255, 255, 255, 0.30);
}

/* 中间部分 */
.base {
    height: calc(100vh - 42px);
    width: 100%;
    clear: both;
    position: relative;
}

/* 左边菜单 */
.base .sidebar {
    position: absolute;
    top: 0px;
    left: 0px;
}

.base .sidebar {
    width: 180px;
    background-color: #EAEDF1;
    border-left: #293038 solid 1px;
    line-height: 15px;
    vertical-align: top;
    height: 100%;
}

.base .sidebar {
    height: 100%;
}

.base .sidebar h1 {
    font-size: 14px;
    font-weight: bold;
    padding: 18px 0px 18px 20px;
    background-color: #D9DEE4;
}

.base .sidebar .sidecon {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    width: 180px;
    height: 400px;
}

.base .sidebar .sidecon::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.base .sidebar .sidecon::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}

.base .sidebar .sidecon::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.base .sidebar .sidecon .sideitem li {
    line-height: 40px;
    list-style-type: none;
}

.base .sidebar .sidecon .sideitem li.line {
    line-height: 0px;
    height: 0px;
}

.base .sidebar .sidecon .sideitem a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #EAEDF1;
    text-indent: 30px;
    color: #333;
}

.base .sidebar .sidecon .sideitem a:hover {
    background-color: #F4F6F8;
}

.base .sidebar .sidecon .sideitem a>span {
    margin: 0px 2px 0px -2px;
    font-size: 12px;
}

.base .sidebar .sidecon .sideitem a.selected {
    background-color: #FFFFFF;
}

/*分页*/
.base .sidebar .sidepage {
    position: absolute;
    top: 18px;
    right: 2px;
}

.base .sidebar .sidepage>a {
    display: inline-block;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.base .sidebar .sidepage>a {
    font-size: 12px;
    margin-right: 2px;
    color: #333;
    cursor: pointer;
}

.base .sidebar .sidepage>a {
    background-color: rgba(255, 255, 255, 0.95);
    color: rgba(0, 153, 204, 0.95);
}

.base .sidebar .sidepage>a.selected {
    background-color: rgba(0, 153, 204, 0.95);
    color: rgba(255, 255, 255, 0.95);
}

/*主要内容 */
.base .container {
    margin: 0px 0px 0 195px;
    padding-right: 10px;
    height: 100%;
    overflow: auto;
    min-width: 1120px;
}

.base .container::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

.base .container::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}

.base .container::-webkit-scrollbar-track {
    background: #F1F1F1;
}

/** collapse **/
.base .collapse {
    position: absolute;
    left: 181px;
    top: calc((100% - 80px)/2);
    cursor: pointer;
}

.base .collapse .collapsebg {
    width: 0;
    height: 33px;
    position: absolute;
    top: 0;
    left: -16px;
}

.base .collapse .collapsebg {
    border-bottom: 9px solid transparent;
    border-right: 20px solid #f7f7f7;
    border-top: 9px solid transparent;
}

.base .collapse .collapsebg {
    -o-transition: all 0.1s ease, 0.1s ease;
    -ms-transition: all 0.1s ease, 0.1s ease;
    -moz-transition: all 0.1s ease, 0.1s ease;
}

.base .collapse .collapsebg {
    -webkit-transition: all 0.1s ease, 0.1s ease;
}

.base .collapse .collapsebg:hover {
    left: -20px;
}

.base .collapse .collapsebg .icon_collapse_left {
    position: absolute;
    top: 7px;
    left: 4px;
}

.base .collapse .collapsebg .icon_collapse_right {
    position: absolute;
    top: 7px;
    left: -18px;
    display: none;
}

.base .collapse .collapsemask {
    position: absolute;
    height: 50px;
    width: 5px;
    top: 0px;
    left: 0px;
    background: #FFF;
}

.basecollapse .sidebar {
    display: none;
}

.basecollapse .container {
    margin-left: 20px;
}

.basecollapse .collapse {
    left: 0px;
}

.basecollapse .collapse .collapsebg .icon_collapse_left {
    display: none;
}

.basecollapse .collapse .collapsebg .icon_collapse_right {
    display: block;
}

.basecollapse .collapse .collapsemask {
    display: none;
}

.basecollapse .collapse .collapsebg {
    left: -8px;
    border-right: 0px;
    border-left: 20px solid #D9DEE4;
}

.basecollapse .collapse .collapsebg:hover {
    left: 0px;
}


/*主体内容*/
/*面包屑*/
.container .bread {
    font-size: 15px;
    border-bottom: #DDDDDD solid 1px;
    height: 42px;
    line-height: 42px;
    width: 100%;
    padding-top: 8px;
}

.container .bread:before {
    content: "";
    border-left: 2px solid #88B7E0;
    margin: 0 8px 0 0;
    height: 14px;
    display: inline-block;
    vertical-align: -1px;
}

.container .bread .attention {
    width: auto;
    display: inline;
    margin: 0px;
    padding: 1px 8px;
    font-size: 12px;
}

.container .bread .attention {
    margin-left: 6px;
    border-radius: 1px;
}

.container .bread .attention a::before {
    font-size: 12px !important;
    vertical-align: -0.08em;
}

/*快捷按钮*/
.container .quickbtn {
    float: right;
    /* z-index: 9999; */
    margin: -42px -1px 0px 0px;
}

.container .quickbtn a {
    margin: 0px 0px 0px 5px;
    padding: 0px 15px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.container .quickbtn a {
    background-color: #0099CC;
    color: #FFFFFF;
    border: #0099CC solid 1px;
    font-size: 13px;
    margin-left: 8px;
}

.container .quickbtn a:hover {
    background-color: #28B5D6;
    color: #FFFFFF;
}

.container .quickbtn a.white {
    background-color: #F7F7F7;
    border: #DDD solid 1px;
    color: #333;
}

.container .quickbtn a.white:hover {
    background-color: #FFF;
    color: #333;
}

.container .quickbtn a.white>span {
    margin-right: 3px;
}

.container .quickbtn a.white>span:before {
    color: #666;
    font-size: 14px;
    width: 14px;
}

.container .quickbtn a.disabled,
.container .quickbtn a.disabled:hover {
    background-color: #F7F7F7;
    color: #BBB;
}

.container .quickbtn a::before {
    content: '';
    font-family: internal;
    font-weight: normal;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: -0.08em;
}

.container .quickbtn a.export::before {
    content: '\E661';
}

.container .quickbtn a.config::before {
    content: '\E663';
}

.container .quickbtn a.mesg::before {
    content: '\E653';
    padding-right: 10px;
}

.container .quickbtn a.newadd::before {
    content: '\E664';
}

.container .quickbtn a.upload::before {
    content: '\E670';
}

.container .quickbtn a.sync::before {
    content: '\E665';
}

.container .quickbtn a.fans::before {
    content: '\E668';
}

.container .quickbtn a.sxklogo::before {
    content: '\E666';
}

/*快捷分类*/
.container .quicktabs {
    float: right;
    z-index: 9999;
    margin: -45px -1px 0px 0px;
    height: 50px;
    line-height: 50px;
}

.container .quicktabs a {
    color: #666;
    padding: 10px 6px;
}

.container .quicktabs a:hover,
.container .quicktabs a.selected {
    border-bottom: #00A2CA solid 2px;
    height: 49px;
}

.container .quicktabs a::before {
    content: '';
    font-family: internal;
    font-weight: normal;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: 0px;
}

.container .quicktabs a.export::before {
    content: '\E661';
}

.container .quicktabs a.config::before {
    content: '\E663';
}

.container .quicktabs a.newadd::before {
    content: '\E664';
}

.container .quicktabs a.upload::before {
    content: '\E670';
}

/*帮助提醒*/
.container .attention {
    background-color: #EDFCF1;
    margin-top: 10px;
    padding: 4px 10px;
    color: #666;
    border: solid 1px #E2FAE9;
}

.container .attention h2 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    margin-left: -5px;
    margin-bottom: 10px;
}

.container .attention a {
    color: #0066CC;
}

.container .attention a:hover {
    color: #E83A3D;
}

.container .attention a.help {
    display: inline-block;
}

.container .attention a.help::before {
    font-family: internal;
    content: "\E604";
    font-size: 13px;
    color: #1E8E3E;
}

.container .attention a.help::before {
    display: inline-block;
    vertical-align: -0.093em;
    margin-right: 5px;
}

.container .attention a.help:hover::before {
    color: #EE4F47;
}

.container .attention a.none:hover::before {
    color: #1E8E3E;
}

.container .attention .red {
    color: #F94100;
}

.container .attention_pink {
    background-color: #FFEACC;
    border-color: #FFE1B5;
    color: #666666;
}

.container .attention_pink a.help::before {
    color: #FF9C1C;
}

.container .attention_pink a.none:hover::before {
    color: #FF9C1C;
}

/*成功提醒*/
.container .successTip {
    position: absolute;
    top: 9px;
    right: 9px;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    z-index: 10000;
}

.container .successTip {
    border-radius: 1px;
    border: #CDDDB9 solid 1px;
    background-color: #F6FFEE;
    color: #000000;
    display: none;
}

.container .successTip .icon_success::before {
    margin-right: 5px;
    font-size: 13px;
    vertical-align: -0.08em;
}

/*失败提醒*/
.container .errorTip {
    position: absolute;
    top: 9px;
    right: 9px;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    z-index: 10000;
}

.container .errorTip {
    border-radius: 1px;
    color: #EC514C;
    background-color: #FFEFF0;
    border: #FFD7D7 solid 1px;
    display: none;
}

.container .errorTip .icon_error::before {
    margin-right: 5px;
    font-size: 13px;
    vertical-align: -0.09em;
}

/*等待提醒*/
.container .waitingTip {
    position: absolute;
    top: 9px;
    right: 9px;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    z-index: 10000;
}

.container .waitingTip {
    border-radius: 1px;
    border: #CDDDB9 solid 1px;
    background-color: #F6FFEE;
    color: #000000;
    display: none;
}

.container .waitingTip .icon_waiting::before {
    margin-right: 5px;
    font-size: 13px;
    font-weight: bold;
    vertical-align: -1.5px;
}

/*选项卡*/
.container .tabs {
    margin-top: 10px;
    height: 38px;
    border-bottom: #DDD solid 1px;
    border-left: #DDD solid 1px;
}

.container .tabs a {
    height: 37px;
    line-height: 36px;
    padding: 0px 30px;
    text-align: center;
    display: block;
    color: #666;
    background-color: #FBFAF8;
}

.container .tabs a {
    float: left;
    border: #DDD solid 1px;
    border-left: none;
    position: relative;
}

.container .tabs a:hover {
    background-color: #FFFFFF;
    color: #00A2CA;
}

.container .tabs a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 0.15em;
    width: 100%;
    background-color: none;
}

.container .tabs a>span::before {
    margin-right: 2px;
    font-size: 14px;
    color: #999;
}

.container .tabs a.selected {
    border-bottom-color: #FFF;
    background-color: #FFF;
}

.container .tabs a.selected:hover {
    color: #666666;
}

.container .tabs a.selected::before {
    background-color: #00A2CA;
    top: -1px;
    left: -0.05em;
    width: calc(100% + 0.15em);
}

@-webkit-keyframes tabsclicked {
    from {
        width: 20px;
        left: 50%;
    }

    to {
        width: calc(100% + 0.2em);
        left: 0px;
    }
}

.container .tabs a.clicked {
    border-bottom-color: #FFF;
    background-color: #FFF;
}

.container .tabs a.clicked:hover {
    color: #666666;
}

.container .tabs a.clicked::before {
    background-color: #00A2CA;
    top: -1px;
    left: -0.05em;
    width: calc(100% + 0.15em);
}

.container .tabs a.clicked::before {
    -webkit-animation: tabsclicked 0.1s;
}


/*表单*/
.container .form {
    margin-top: 10px;
    position: relative;
}

.container .form .red {
    color: #F94100;
    font-style: italic;
    margin-left: 5px;
    font-size: 12px;
}

.container .form .green {
    color: #009900;
    font-style: italic;
    margin-left: 5px;
    font-size: 12px;
}

.container .form .vaildTip {
    color: #FF0000;
    margin-left: 5px;
}

.container .form .arrowTip {
    width: auto;
    height: 20px;
    position: relative;
    padding: 5px 10px;
    border-radius: 3px;
    margin-left: 15px;
}

.container .form .arrowTip {
    color: #666;
    background-color: #f8f8f8;
    border: 1px solid #E5E5E5;
}

.container .form .arrowTip:before,
.container .form .arrowTip:after {
    content: "";
    display: block;
    border-width: 9px;
    position: absolute;
    left: -18px;
    top: 5px;
    border-style: dashed dashed dashed dashed;
    border-color: transparent #DDDDDD transparent transparent;
    font-size: 0;
    line-height: 0;
}

.container .form .arrowTip:after {
    left: -17px;
    border-color: transparent #f8f8f8 transparent transparent;
}

.container .form .errorsTip {
    color: #FF0000;
}

.container .form .errorsTip:before {
    font-family: internal;
    content: "\E62D";
    font-size: 13px;
    margin-right: 5px;
    vertical-align: -1px;
}

.container .form table {
    border: #EEE solid 1px
}

.container .form table th {
    background-color: #F5F6FA;
    border-bottom: #EEE solid 1px;
    border-left: 4px solid #6d7781;
}

.container .form table th {
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
}

.container .form table tr>td:first-child {
    text-align: right;
    vertical-align: top;
    padding-top: 14px;
    width: 60px;
    padding-left: 25px;
    white-space:nowrap;
}

.container .form table tr>td:first-child>span {
    line-height: 28px;
    margin: 10px 0 0 0;
    display: block;
}

.container .form table tr>td:last-child {
    text-align: left;
    padding-left: 6px;
}

.container .form table {
    margin-left: 2px;
}

.container .form table:first-child {
    margin-left: 0px;
}

/*TR背景色*/
.container .form table tr.address>td {
    border-bottom: none;
}

.container .form table tr.address+tr>td {
    line-height: 0px;
    padding-bottom: 10px;
}

.container .form table tr.yellow {
    background-color: #FFFFE6;
}

.container .form table tr.pink {
    background-color: #FFEEEE;
}

.container .form table tr.gray {
    background-color: #F6F6F6;
}


.container .form table tr.hidden {
    display: none;
}
.container .form table tr.visible {
    display:'';
}

.container .form table td .attention {
    margin-left: -6px;
    margin-top: -14px;
    line-height: 40px !important;
    padding-left: 20px;
    border: none;
}

.container .form table td {
    /* line-height: 48px; */
    height: 34px;
    border-bottom: #E1E6EB dotted 1px;
    vertical-align: middle;
}

.container .form table td.block div{
    line-height: 20px;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 5px 15px;
    margin: 10px 0px;
    width: 550px;
}

.container .form table td.area {
    padding-top: 8px;
    padding-bottom: 6px;
    line-height: normal;
}

.container .form table td.area textarea {
    width: 698px;
    height: 70px;
    line-height: 20px;
    padding: 8px;
}
.container .form table td.longarea textarea {
    width: 698px;
    height: 200px;
    line-height: 20px;
    padding: 8px;
}
.container .form table td select.auto {
    width: auto;
}

.container .form table td.area .vaildTip {
    margin-left: 0px;
    line-height: 22px;
    height: 22px;
    vertical-align: 3px;
    display: block;
}
.container .form table td.area .block{
    width: 600px;
    line-height: 22px;
}

.container .form table td>span.html {
    line-height: 22px;
    width: 500px;
    display: inline-block;
}

.container .form table td>span.html {
    color: #333;
    margin-top: 12px;
}

.container .form table td.image {
    padding-top: 10px;
    line-height: 30px;
}

.container .form table td.image a>img {
    width: 80px;
    height: 80px;
    border: #EEE solid 1px;
    margin-right: 8px;
    border-radius: 3px;
}

.container .form table td .outline {
    border: #EEE solid 1px;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 8px;
}

.container .form table td .tips {
    color: #FF0000;
}

.container .form table td .outline {
    background: url(../imgs/nopic.jpg) center center;
    background-size: cover;
}


/* 组合元素样式 */
.container .form table td .input-group {
    display: inline-block;
    width: auto;
    height: 20px;
    clear: both;
}

.container .form table td .input-group>input {
    width: calc(auto - 40px);
    margin-right: 0px;
    float: left;
}

.container .form table td .input-group>span {
    display: block;
    padding: 0px 12px;
    height: 30px;
    line-height: 28px;
}

.container .form table td .input-group>span {
    float: left;
    border: 1px solid #ccc;
    border-left: none;
    background-color: #eee;
}

.container .form table td .input-group>select {
    width: auto;
    float: left;
    margin-left: 3px;
}

/*长文本*/
.container .form table td.long input {
    width: 600px;
}

.container .form table td.middle input {
    width: 400px;
}

.container .form table td.short input {
    width: 120px;
}

.container .form table td.short select {
    width: 107px;
}

.container .form table td.short textarea {
    width: 500px;
    height: 60px;
    line-height: 20px;
    padding: 8px;
}

.container .form table td input.calendar {
    width: 182px;
}

.container .form table td.auto select {
    width: auto !important;
}

/*图片上传A*/
.container .form table td.upload-box .squareupload,
.container .form table td.upload .squareupload {
    max-width: 800px;;
    margin: 5px 0px;
}

.container .form table td.upload .vaildTip {
    display: block;
    margin-left: 0px;
    line-height: 27px;
    height: 30px;
}

/*ueditor编辑器*/
.container .form table td.ueditor {
    padding-top: 8px;
    padding-bottom: 8px;
}

.container .form table td.ueditor>.edui-default {
    line-height: normal;
}

.container .form table td.ueditor>.edui-default .edui-editor-bottomContainer table {
    border: none;
}

.container .form table td.ueditor .vaildTip {
    display: block;
    margin-left: 0px;
    line-height: 28px;
    height: 22px;
}

.container .form table td.ueditor .hidden {
    float: right;
    z-index: -1px;
    height: 0px;
    border: none;
    padding: 0px;
    margin: 0px;
}

/*distpicker*/
.container .form table td.distpicker select {
    width: auto;
    margin-right: 8px;
}

/* 帮助help */
.container .form table td>a.help {
    display: inline-block;
}

.container .form table td>a.help:hover::before {
    color: #EE4F47;
}

.container .form table td>a.help:before {
    font-family: internal;
    content: "\E604";
    font-size: 13px;
    color: #1E8E3E;
}

.container .form table td>a.help:before {
    display: inline-block;
    vertical-align: -0.085em;
    margin-right: 4px;
}

.container .form table td>a.help+span {
    display: inline-block;
}

/*distpicker*/
.container .form table td.citypicker {}

.container .form table td.citypicker input {
    border: none;
}

.container .form table td.citypicker .citypicker_cont {
    position: relative;
    display: inline-block;
    min-width: 210px;
    margin-right: 8px;
}

/*copy按钮统一suaa*/
.container .form  .clipboard {
    border: none;
    width: 15px;
    height: 15px;
    background: none;
}
.container .form  .icon_copy {
    cursor: pointer;
    display: inline-block;
    vertical-align: -1px;
}
.container .form  .icon_copy:before {
    font-size: 14px;
    vertical-align: 0px;
    color: #EEAB60;
    margin-left: -1px;
}
.container .form  .clipboard_succ:before {
    color: #19DD84;
}

/*背景色*/
.container .form table td.line {
    background-color: #EEE;
    height: 2px;
    border-bottom: #EEE solid 1px !important;
    border-top: #EEE solid 1px !important;
    padding-top: 0px !important;
}

.container .form table td.yellow {
    background-color: #FFFFE6;
}

.container .form table td.pink {
    background-color: #FFEEEE;
}

.container .form table td.gray {
    background-color: #F6F6F6;
}

/*多个输入框*/
.container .form table td.two input {
    width: 50px;
}

.container .form table td.two input:first-child {
    margin-right: 27px;
}

.container .form table td.three input {
    width: 163px;
    margin-right: 27px;
}

.container .form table td.three input:last-child {
    margin-right: 0px;
}

.container .form table td.user_date input:first-child {
    width: 92px;
}

.container .form table td.user_date .calendar {
    width: 90px;
}

/*单选&复选*/
.container .form table td label {
    margin-right: 18px;
    cursor: pointer;
    display: inline-block;
}
.container .form table td label>span{
    /* display: inline-block;
    display: flex;
    justify-content: flex-start;
    align-items: center; */
}

.container .form table td label input {
    margin-right: 3px;
    height: 16px;
    line-height: 16px;
    vertical-align: -2.5px;
}

.container .form table td .coolcheck label {
    padding-top: 10px;
    margin-right: 0;
    margin-left: 18px;
}

.container .form table td .coolcheck label:first-child {
    margin-left: 0px;
}

.container .form table td .coolcheck.line {
    height: auto;
    margin-bottom: 10px;
}
.container .form table td .coolcheck.line label {
    display: block!important;
}

.container .form table td .coolcheck.block {
    width: 800px;
    margin-top: 8px;
    margin-bottom: 3px;
}
.container .form table td .coolcheck.block .vaildTip{
    display: block;
    margin: 2px 0px 5px 0px;
}
.container .form table td .coolcheck.block100 label {
    width: 100px;
}
.container .form table td .coolcheck.block130 label {
    width: 130px;
}
.container .form table td .coolcheck.block150 label {
    width: 150px;
}
.container .form table td .coolcheck.block180 label {
    width: 180px;
}
.container .form table td .coolcheck.block200 label {
    width: 200px;
}
.container .form table td .coolcheck.block250 label {
    width: 250px;
}
.container .form table td .coolcheck.show label {
    width: 200px;
    border: #EEEEEE solid 1px;
    border-radius: 5px;
    margin: 5px 8px 0px 0px !important;
    padding: 5px 10px;
    line-height: 20px;
}
.container .form table td .coolcheck.block500 label {
    width: 500px;
}

/*按钮TD*/
.container .form table td.button {
    padding: 10px 30px;
    border: none;
}

.container .form table td.button>input {
    padding: 0px 20px;
    margin-right: 10px;
}

/*Editor*/
.container .form table tr:hover .grid_editor {
    border-color: none;
}

.container .form table td .grid_editor {
    border: #FFF solid 1px;
    /* height: 30px;
    line-height: 30px; */
    display: inline-block;
    /* margin-right: 20px; */
}

.container .form table td .grid_editor {
    width: 100% !important;
    cursor: pointer;
    position: relative;
}

.container .form table td .grid_editor:after {
    position:absolute;
    bottom: 5px;
    right: 5px;
    font-family: internal;
    content: "\E654";
    font-size: 12px;
    color: #BBBBBB;
    padding-left: 3px;
    vertical-align: -1px;
}

.container .form table td .grid_editor:focus {
    border: #1EC7FF solid 1px;
    outline: none;
    border-radius: 5px;
    display: inline-block;
    background-color: #FFF;
    /* min-width: 100%; */
    cursor:none;
}

.container .form table td .grid_editor:focus:after {
    display: none;
}

.container .form table td .grid_editor_error:focus {
    border: #FFD7D7 solid 1px;
}


/*扩展字段*/
.container .form table td>span.extend_file {
    display: inline-block !important;
    margin-right: 13px !important;
}

.container .form table td>span.extend_file::before {
    color: #5585AF;
    font-size: 14px;
    vertical-align: -1px;
}

/*浮动BTN*/
.container .form .floatstatus {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #333333;
    color: #FFFFFF;
    border-radius: 15px;
    padding:4px 20px;
}
.container .form .floatstatus.status-1{
    background: #FF0000;
}
.container .form .floatstatus.status1{
    background: #199D34;
}

/*浮动BTN*/
.container .form .floatbtn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.container .form .floatbtn input[type=button],
.container .form .floatbtn input[type=submit] {
    background: #F5F6FA;
    border: #00C1DE solid 1px;
    color: #00C1DE;
    height: 30px;
    line-height: 28px;
    margin-left: 5px;
    border-radius: 15px;
}

.container .form .floatbtn input[type=button]:hover,
.container .form .floatbtn input[type=submit]:hover {
    background: #00C1DE;
    color: #FFF;
}
.container .form .floatbtn input[type=button].submiting,
.container .form .floatbtn input[type=submit].submiting {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #FFF;
}

/*搜索DIV*/
.container .searchtab {
    width: 100%;
    position: relative;
    line-height: 40px;
    margin-bottom: -6px;
    margin-top: 4px;
}

.container .searchtab .searchcon {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.container .searchtab .searchcon .quickbtn {
    margin: 0px;
    float: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.container .searchtab .searchcon .quickbtn>a::before {
    vertical-align: -0.5px;
}

.container .searchtab label {
    padding-right: 2px;
    padding-left: 7px;
}

.container .searchtab label.icon {
    position: relative;
    border: #DDD solid 1px;
    padding: 4px 2px 3px 8px;
    border-radius: 3px;
    background-color: #F7F7F7;
    margin-right: 7px;
}

.container .searchtab label.icon:before,
.container .searchtab label.icon:after {
    content: "";
    display: block;
    border-width: 9px;
    position: absolute;
    right: -19px;
    top: 3px;
    border-style: dashed solid dashed dashed;
    border-color: transparent transparent transparent #DDD;
    font-size: 0;
    line-height: 0;
}

.container .searchtab label.icon:after {
    right: -18px;
    border-color: transparent transparent transparent #F7F7F7;
}

.container .searchtab label .icon_query {
    vertical-align: -1px;
    margin-right: 2px;
}

.container .searchtab input[type=submit] {
    height: 32px;
    line-height: 28px;
    padding: 0px 10px;
    background-color: #F5F6FA;
}

.container .searchtab input[type=submit] {
    border: #CCC solid 1px;
    font-size: 13px;
    margin-left: 5px;
    color: #333;
    vertical-align: 0px;
}

.container .searchtab input[type=submit]:hover {
    background: #FFF;
}

.container .searchtab input[type=text] {
    width: 190px;
}

.container .searchtab input.phone,
.container .searchtab input.tel {
    width: 90px;
}

.container .searchtab input.name {
    width: 100px;
}

.container .searchtab input.word {
    width: 120px;
}

.container .searchtab input.short {
    width: 80px;
}

.container .searchtab input.dialog {
    width: 120px;
}

.container .searchtab input.calendar {
    width: 80px;
}

.container .searchtab select {
    width: auto;
    max-width: 90px;
    vertical-align: 0px;
    [;
    vertical-align: -1px;
    ]
}

.container .searchtab select.auto {
    width: auto !important;
    max-width: none;
}

.container .searchtab .help {
    color: #999999 !important
}

.container .searchtab .errorsBar {
    position: absolute;
    bottom: -1px;
    right: 0px;
    background-color: #FFEFF0;
    border: #FFD7D7 solid 1px;
}

.container .searchtab .errorsBar {
    border-radius: 3px;
    padding: 5px 20px;
    display: none;
}

.container .searchtab .errorsBar ul {
    margin: 0px;
    padding: 0px;
}

.container .searchtab .errorsBar ul>li {
    line-height: 30px;
}

.container .searchtab .form_select_rel>select {
    display: none;
}

.container .searchtab .form_select_rel>select:first-child {
    display: inline-block;
}

/* 高级搜索 */
.container .searchtab .more_search {
    display: none;
    padding: 5px 10px 10px 38px;
    margin-bottom: -16px;
}

.container .searchtab .more_search .more_search_con{
    display: inline-block;
    border-top: #EEEEEE solid 1px;
    padding-top: 5px;
}

.container .searchtab .more_search table {
}

.container .searchtab .more_search tr select,
.container .searchtab .more_search tr input {
    max-width: none;
    width: 185px;
}

.container .searchtab .more_search tr>td:nth-child(1) {
    text-align: right;
    padding: 0px 2px 0px 0px;
}

.container .searchtab .more_search tr>td:nth-child(3) {
    text-align: right;
    padding: 0px 2px 0px 10px;
}

.container .searchtab .more_search_btn {
    cursor: pointer;
    color: #0066CB;
    font-size: 12px !important;
    margin-left: 5px;
    font-style: italic;
}

/* 快搜 */
.container .searchtab-link{
    border-top: #EFEFEF solid 1px;
    margin: 13px 0px 0px 45px;
    padding-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.container .searchtab-link .searchtab-link-name{
    margin-right: 10px;
}
.container .searchtab-link .searchtab-link-container{
}
.container .searchtab-link .searchtab-link-container>a{
    background: #EEEEEE;
    border: #EEE solid 1px;
    border-radius: 100px;
    padding: 3px 18px;
    font-size: 13px;
    margin-right: 6px;
    display: inline-block;
    color: #333333;
}
.container .searchtab-link .searchtab-link-container>a.selected{
    color: #FF0000;
    border-color: #FF0000;
}

/*items*/
.container .showitems {}

.container .showitems h5 {
    border-left: 4px solid #818A94;
    background-color: #F8F8F8;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}

.container .showitems li {
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    border-bottom: #E1E6EB dotted 1px;
}

.container .showitems li>span {
    margin-right: 10px;
}

/*faceinfo*/
/*用户信息*/
.container .faceinfo {
    border-bottom: #E1E6EB dotted 1px;
    padding: 5px 0px 10px 0px;
    margin-top: 5px;
    min-height: 92px;
    position: relative;
}
/*消息内容*/
.container .faceinfo li {
    line-height: 23px;
}

.container .faceinfo .face {
    width: 90px;
    height: 90px;
    border-radius: 75px;
    float: left;
    background: #EEEEEE;
}

.container .faceinfo .basebar {
    margin: 0px 0px 0px 105px;
    padding-left: 5px;
    border-left: #EFEFEF solid 1px;
}
.container .faceinfo .basebar span.notice{
    color: #EE4F47;
    font-weight: bold;
}

.container .faceinfo .basebar>ul{
    margin-left: 25px;
}

.container .faceinfo .basebar>li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.container .faceinfo .basebar>li>label {
    color: #888;
    width: 60px;
    display: block;
    white-space: nowrap;
    text-align: right;
}

.container .faceinfo .basebar>li>span {
    display: block;
    width: auto;
}

.container .faceinfo .basebar>li>span.block {
    display: block;
}

.container .faceinfo .basebar>li>span .btag {
    background-color: #f8f8f8;
    padding: 0px 5px;
    color: #0fa850;
}

.container .faceinfo .basebar>li>span .btag {
    display: inline-block;
    margin-right: 3px;
}

.container .faceinfo .basebar>li .history {
    color: #E3465A;
    margin-left: 6px;
}

/* .container .faceinfo .basebar>li:first-child>label {
    float: none;
    display: inline-block;
} */
/* 内容展示 */
.container .faceinfo .basebarshow {
    display: flex;
    justify-content: flex-start;
    align-items: top;
}

/*列表*/
/*chart*/
.container .chart {
    border: #EEE solid 1px;
    margin: 10px 0px -2px 0px;
    height: 40px;
    background: #f8f8f8;
}

.container .chart li {
    list-style-type: none;
    margin: 0px;
    padding: 10px 20px;
    width: auto;
    float: left
}

.container .chart li>span.name {
    font-size: 12px;
    color: #848484;
    margin-bottom: 5px;
    padding-left: 5px;
    vertical-align: 1px;
}

.container .chart li {
    font-size: 18px;
    font-weight: normal;
    border-right: #EEE solid 1px;
}

.container .chart li:last-child {
    border: none;
}


/*日期标签*/
.container .datetabs {
    margin: 0px;
    height: 50px;
    line-height: 50px;
}

.container .datetabs .icon::before {
    content: '';
    margin-right: 3px;
    vertical-align: 0px;
}

.container .datetabs .icon::before {
    content: '\E669';
    font-family: internal;
    font-weight: normal;
    font-size: 10px;
}

.container .datetabs .icon {
    padding: 10px 0px;
    border-bottom: #EEE solid 1px;
}

.container .datetabs a {
    color: #666;
    padding: 10px 10px;
    border-bottom: #EEE solid 1px;
}

.container .datetabs a:hover,
.container .datetabs a.selected {
    border-bottom: #00A2CA solid 2px;
}

.container .datetabs a::before {
    content: '';
    font-family: internal;
    font-weight: normal;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: 0px;
}

.container .datetabs span.dateTabs_date {
    color: #666;
    padding: 10px 6px;
    border-bottom: #EEE solid 1px;
}

.container .datetabs .dateTabs_dateRange {
    cursor: pointer;
}

/*head*/
.container .nodata {
    margin: auto;
    border-left: #EEE solid 1px;
    border-right: #EEE solid 1px;
}

.container .nodata {
    width: auto;
    height: 50px;
    line-height: 70px;
    text-indent: 43%;
    color: #888888
}

.container .grid {
    min-width: 1145px;
    position: relative;
}

.container .grid table {
    border: #EEE solid 1px;
    border-bottom: none;
    margin-top: 10px;
}

.container .grid table th {
    background-color: #F5F6FA;
    border-bottom: #EEE solid 1px;
    font-weight: normal;
    color: #999999;
}

.container .grid table th {
    line-height: 40px;
    height: 40px;
    text-align: left;
    padding-left: 10px;
}

.container .grid table th>a {
    font-weight: normal;
    color: #999;
}

.container .grid table th>a:hover {
    background: #F5F6FA;
    color: #0066CC;
    text-decoration: underline;
}


.container .grid table th>a.help {
    display: inline-block;
}

.container .grid table th>a.help::before {
    font-family: internal;
    content: "\E604";
    font-size: 13px;
    color: #999;
}

.container .grid table th>a.help::before {
    display: inline-block;
    margin-right: 3px;
    vertical-align: -0.09em;
}

.container .grid table th>a.help:hover::before {
    color: #EE4F47;
}


.container .grid table th.batch {
    width: 10px;
}

.container .grid table th.batch>input {
    vertical-align: -10px;
}

.container .grid table th.datetime {
    width: 140px;
}

.container .grid table th.wrap {
    line-height: 15px;
    font-size: 12px;
    width: 55px;
    /*-webkit-transform-origin-x: 0;-webkit-transform: scale(0.85);*/
}

.container .grid table th.wrap2 {
    line-height: 15px;
    font-size: 12px;
    width: 35px;
    padding-top: 6px;
    padding-bottom: 5px;
}
.container .grid table .block{
    margin: 8px 0px;
    background: #f4f4f4;
    border-radius: 8px;
    font-size: 12px;
    padding: 4px 12px;
    display: inline-block;
    min-width: 300px;
}
.container .grid table .block100{
    width: 100px;
}
.container .grid table .block150{
    width: 150px;
}
.container .grid table .block200{
    width: 200px;
}
.container .grid table .block400{
    width: 400px;
}
.container .grid table .block450{
    width: 450px;
}
.container .grid table .block500{
    width: 500px;
}
.container .grid table .block550{
    width: 550px;
}

/* 表格行浮动 */
.base .container .grid .fixed-table {
    overflow: auto;
    width: 100%;
}

.base .container .grid .fixed-table::-webkit-scrollbar {
    width: 0px;
    height: 6px;
}

.base .container .grid .fixed-table::-webkit-scrollbar-thumb {
    background: #C1C1C1;
}

.base .container .grid .fixed-table::-webkit-scrollbar-track {
    background: #F1F1F1;
}

.base .container .grid .fixed-table .scroll_div {
    padding-bottom: 8px;
}

.base .container .grid .fixed-table .scroll_front {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.base .container .grid .fixed-table .scroll_front>table {
    background-color: #FFF;
    width: auto;
    border-right: none;
}

.base .container .grid .fixed-table .scroll_front>table td {
    white-space: nowrap;
}
.base .container .grid .fixed-table .scroll_front>table td:last-child {
    padding-right: 8px;
}

.base .container .grid .fixed-table .scroll_back {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

.base .container .grid .fixed-table .scroll_back>table {
    background-color: #FFF;
    width: auto;
}

/* 排序 */
.container .grid table th span.grid_sort {
    margin-left: 2px;
    vertical-align: 0px;
    font-weight: normal;
}

.container .grid table th span.grid_sort>.selected {
    color: #CC0000;
}

.container .grid table th a:hover>span.grid_sort>span.notselected:before {
    color: #999999 !important;
}

/*checkbox*/
.container .grid table td.batch {
    width: 10px;
}

.container .grid table td.batch>input {
    vertical-align: -10px;
}

/*content*/
.container .grid table tr:hover {
    background-color: #F9F9FA;
}

.container .grid table tr.delete {
    background: #EFEFEF;
    position: relative;
}
.container .grid table tr.delete::after{
    content: "";
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 40px;
    position:absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0);
}
.container .grid table tr.delete *{
    filter: grayscale(100%) !important;
    text-decoration: line-through !important;
    opacity: 0.50 !important;
}

.container .grid table tr>td {
    /* line-height: 45px; */
    height: 45px;
    text-align: left;
    border-bottom: #E1E6EB dotted 1px;
    padding-left: 10px;
    position: relative;
}

.container .grid table tr>td img.loading {
    max-width: 20px;
    max-height: 20px;
    border: 2px;
}
.container .grid table tr>td img {
    max-width: 20px;
    max-height: 20px;
    border: 2px;
}

.container .grid table tr>td .auto>img {
    height: auto;
    width: auto;
    max-width:none;
    max-height: none;
    vertical-align: -5px;
    border: #DDDDDD solid 1px;
    border-radius: 3px;
}
.container .grid table tr>td .auto>img.loading {
    max-width: 20px;
    max-height: 20px;
    border: 2px;
}

.container .grid table tr>td.oper {
    border-left: #dedede dotted 2px;
    background-color: #FFFCF4;
}

.container .grid table tr>td:last-child{
    line-height: 20px;
}

/*tr样式*/
.container .grid table tr.yellow {
    background-color: #FFFFE6;
}

.container .grid table tr.pink {
    background-color: #FFEEEE;
}

.container .grid table tr.gray {
    background-color: #F6F6F6;
}


/*button*/
.container .grid table tr>td:last-child {
    width: 80px;
}

.container .grid table tr>td:last-child>a {
    margin: 0px 1px;
    display: inline-block;
    position: relative;
}
.container .grid table tr>td:last-child>a .msg_count{
    position: absolute;
    top: -8px;
    right: -8px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 20px;
    background-color: #EE4F47;
    color: #FFFFFF;
    font-size: 6px;
}
.container .grid table tr>td .apply-block{
    font-size: 12px;
    line-height: 16px;
    padding: 2px 0px;
}
.container .grid table tr>td .apply-block .apply-block-item{
    font-size: 12px;
    margin: 3px 0px;
    display: block;
}
.container .grid table tr>td .apply-block .apply-block-item >span{
    font-size: 10px;
}
.container .grid table tr>td .apply-block .apply-block-item a{
    color: #FF0000;
    font-size: 12px;
}

/* atbefore */
.container .grid table tr>td .atbefore{
    color: #D14351;
    font-weight: bold;
}

.container .grid table tr>td.btn_one {
    width: 40px !important;
}

.container .grid table tr>td.btn_one2 {
    width: 68px;
}

.container .grid table tr>td.btn_two {
    width: 85px;
}

.container .grid table tr>td.btn_three {
    width: 128px;
}

.container .grid table tr>td.btn_four {
    width: 168px;
}

.container .grid table tr>td.btn_five {
    width: 210px;
}

.container .grid table tr>td.auto {
    width: auto !important;
}

.container .grid table tr>td.datetime {
    width: 140px;
}

/*copy*/
.container .grid table tr>td .clipboard {
    border: none;
    width: 15px;
    height: 15px;
    background: none;
    margin-left: 1px;
}

.container .grid table tr>td .icon_copy {
    cursor: pointer;
    display: inline-block;
}

.container .grid table tr>td .icon_copy:before {
    font-size: 14px;
    vertical-align: -1px;
    color: #EEAB60;
    margin-left: -1px;
}

.container .grid table tr>td .clipboard_succ:before {
    color: #19DD84;
}


/*tipso提醒*/
.container .grid table tr>td>a.tipso>span {
    display: inline-block;
    width: 10px;
}

/*dot状态*/
.container .grid table tr>td>span.icon_dot {
    font-size: 12px;
}

.container .grid table tr>td>span.icon_dot::before {
    font-size: 10px;
    margin-right: 2px;
    vertical-align: 0px;
}

/* 标签显示 grid_tags */
.container .grid table tr .grid_tags {

}
.container .grid table tr .grid_tags>span {
    background: #EEEEEE;
    border: #EEE solid 1px;
    border-radius: 10px;
    padding: 0px 8px;
    font-size: 12px;
    margin:2px 2px 3px 0px;
    display: inline-block;
}

/*操作更多*/
/*.container .grid table tr>td{position: relative;}*/
.container .grid table tr>td .explode {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 6px !important;
}

.container .grid table tr>td .explode2 {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 2px !important;
}

.container .grid table tr>td .line {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 1px !important;
}

.container .grid table tr>td .morebtn {
    position: relative;
    color: #0066CB;
    cursor: pointer;
    font-size: 12px;
}

.container .grid table tr>td .morebtn>i {
    font-size: 12px;
    display: inline-block;
    margin-right: 2px;
}

.container .grid table tr>td .morebtn .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.container .grid table tr>td .morebtn .caret {
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    vertical-align: 1px;
}

.container .grid table tr>td .morebtn .menu {
    position: absolute;
    display: none;
    top: 16px;
    border: 1px solid #D8D8D8;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2)
}

.container .grid table tr>td .morebtn .menu a {
    display: block;
    width: auto;
    padding: 8px 18px;
    color: #262626;
    line-height: 1.428571429;
    background-color: #FFF;
    font-size: 13px;
}

.container .grid table tr>td .morebtn .menu a {
    white-space: nowrap
}

.container .grid table tr>td .morebtn .menu a:hover {
    background-color: #F5F5F5;
}

.container .grid table tr>td .morebtn .menu a.btnline {
    border-bottom: #D8D8D8 solid 1px;
}

.container .grid table tr>td .morebtn .menu a.disabled {
    color: #999999;
}

.container .grid table tr>td .morebtn:hover {
    color: #F44844;
}

.container .grid table tr>td .morebtn:hover .menu {
    display: block;
}

.container .grid table tr>td .morebtn:hover .caret {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*内容*/
.container .grid table tr>td .moretxt {
    position: relative;
    width: 100%;
    cursor: pointer;
    font-size: 12px;
}

.container .grid table tr>td .moretxt>i {
    font-size: 12px;
    display: inline-block;
    margin-right: 2px;
}

.container .grid table tr>td .moretxt .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.container .grid table tr>td .moretxt .caret {
    transition: transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    vertical-align: 1px;
}

.container .grid table tr>td .moretxt .morecon {
    position: absolute;
    display: none;
    top: 16px;
    border: 1px solid #D8D8D8;
    word-break: break-all;
}

.container .grid table tr>td .moretxt .morecon {
    padding: 20px;
    line-height: 20px;
    background-color: #FFF;
    z-index: 3000;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.container .grid table tr>td .moretxt .morecon {
    min-width: 400px;
}

.container .grid table tr>td .moretxt .morecon a {
    display: block;
}

.container .grid table tr>td .moretxt .morecon a:hover {
    text-decoration: underline;
}

.container .grid table tr>td .moretxt .morecon .line1 {
    border-bottom: #D8D8D8 solid 1px;
    padding-bottom: 10px;
}

.container .grid table tr>td .moretxt .morecon .line2 {
    padding-top: 10px;
}

.container .grid table tr>td .moretxt:hover .morecon {
    display: block;
}

.container .grid table tr>td .moretxt:hover .caret {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.container .grid table tr>td a.disabled {
    color: #999;
}

.container .grid table tr>td a.failed {
    color: #EF625A;
}

.container .grid table tr>td a.doing {
    display: inline-block;
    width: 40px;
    height: 18px;
    background: rgba(222, 122, 128, 0.98);
    border-radius: 60px;
}

.container .grid table tr>td a.doing {
    border: solid 1px rgba(222, 122, 128, 0.98);
    line-height: 18px;
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}

.container .grid table tr>td a.doing {
    color: rgba(255, 255, 255, 0.90);
    font-size: 12px;
}

.container .grid table tr>td a.switch {
    display: inline-block;
    width: 40px;
    height: 18px;
    background: #CDCDCD;
    border-radius: 60px;
}

.container .grid table tr>td a.switch {
    border: solid 1px #CDCDCD;
    vertical-align: -8px;
    margin-right: 6px;
    cursor: pointer;
}

/*其他*/
.container .grid table tr>td.datetime {
    width: 140px;
}

.container .grid table tr>td.icon {
    width: 13px;
}

/*A样式*/
.container .grid table td>a.strong {
    font-weight: bold;
}

.container .grid table td>a.red {
    color: #EE4F47;
}

.container .grid table td>a.green {
    color: #009900;
}

/*TD样式*/
.container .grid table td .grid_select:focus {
    border: #1EC7FF solid 0px;
}

.container .grid table td.strong {
    font-weight: bold;
}

.container .grid table td.del {
    color: #777;
    text-decoration: line-through;
}

.container .grid table td.red,
.container .grid table td.red .grid_select {
    padding-left: 11px;
    color: #EE4F47 !important;
}
.container .grid table td.red input{
    color: #EE4F47 !important;
}


/* 组合组件 */
.container .grid table td .grid_editor_switch {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 20px;
    min-width: 40px;
}

/* tips-box */
.container .grid table td .tips-box{
    position: absolute;
    left: 10px;
    top: 3.5px;
    background: rgba(255, 0, 0, 0.70);
    color: #FFFFFF;
    font-size: 8px;
    border-radius: 15px;
    line-height: 12px;
    padding: 0px 4px;
}

.container .grid table td .text{
    width: auto;
    margin: 8px 0px;
}


.container .grid table td .icon_dot {
    margin-left: -3px;
}

.container .grid table td.green,
.container .grid table td.green .grid_select {
    color: #009900 !important;
}

.container .grid table td.gold {
    color: #BBBB00;
    font-size: 16px;
}

.container .grid table td.indent {
    text-indent: 6px;
}

.container .grid table td>i.unit {
    font-style: normal;
    font-size: 12px;
}

.container .grid table td.hot>span {
    color: #E75A3D;
    font-size: 12px;
    vertical-align: -1px;
    margin-right: 16px;
    font-weight: normal;
}

/*vip365*/
.container .grid table td .vip365 {
    background: url(../imgs/icon/365.png) center center;
    height: 19px;
    width: 29px;
    display: inline-block;
}

.container .grid table td .vip365 {
    background-size: cover;
    vertical-align: -2px;
}

/*Editor*/
.container .grid table tr:hover .grid_editor {
    border-color: none;
}

.container .grid table td .grid_editor {
    border: 1px solid rgba(255, 255, 255, 0);
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
}

.container .grid table td .grid_editor {
    width: auto !important;
    display: inline-block;
}

.container .grid table td .grid_editor:after {
    font-family: internal;
    content: "\E654";
    font-size: 10px;
    color: #DDD;
    padding-left: 3px;
    vertical-align: -1px;
}

.container .grid table td .grid_editor:focus {
    border: #CCC solid 1px;
    outline: none;
    padding: 0px 10px;
    display: inline-block;
    background-color: #FFF;
    min-width: 14px;
}

.container .grid table td .grid_editor:focus:after {
    display: none;
}

.container .grid table td .grid_editor_error:focus {
    border: #FFD7D7 solid 1px;
}


/*grid_calendar*/
.container .grid table tr:hover .grid_calendar {
    border-color: none;
}

.container .grid table td .grid_calendar {
    border: 1px solid rgba(255, 255, 255, 0);
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
}

.container .grid table td .grid_calendar {
    width: auto !important;
    display: inline-block;
}
.container .grid table td .grid_calendar input{
    width: 70px;
    padding: 0px 0px;
    border:none;
    background: none;
    cursor: pointer;
}
.container .grid table td .grid_calendar input::placeholder{
    color: #CCCCCC;
}

.container .grid table td .grid_calendar:after {
    font-family: internal;
    content: "\E654";
    font-size: 10px;
    color: #DDD;
    padding-left: 3px;
    vertical-align: -1px;
}

.container .grid table td .grid_calendar:focus {
    border: #CCC solid 1px;
    outline: none;
    padding: 0px 10px;
    display: inline-block;
    background-color: #FFF;
    min-width: 14px;
}

.container .grid table td .grid_calendar:focus:after {
    display: none;
}

.container .grid table td .grid_calendar:focus {
    border: #FFD7D7 solid 1px;
}


/*图片*/
.container .grid table td img {
    height: 20px;
    width: auto;
    vertical-align: -5px;
}

.container .grid table td.doctor .icon_doctor::before {
    font-size: 16px;
    margin-right: 10px;
    color: #0BAF61;
    vertical-align: -1px;
}

.container .grid table td.arrowlink .icon_arrowaright::before {
    font-size: 11px;
    vertical-align: 0px;
    margin-left: -2px;
}

.container .grid table td .red {
    color: #FF0000;
}

/*统计tab*/
.container .grid h2 {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 30px;
    line-height: 48px;
    color: #666;
}

.container .grid table.chart_tab {
    width: auto;
}

.container .grid table.chart_tab tr>th {
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 0px 10px;
    color: #848484;
}

.container .grid table.chart_tab tr>th:last-child {
    width: auto;
}

.container .grid table.chart_tab tr>td {
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 0px 10px;
    text-align: center;
}

.container .grid table.chart_tab tr>td>em {
    padding-left: 1px;
}

.container .grid table.chart_tab tr>td:last-child {
    width: auto;
}

/* 其他样式 */
.container .grid table .redtip {
    background-color: #fafafa;
    padding: 0px 5px;
    margin-right: 3px;
    display: inline-block;
    color: #f24c23;
}

/*分页*/
.container .grid .pagination {
    border: #EEE solid 1px;
    border-top: none;
}

.container .grid .pagination ul {
    font-size: 13px;
    margin: auto;
    float: right;
    margin: 15px
}

.container .grid .pagination ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    border: solid 1px #DDDDDD;
    border-left: none;
}

.container .grid .pagination ul li {
    text-align: center;
}

.container .grid .pagination ul li>a {
    display: block;
    color: #333;
    min-width: 10px;
    padding: 0px 10px;
}

.container .grid .pagination ul li:hover {
    border-color: #28B5D6;
    background-color: #28B5D6;
}

.container .grid .pagination ul li:hover+li {
    border-left-color: #0099CC;
}

.container .grid .pagination ul li:hover - li {
    border-left-color: #0099CC;
}

.container .grid .pagination ul li:hover a {
    color: #FFF;
}

.container .grid .pagination ul li.count,
.container .grid .pagination ul li.count:hover {
    color: #888;
    border-color: #FFF;
    background-color: #FFF;
    border-right: solid 1px #DDDDDD;
    padding-right: 20px;
}

.container .grid .pagination ul li.active,
.container .grid .pagination ul li.active:hover {
    color: #FFFFFF;
    background-color: #0099CC;
    border-color: #0099CC;
}

.container .grid .pagination ul li.active>span {
    min-width: 10px;
    padding: 0px 10px;
    display: block;
}

.container .grid .pagination ul li.active+li {
    border-left-color: #0099CC;
}

.container .grid .pagination ul li.active - li {
    border-left-color: #0099CC;
}

.container .grid .pagination ul li.active>a {
    color: #FFF;
}

.container .grid .pagination ul li.disabled,
.container .grid .pagination ul li.disabled {
    color: #A2ACC8;
    background-color: #FFF;
    border-color: #DDD;
}

.container .grid .pagination ul li.disabled>span {
    min-width: 10px;
    padding: 0px 10px;
    display: block;
}

.container .grid .pagination ul li.clear {
    width: 0px !important;
    display: block;
}

/*分页input*/
.container .grid .pagination ul li.input {
    margin-left: 5px;
    border: none;
}

.container .grid .pagination ul li.input>input {
    width: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.container .grid .pagination ul li.input:hover {
    border-color: #EEEEEE;
    background-color: #FFFFFF;
}


/*指操作按钮*/
.container .grid .batchbtn {
    border: #EEE solid 1px;
    border-top: none;
    height: 60px;
    line-height: 60px;
    ;
}

.container .grid .batchbtn>label {
    vertical-align: -10px !important;
    margin-left: 10px;
    margin-right: 5px;
}

;

.container .grid .batchbtn>label>input {}

.container .grid .batchbtn button {
    margin: 0px 3px;
    border: #DDD solid 1px;
    cursor: pointer;
}

.container .grid .batchbtn button {
    background-color: #F7F7F7;
    color: #333;
    padding: 6px 15px;
    font-size: 13px;
}

.container .grid .batchbtn button:hover {
    background-color: #FFF;
    color: #333;
}

.container .grid .batchbtn button.disabled,
.container .grid .batchbtn button.disabled:hover {
    background-color: #F7F7F7;
    color: #BBB;
}

/*批量按钮&分页*/
.container .grid .fixed {
    border: #EEE solid 1px;
    border-top: none;
    height: 60px;
}

.container .grid .fixed>.batchbtn {
    float: left;
    border: none;
}

.container .grid .fixed>.pagination {
    float: right;
    border: none;
}

/*跳转页面*/
.container>.result {
    text-align: center;
}

.container>.result>.content>a {
    color: #555;
    text-decoration: underline;
}

.container>.result>.content {
    border-radius: 2px;
    border: #EEEEEE dashed 1px;
    padding: 40px 80px 50px 80px;
    width: auto;
    display: inline-block;
    margin: auto;
}

.container>.result>.content {
    margin: 50px auto 80px auto;
    background: #F5F6FA;
    text-align: left;
}

.container>.result>.content h1 {
    font-size: 27px;
    font-weight: 400;
    color: #555;
    line-height: 80px;
}

.container>.result>.content h1>.text {
    margin: -1px 0 0 38px;
    line-height: 78px;
}

.container>.result>.content h1>span {
    margin: 1px 0 0 0;
}

.container>.result>.content h1>span::before {
    float: left;
    font-size: 30px;
}

.container>.result>.content .anchor {
    margin: 6px 0 14px 0px;
}

.container>.result>.content .anchor a {
    color: #fff;
    background-color: #28B5D6;
    font-size: 12px;
    margin-right: 10px;
    padding: 4px 14px;
}

.container>.result>.content .anchor a:hover {
    background-color: #0099CC;
}

.container>.result>.content .showtime {
    color: #E7AD74;
}

/*ExcelIframe*/
.container .export_iframe {
    width: 0px;
    height: 0px;
    border: 0;
    display: none;
}


/* 等待刷新 */
.container .waitReload {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -0.21em;
}

.container .waitReload {
    background-image: url(../imgs/loading2.gif);
    background-size: 14px 14px;
}

/** 条形进度条 **/
.stock_progress {
    height: 150px;
}

.stock_progress .easyDialog_title {
    border-bottom: #DDD solid 1px;
}

.stock_progress .progress_content {
    padding: 20px;
    font-size: 14px;
    font-weight: bold;
}

.stock_progress .progress_content .percent {
    color: #009900;
}

.stock_progress .progress_content span {
    padding-top: 20px;
    margin-right: 20px;
}

.stock_progress .progress_content .progout {
    margin-top: 15px;
    height: 20px;
    width: 560px;
    text-align: right;
    background-color: #F5F5F5;
    border: #f3f3f3 solid 1px;
    border-top: #f0f0f0 solid 1px;
    border-radius: 3px;
}

.stock_progress .progress_content .progout .progress {
    -webkit-animation: move 1.3s linear infinite;
    height: 20px;
    line-height: 20px;
    width: 0px;
}

.stock_progress .progress_content .progout .progress {
    background: -webkit-linear-gradient(left top, #74C274 0%, #74C274 26%, #5CB85C 25%, #5CB85C 50%, #74C274 50%, #74C274 75%, #5CB85C 75%, #5CB85C 100%);
}

.stock_progress .progress_content .progout .progress {
    background-size: 35px 35px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
}

/* 圆形进度条 */
.precent_progress {
    height: 300px
}

.precent_progress .easyDialog_title {
    border-bottom: #DDD solid 1px;
}

.precent_circle .easyDialog_title {
    border-bottom: #DDD solid 1px;
}

.precent_circle {
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #DDD;
    border-radius: 50%;
    margin: 40px 40px 30px 210px;
}

.precent_circle .persentdiv {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}

.precent_circle .persentleft {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #F15062;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}

.precent_circle .persentright {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #F15062;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}

.precent_circle .wth0 {
    width: 0;
}

.precent_circle .showtab {
    position: absolute;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    left: 1px;
    top: 1px;
    border-radius: 50%;
    background-color: #fff;
    color: #F15062;
    z-index: 1;
}

.precent_circle .showtab>div {
    position: absolute;
    font-family: arial;
    font-weight: 100;
}

.precent_circle .showtab>div.precent_num {
    top: 52px;
    left: 5px;
    font-size: 38px;
    width: 150px;
    text-align: center;
}

.precent_circle .showtab>div.precent_num>em {
    font-size: 16px;
    margin-left: 2px;
}

.precent_circle .showtab>div.precent_messsage {
    top: 72px;
    left: 0px;
    width: 150px;
    height: 40px;
    line-height: 40px;
}

.precent_circle .showtab>div.precent_messsage {
    font-size: 14px;
    text-align: center;
    color: #666;
}

.precent_circle .clip-auto {
    clip: rect(auto, auto, auto, auto);
}


/*加载动画*/
@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 70px 0;
    }
}

@keyframes loadingCircle {
    0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg)
    }

    to {
        transform-origin: 50% 50%;
        transform: rotate(1turn)
    }
}

.global_loading {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.05);
    z-index: 1000000;
    display: none;
}

.global_loading .loading {
    background: url(../imgs/loading.png) no-repeat center center;
    background-size: 35px 35px;
    z-index: 999999;
}

.global_loading .loading {
    position: absolute;
    top: 40%;
    left: 48%;
    width: 35px;
    height: 35px;
}

.global_loading .loading {
    animation: loadingCircle 2s infinite linear
}