body {
    font-family: "microsoft yahei";
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: "microsoft yahei";
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a.cursor-def {
    cursor: default;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

.no-wrap{
    white-space: nowrap;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs45 {
    font-size: 45px !important;
}

.text-c888 {
    color: #888;
}

.text-left {
    text-align: left!important;
}

.text-link {
    color: #428bca !important;
}

.text-main {
    color: #666 !important;
}

.text-c333 {
    color: #333 !important;
}

.text-c666 {
    color: #666 !important;
}

.text-ccc {
    color: #ccc !important;
}

.text-orange {
    color: #EC6941 !important;
}

.text-yellow {
    color: #f9b551 !important;
}

.text-red {
    color: #f00 !important;
}

.text-green {
    color: #090 !important;
}
.mr5 {
    margin-right: 5px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.p20 {
    padding: 12px 20px !important;
}

.contain-box td {
    padding: 13px 3% !important;
}

.contain-box td>div>div {
    line-height: 2em;
}

.pl5b {
    padding-left: 5% !important;
}

.table-format tr td,
.table-format tr th {
    word-break: break-all;
}

.modal textarea{
    resize: none;
}

/*��ťͳһ��ʽ*/


/*list-page button*/

.ls-bt {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 12px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bt-default.current,
.bt-default.current:hover {
    /*���ύ*/
    border-color: #f5a21a !important;
    color: #fff;
    background: #f5a21a !important;
}


/*view-page button*/

.vs-bt {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0 13px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bt-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.bt-default.disabled,
.bt-default[disabled] {
    background-color: #eff1f1;
}

.vs-bt.disabled,
.vs-bt[disabled],
.ls-bt.disabled,
.ls-bt[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.bt-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.bt-primary {
    color: #fff;
    background-color: #3b475f;
}

.bt-green {
    color: #fff;
    background-color: #00CC66;
}

.bt-red {
    color: #fff;
    background-color: #e60b0b;
}

.bt-red:hover {
    color: #fff;
    background-color: #e60b0b;
}

.bt-green:hover {
    background-color: #029f51;
    color: #fff;
}

.bt-primary:hover {
    background-color: #2b3344;
    color: #fff;
}


/*��ťͳһ��ʽ END*/

.navSideLeft {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 250px;
    background: #1d232a;
}

/*.nav .menu-second li a:active{*/
    /*background-color: #008CEE!important;*/
/*}*/


.contentRightA {
    margin-top: 80px;
    padding-left: 250px;
}

.navSideLeft>ul {
    width: 230px;
    margin: 0 auto;
    margin-top: 15px;
    padding: 20px 0;
}

.navSideLeft>ul>li {
    float: left;
    width: 100%;
    height: 35px;
    margin: 5px 0;
    padding: 5px inherit;
    line-height: 35px;
    list-style: none;
}

.navSideLeft>ul>li>a {
    display: block;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    text-indent: 20px;
}

.navSideLeft>ul>li>a:hover {
    text-decoration: none;
    background: #333a41;
}

.navSideLeft>ul>li.active>a {
    text-decoration: none;
    background: #3d4650;
}

.navSideLeft>ul>li.line {
    height: 0;
    border-top: 1px solid #3b434d;
}

.navSideLeft>ul>li>a>.badge {
    margin-left: 10px;
    text-indent: 0;
    background: #f00;
}

.navSideLeft>.user {
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    color: #fff;
    text-align: center;
}

.navSideLeft>.user>img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 5px auto;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contentRightA .top-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 250px;
    z-index: 999;
    height: 60px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    line-height: 60px;
    background: #f6f6f6;
}

.contentRightA .top-bar>h3 {
    margin-top: 18px;
    font-size: 20px;
    font-weight: 100;
    color: #666;
}

.admin-table {
    margin: 20px 50px;
}

.admin-table tr td {
    padding: 8px 0;
}

.admin-table tr .td1 {
    padding-right: 20px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.red {
    padding-right: 5px;
    font-style: normal;
    color: #f00;
}

.ccc {
    color: #ccc;
}

.mr20 {
    margin-right: 20px;
}

.tit-img img {
    width: 560px;
    height: 50px;
}


/*���ֹ���*/


/*����*/

.tan {
    padding-right: 3px;
    padding-left: 3px;
    border-radius: 2px;
    font-size: 12px;
}

.tan-nm {
    margin-left: 8px;
    color: #fff;
    background-color: #999;
}

.list-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.list-cell-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.fx-jc-sb {
    justify-content: space-between;
}

.fx-ai-fx {
    align-items: flex-end;
}

.fx-as-fs {
    align-self: flex-start;
}

.fx-as-fe {
    align-self: flex-end;
}

.fx-fd-rr {
    flex-direction: row-reverse;
}


/*���ֹ��� END*/

.floating-xiala {
    position: relative;
}

.floating-board {
    position: absolute;
    top: 32px;
    right: 0;
    display: none;
    width: 559px;
    border: 1px solid #ddd;
    background: #fff;
}

.floating-board ul {
    padding: 0;
    background: #fff;
    list-style: none;
}

.floating-board ul li {
    position: relative;
    padding: 10px 0 10px 50px;
}

.floating-board ul li:hover {
    background: #f2f2f2;
}

.fb-item .left-img {
    position: absolute;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #ccc;
}

.left-img img {
    width: 40px;
    height: 40px;
}

.fb-right {
    margin-left: 10px;
}

.mlr10 {
    margin: 0 10px;
}

.mb0 {
    margin-bottom: 0;
}

.more-a {
    float: left;
    margin-top: -10px;
    margin-left: 50px;
}

.paddinFullBox {
    padding-right: 45px;
}

.panelBorder {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #cecece;
    background: #fff;
}

.rightSide {
    position: absolute;
    top: 10px;
    right: 75px;
    float: right;
    height: 100%;
    margin-top: 10px;
    margin-right: -60px;
    overflow: hidden;
}

.panelBorder,
.rightSide {
    height: 250px;
}

.rsA {
    float: left;
    width: 40px;
    height: 100%;
    border: 1px solid #cecece;
    /*border-right: 0;*/
    text-align: center;
    cursor: pointer;
}

.rsA:hover {
    background: #e3e6e6;
}

.rsA>.s1 {
    display: block;
    width: 20px;
    margin: 10px 5px 10px 10px;
    line-height: 25px;
    color: #6f8da1;
}

.rsA>.badge-danger {
    font-size: 14px;
    font-weight: normal;
    background: #ff4401;
}

.rsA>.badge-danger>i {
    font-style: normal;
}

.rsB {
    float: left;
    width: 135px;
    height: 100%;
    padding: 10px;
    border: 1px solid #cecece;
    border-left: 0;
    overflow-y: auto;
}

.del-btn {
    opacity: 1;
    cursor: pointer;
}

.del-btn:hover {
    opacity: .6;
}


/*��̨��������*/


/*����ť start*/

.btn_sort_group {
    display: inline-block;
    padding: 5px 0;
    vertical-align: middle;
}

.btn_sort_group .btn_sort {
    padding: 2px 8px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.btn_sort_group .btn_sort:focus {
    outline: none;
}

.btn_sort_group .btn_sort:hover {
    color: #4387db;
    opacity: .8;
}

.btn_sort_group .btn_sort.active {
    color: #4387db;
    box-shadow: none;
    opacity: 1;
}

.btn_sort_group .btn_sort i.fa {
    width: 10px;
    height: 15px;
    margin-top: -2px;
    vertical-align: middle;
    visibility: hidden;
}

.btn_sort_group .btn_sort:hover i.fa {
    visibility: visible;
}

.btn_sort_group .btn_sort.active i.fa {
    visibility: visible;
}


/*����ť end*/

.participate-title {
    margin: 0;
    padding: 20px 0 10px 8px;
    border-bottom: 1px solid #ddd;
}

.participate-list {
    padding: 0;
}

.participate-list li {
    position: relative;
    padding: 10px 10px 20px 10px;
    border-top: 1px solid #ddd;
    list-style: none;
}

.participate-list li:last-child {
    border-bottom: 1px solid #ddd;
}

.participate-list li p {
    margin: 0;
    /*max-height: 80px; */
    line-height: 20px;
    /*    overflow: hidden;
    text-overflow: ellipsis;*/
}

.participate-list li .maxh40 {
    max-height: 40px;
    margin-top: 8px;
}

.participate-list li .ml65>a {
    color: #333;
}

.tips-zd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 40px;
    height: 40px;
    background: url(../images/common/zd.png) no-repeat;
}


/*�Ӿ���ǩ�б�*/

.tips-key {
    max-height: 100px;
    overflow-y: auto;
}

.tips-key a {
    display: inline-block;
    max-height: 100px;
    margin-right: 15px;
    overflow-y: auto;
}

.circle-border {
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
}

.circle-border:hover {
    text-decoration: none;
    opacity: .8;
    /*box-shadow: 2px 2px 2px rgba(63, 160, 164, 0.36) inset;*/
}

.circle-border.success {
    color: #009565;
    background: #ccf2dd;
}

.circle-border.warn {
    color: #3378b7;
    background: #cce8fd;
}

.circle-border.notUpload {
    color: #df8600;
    background: #fee9c5;
}

.circle-border.overdue {
    color: #333;
    background: #ccc;
}

.circle-border.completed {
    color: #fff;
    background: #239c75;
}

.circle-border.day-one {
    color: #f00;
    background: #fee9c5;
}

.circle-border.day-three {
    color: #3378b7;
    background: #cce8fd;
}

.circle-border.day-five {
    color: #333;
    background: #fee9c5;
}

.circle-border.desktop {
    font-size: 20px;
    color: #3d4f51;
    background: #cfeff7;
}

.imgLogo {
    width: 55px;
    height: 55px;
    margin-top: 8px;
    border-radius: 50%;
    overflow: hidden;
}

.imgLogo>img {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
    vertical-align: middle;
}

.left-pos {
    position: absolute;
}

.ml65 {
    margin-left: 65px!important;
    ;
}

.minh60 {
    min-height: 55px!important;
    ;
}

.ml15 {
    padding-left: 15px!important;
}

.mt15 {
    margin-top: 15px!important;
    ;
}

.mr10 {
    margin-right: 10px!important;
    ;
}

.mr20 {
    margin-right: 20px!important;
    ;
}

.c666 {
    color: #999;
}

.time-tips {
    float: right;
    margin: 2px 0;
    padding: 2px 4px;
    text-align: center;
    white-space: nowrap;
}

.time-tip {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px;
    /*padding: 2px 5px;*/
    text-align: center;
    white-space: nowrap;
}

.time-end {
    background: #fee9cb;
}

.time-starting {
    background: #cce8fd;
}

.time-overdue {
    color: #fff;
    background: #999;
}

.time-adopt {
    color: #fff;
    background: #40aa88;
}

.time-ntegral {
    color: #f00;
    background: #fedacb;
}

.time-applied {
    background: #bfdbff;
}

.time-submited {
    background: #b3eccc;
}

.participate-list li .btn-xs {
    padding-left: 5px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1.5;
}

.text-red {
    padding: 0 2px;
    color: red;
}

.more-down:hover {
    opacity: .8;
}

.pop-pos {
    position: relative;
    top: -20px;
}

.popover {
    max-width: inherit;
}

.nowrap-p {
    max-width: 345px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lh60 {
    line-height: 60px;
}

.mt8 {
    margin-top: 8px;
}

.fl-color {
    color: #428bca;
}


/*��̨�������� end*/

.right-btn {
    float: right;
    margin-top: 10px;
}

.right-btn .btn {
    margin-left: 6px;
}

.right-btn button:first-child {
    margin-left: 0;
}

.table-title {
    height: 30px;
    line-height: 36px;
}

.cententTB {
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.paperclip {
    margin-top: 15px;
}

.paperclip a {
    margin-left: 15px;
}

.table-vertical-align td {
    vertical-align: middle !important;
}

.add-digest {
    margin-right: 4px;
    padding: 2px 4px;
    font-size: 14px;
    color: #fff;
    background: #ff5454;
}


/*Ԥ��start*/

.line {
    float: left;
    width: 100%;
    height: 1px;
    margin: 3px 0 15px;
    border-top: 1px solid #ddd;
}

.main-tile {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.main-tile .info-box {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.main-tile>.th>h3 {
    display: inline-block;
    margin: 0
}

.main-tile>.th>.btn {
    display: inline-block;
    margin-bottom: 10px;
}

.main-tile a {
    margin-left: 15px;
    color: #666;
}

.main-tile a:hover {
    color: #008cee;
    text-decoration: none;
}

.main-content,
.main-other {
    float: left;
    width: 100%;
}

.main-other {
    margin-top: 30px;
}

.modal-body-H {
    position: relative;
    height: 500px;
    overflow: auto;
}

.main-content p {
    margin: 4px 4px 4px 0px;
    line-height: 24px;
    /*text-indent: 24px;*/
    /*color: #666;*/
}

.main-content .textIndent p {
    text-indent: 24px;
}

.img-center {
    text-align: center;
}

.img-center img {
    width: 80%;
}


/*Ԥ��end*/


/*NEW*/

.newTips {
    margin-left: 5px;
    padding: 2px 3px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    background: #f00;
}

.zx-box {
    position: relative;
    float: left;
    width: 260px;
    height: 315px;
    margin: 10px;
    border: 1px solid #ddd;
}

.zx-box h4 {
    display: inline-block;
    width: 231px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700;
    white-space: nowrap;
    text-indent: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zx-box p {
    width: 245px;
    color: #666;
    white-space: nowrap;
    text-indent: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.img-show {
    margin: 15px;
}

.img-show img {
    width: 100%;
    height: 128px;
}

.zx-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    border-top: 1px solid #ddd;
}

.zx-bottom i:hover,
.zx-bottom i.active {
    color: #008cee;
    cursor: pointer;
}

.hand {
    cursor: pointer
}

.mt22 {
    margin-top: 22px;
}

.zxh-list div {
    width: 50%;
}

.zxh-list ul {
    padding: 0;
    list-style: none;
}

.zxh-list ul li {
    position: relative;
    margin: 10px 0;
    padding: 10px 0;
    border: 1px solid #ddd;
}

.zxh-list-left {
    padding-left: 110px;
}

.zxh-logo {
    position: absolute;
    left: 15px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    font-size: 28px;
    line-height: 75px;
    color: #fff;
    text-align: center;
    background: #a0d8ef;
}

.zxh-logo img {
    width: 75px;
    height: 75px;
    border: none;
    border-radius: 50%;
    vertical-align: top;
}

.zxh-list-left p {
    height: 40px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zxh-list-left h3 {
    margin-top: 0;
}

.zxh-list-right table {
    margin-top: 22px;
}

a.zx-a {
    display: block;
    padding-bottom: 20px;
    text-decoration: none;
    cursor: pointer;
}

.zx-a h4 {
    font-weight: 700;
    color: #333;
}

a.bottom-a {
    color: #333;
    text-decoration: none;
}

.input-group-search {
    display: block;
    padding: 10px;
}

.input-group-search>.form-control {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
}

.input-group-search>.btn {
    display: inline-block;
    margin-left: -10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/*���ɣ�������ʽ*/

.ideal {
    display: inline-block;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 8px;
    font-size: 13px;
}

.good-ideal {
    color: #009565;
    background-color: #ccf2dd;
}

.no-ideal {
    color: #333;
    background-color: #ccc;
}

.score-ideal {
    color: #f00;
    background-color: #fedacb;
}


/*���ɣ�������ʽ END*/


/*����������ʾ*/

.line {
    float: left;
    width: 100%;
    height: 1px;
    margin: 3px 0 15px;
    border-top: 1px solid #ddd;
}

.main-tile {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.main-tile>.th>.btn {
    display: inline-block;
    margin-bottom: 10px;
}

.main-tile a {
    margin-left: 15px;
    color: #666;
}

.main-tile a:hover {
    color: #008cee;
    text-decoration: none;
}

.main-content,
.main-other {
    float: left;
    width: 100%;
}

.main-other {
    margin-top: 30px;
}

.img-show-small {
    float: left;
    width: 100%;
}

.img-show-small .img {
    display: inline-block;
    width: 140px;
    height: 78px;
}

.img-show-small dt {
    float: left;
    margin-right: 15px;
}

.img-show-small dl {
    margin-top: 13px;
    margin-bottom: 0;
    white-space: nowrap;
}


/*����������ʾ end*/

.crumb-tool {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.crumb-tool .btn {
    display: inline-block;
}

.crumb-tool h3 {
    display: inline-block;
    margin: 0;
    padding-right: 10px;
    font-size: 20px;
}


/*�ҵ�����*/

.my-voice {
    border-top: 1px solid #ddd;
}

.my-voice li {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: none;
    border-bottom: 1px dashed #ddd;
    cursor: pointer;
}

.my-voice li a {
    color: #333;
}

.my-voice li a:hover {
    text-decoration: none;
}

.my-voice-wrap {
    width: 357px;
}

.my-voice-wrap .tab-content {
    padding-top: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
}

.my-voice .active {
    background-color: #eaf4fc;
}

.panel-scroll {
    padding-bottom: 30px;
    overflow-y: auto;
}

.admin-vioce-tab li a:hover {
    font-weight: bold;
    color: #333;
}

.admin-vioce-icon {
    width: 18px;
    height: 26px;
    margin-top: -5px;
    margin-left: 5px;
}


/*���ִ������*/

.text-deal {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}


.text-deal2 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/*�Զ����»���ҳǩ */

.nav-tabs-underline-user>.nav,
.nav-tabs-underline {
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 3px solid #ededed;
    background: transparent;
}

.nav-tabs-underline-user>.nav>li>a,
.nav-tabs-underline>li>a {
    bottom: -2px;
    height: 100%;
    padding: 14px 20px;
    border: none;
    color: #333;
}

.nav-tabs-underline-user>.nav>li.active>a,
.nav-tabs-underline-user>.nav>li.active>a:focus,
.nav-tabs-underline-user>.nav>li.active>a:hover,
.nav-tabs-underline>li.active>a,
.nav-tabs-underline>li.active>a:focus,
.nav-tabs-underline>li.active>a:hover {
    border: none;
    font-weight: bold;
    color: #333;
    background: transparent;
    box-shadow: 0 -3px 0 #428bca inset;
}

.nav-tabs-underline-user>.nav>li>a:hover,
.nav-tabs-underline>li>a:hover {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.nav-tabs-underline-user>.nav>li>a:focus,
.nav-tabs-underline-user>.nav>li>a:hover,
.nav-tabs-underline>li>a:focus,
.nav-tabs-underline>li>a:hover {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.voice-of-nine-ul {
    margin: 0;
    margin-top: 15px;
    padding: 0;
    border-top: 1px solid #ddd;
    list-style-type: none;
}

.voice-of-nine-ul li {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.voice-of-nine .nav-tabs-underline>li.active>a {
    background: transparent;
    box-shadow: 0 -3px 0 #1e1e1e inset;
}


/*����*/

.listen-player {
    padding-top: 1px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    background-color: #f2f2f2;
}

.listen-player-ul li {
    padding: 20px;
    padding-top: 15px;
    border-bottom: 1px dashed #ddd;
}

.listen-player-control span {
    cursor: pointer;
}

.audio-btn {
    background-image: url(../images/common/audio-btn.png);
}

.audio-pre,
.audio-next {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
}

.audio-pre {
    background-position: -8px -8px;
}

.audio-next {
    background-position: -90px -8px;
}

.audio-status {
    /*transition: all 0.2s ease-in-out 0.2s;*/
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: -36px -40px;
    cursor: pointer;
}

.audio-status-active {
    background-position: -36px 6px;
}

.audio-pre-active {
    background-position: -8px -53px;
}

.audio-next-active {
    background-position: -90px -53px;
}

#audio-progress {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
}

#audio-proress-run {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 5px;
    background-color: #bfdbff;
}


/*����*/

.present-list-wrap {
    text-align: center;
}

.present-list {
    display: inline-block;
}

.present-list li img {
    width: 150px;
    height: 150px;
}

.present-list li {
    float: left;
    width: 188px;
    height: 255px;
    padding-top: 17px;
    margin-right: 24px;
    margin-bottom: 24px;
    border: 1px solid #ccc;
    text-align: center;
}

.present-list-name {
    margin-top: 24px;
}

.menber-city-lists {
    margin: 0;
    padding: 0;
}

.menber-city-lists span {
    padding: 0 8px;
    cursor: pointer;
}

.money-span-wrap {
    margin-bottom: 40px;
}

.money-span-wrap span {
    padding: 2px 12px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

.sotr-icon {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
}

.cus-bg {
    background-color: #2D3546 !important;
    color: #fff !important;
}


/*���ֻ���*/

.admin-integral-change {
    padding-bottom: 65px;
}

.admin-integral-change table {
    border: 5px solid #eee;
}

.admin-integral-change .table>tbody>tr>td {
    vertical-align: middle;
}


/*����*/

.dc-title {
    margin: 0
}

.dc-info p {
    margin: 0;
    margin-right: 12px;
    margin-top: 15px;
}

.dc-info-time {
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.dc-sub-title {
    color: #666;
    margin-top: 28px;
}

.dc-item {
    margin-top: 28px
}

.dc-item-title {
    font-size: 14px;
    margin-top: 0;
}

.topic-discus-inline span {
    float: left;
    margin-right: 30px;
}


/*���� END*/


/*ר������*/

.ztyc-answer-content {
    margin-top: 28px;
}

.ztyc-answer-content li {
    padding-bottom: 18px;
}

.ztyc-answer-content li .comment-icon img {
    border-radius: 50%;
}


/*ר������ END*/


/*��ѡ����*/

.foundation-community .foundation-panel {
    border: none;
}

.foundation-community .foundation-panel .panel-heading {
    border: 1px solid #ddd;
    border-bottom: none;
}

.foundation-community .foundation-panel table {
    margin-bottom: 0;
}

.foundation-community-item {
    max-height: 500px;
    overflow-y: auto;
    border: 1px solid #ddd;
    background: #fff;
}

.foundation-community-item ul {
    border-top: none;
}


/*.foundation-community-right{
    margin-top: 33px
}*/

.foundation-community-file li {
    margin-bottom: 8px;
}


/*���Ȼ��� END*/


/*��������*/

.ml20 {
    margin-left: 20px;
}


/*�������� EDN*/


/*���������*/

.group-detial-view {
    display: none
}

.word-group-icon img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.group-detial-hd {
    overflow: hidden;
    margin-top: 18px;
}

.group-detial-hd span {
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    background: #fff;
    color: #ccc;
    text-align: center;
    display: block;
    margin-right: 12px;
    float: left;
    padding: 0 45px;
}

.group-detial-bd {
    position: relative;
    margin-top: 12px;
    padding: 12px;
    color: #ccc;
    border: 1px solid #ddd;
    background: #fff;
}

.group-detial-bd .group-detial-tips {
    position: absolute;
    left: 12px;
    top: 12px;
}

.group-detial-bd .group-detial-content {
    padding-left: 46px
}


/*��������� END*/


/*��Ѷ�Ź���*/

.replay-box {
    display: inline-block;
    position: relative
}

#show-menu:hover {
    cursor: pointer
}

.show-menu-box {
    display: none;
    left: -53px;
    top: 27px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 120px;
    background: #fff;
    text-align: center;
}

.show-menu-box:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #ddd;
    /*��*/
    position: absolute;
    top: -8px;
    left: 50px;
}

.show-menu-box:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent #fff;
    /*��*/
    position: absolute;
    top: -7px;
    left: 51px;
}

.show-menu-box li {
    padding: 0 12px;
    line-height: 2.2;
}

.show-menu-box li:hover {
    background: #ddd;
    cursor: pointer
}

.sidebar-header .dropdown-menu>li>a {
    color: #333 !important
}

.sidebar-header .dropdown-menu>li>a.active {
    text-decoration: none;
    background-color: #008CEE;
    color: #fff!important;
}


/*��Ѷ�Ź���END*/


/*����������*/

.search-area {
    width: 160px;
    position: relative;
    border: 1px solid #ccc;
    height: 40px;
}

.search-area input {
    border: none;
    height: 40px;
    width: 100%;
    text-indent: 12px;
}

.keywords-data-list li:hover {
    background-color: #d9d9d9;
}

.keywords-data-list {
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 040px;
    left: -1px;
    border: 1px solid #ddd;
    border-bottom: none;
    z-index: 9;
    cursor: pointer;
    background-color: #fff;
}

.keywords-data-list li {
    padding: 6px;
    border-bottom: 1px solid #ddd;
}


/*����������end*/


/* ���ѹ��� begin */

.time-pick-list {
    overflow: hidden
}

.time-pick-list li {
    cursor: pointer;
    float: left;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 7px;
    border-radius: 5px;
    padding: 4px 20px;
    text-align: center;
    position: relative;
}

.time-pick-list li:first-child {
    margin-left: 0;
}

.time-pick-list li .year {
    padding: 6px;
    border-bottom: 1px solid #ccc;
}

.time-pick-list li .month {
    display: block;
    padding: 6px;
}

.time-pick-list li .fa {
    display: none
}

.time-pick-list li.active .fa {
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 24px;
    display: block;
    color: #04BE02;
}

.time-pick-list li.active.fa-glay .fa {
    color: #3b475f;
}


/* ���ѹ��� end */


/*�������*/


/*.sort-box {
    padding: 10px 15px;
    border: 1px solid #ccc;
    width: 300px;
    height: 600px;
    overflow: auto;
}

.sort-box .sort-list ul {
    padding-left: 15px;
    display: none;
}

.sort-box .sort-list li {
    padding: 3px 0;
}

.sort-box-icon {
    margin-right: 6px;
    border-left: 4px solid;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    margin-left: 2px;
    margin-top: 0px;
    vertical-align: middle;
    width: 0;
}

.sort-box .end-sort li .sort-box-icon {
    display: none;
}

.sort-list li .item {
    cursor: pointer;
}

.sort-box .sort-box-text {
    padding: 2px 6px;
}

.sort-box .active .sort-box-text {
    background: #293141;
    color: #fff;
}*/


/*�������END*/


/*�������*/

.good-book-manager {
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

.good-book-manager li {
    padding: 20px 0;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
}

.good-book-manager .book-title {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
}

.good-book-manager .book-info {
    color: #ccc;
    margin-top: 50px;
}

.good-book-manager .book-img {
    width: 55px;
    height: 88px;
    margin-right: 15px;
}

.good-book-manager .book-img img {
    width: 55px;
    height: 88px;
    display: block;
}

.btn-result-box {
    margin-top: 25px;
}

.good-book-rank {
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

.good-book-rank li {
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding: 20px 0;
}

.good-book-rank .book-title {
    margin: 0;
    font-size: 14px;
    margin-top: 8px;
}

.good-book-rank .book-btn {
    margin-top: 3px;
}

.good-book-rank .book-img {
    width: 46px;
    height: 46px;
    margin-right: 15px;
}

.good-book-rank .book-img img {
    width: 46px;
    height: 46px;
    display: block;
}


/*������� END*/

.endDate-input {
    background-color: #fff;
}


/*����������*/

.group-hide-info {
    color: #666;
    margin-left: 20px;
    margin-top: 12px;
}

.input-content-box {
    position: relative;
    border: 1px solid #ddd;
}

.input-content-box textarea {
    border: none;
    resize: none;
    width: 100%;
    outline: none;
    padding: 6px;
    height: 160px;
}

.input-content-num {
    color: #ccc;
    position: absolute;
    bottom: 6px;
    right: 6px;
}


/*��������*/

.select-box {
    overflow: hidden;
}

.select-box-item {
    width: 200px;
    float: left;
    margin-right: 12px;
}

.select-box ul {
    padding: 12px;
    border: 1px solid #666;
    height: 280px;
    overflow: auto;
}


/*�������� END*/


/*tab ���˵�����*/

.nav-tabs li a {
    margin-right: 5px;
}


/*tab ���˵����� END*/


/*�˵�����START*/

.clientMenu {
    padding-bottom: 28px
}

.clientMenu .participate-list li {
    padding-left: 0;
}

.clientMenu .check {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.clientMenu .participate-list li:nth-of-type(1) {
    border-top: none;
}

.participate-list .participate-des {
    word-break: break-all
}

.clientMenu .subMenusBox {
    padding-left: 12px;
    padding-top: 12px;
}

.clientMenu .subMenusBox .subMenusItem {
    padding: 3px 0;
}

.recommend-header {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}

.recommend-header-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
}

.recommend-header-thumb img {
    display: block;
    width: 56px;
    height: 56px;
}

.recommend-header-main {
    width: 100%;
    padding-left: 70px;
}

.recommend-main .main-comment-list {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.recommend-main h4 {
    background: url('../images/common/adopt.png') no-repeat;
    background-size: 25px;
    padding-left: 40px;
    line-height: 35px;
}

.recommend-main .comment-list-hd {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
}

.recommend-main .comment-list-bd {
    padding-left: 70px;
    width: 100%;
}

.recommend-main .comment-list-hd img {
    display: block;
    width: 48px;
    height: 48px;
}

.helpBox {
    width: 85%;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.helpCommentBox {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin-top: 20px;
}

.helpBox .imgBox,
.helpCommentBox .imgBox {
    position: absolute;
}

.helpBox .contentBox,
.helpCommentBox .contentBox {
    margin-left: 86px !important;
}


/*�˵�����START*/

.add-icon {
    width: 150px;
    height: 150px;
    margin: 34px auto;
    border: 1px solid #ddd;
    font-size: 69px;
    line-height: 150px;
    color: #999;
    text-align: center;
}

.a-add {
    display: inline-block;
    width: 100%;
    color: #999;
}

.a-add:hover {
    color: #999;
    -webkit-animation: rotae90 .4s linear;
}

.userInfo {
    width: 90%;
    margin: 0 auto;
}

.userInfo>.userImg {
    float: left;
    width: 180px;
    margin-top: 15px;
    margin-right: 5%;
    margin-bottom: 50px;
    text-align: center;
}

.userInfo>.userImg img {
    display: block;
    width: 180px;
    height: 180px;
    margin-bottom: 10px;
    border-radius: 8px;
}

.user-table {
    /*width: 450px;*/
}

.user-table tr td {
    padding: 8px 0;
}

.user-table tr .td1 {
    padding-right: 20px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

.channel-item-manage {
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.sub-menu-box {
    width: 222px;
    text-align: left;
    max-height: 500px;
    overflow-y: auto;
}

.sub-menu-box::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
.sub-menu-box::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: #ccc;
}
.sub-menu-box::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ededed;
    border-radius: 10px;
}

.sub-menu-box>li>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*个人资料*/

.data-outer-modal .modal-content .container-fluid .modal .modal-dialog {
    width: 500px;
    padding-top: 0px;
    height: 660px;
}

.data-outer-modal .modal-content .container-fluid .modal {
    overflow: visible
}

.data-outer-modal .modal-content .container-fluid .modal .modal-body {
    position: relative;
    padding: 20px;
    /*height: 300px;*/
    max-height: 300px;
    overflow-y: auto;
}

.startDate-input {
    background-color: transparent!important;
}


/*模态窗高度*/


/*.modal-body-scroll {
    max-height: 400px;
    overflow-y: scroll;
}
*/


/*组织树内容宽度*/

.org-structure-container {
    position: relative;
}

.org-structure-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px!important;
}

.org-structure-content {
    padding-left: 340px;
}


/*组织树内容宽度*/


/*分类收起展开*/

.sort-box {
    border: 1px solid #ccc;
    width: 300px;
    /*height: 600px;*/
    background: #fff;
}

.scroll-container {
    padding: 10px 15px;
    overflow-y: auto;
}

.sort-box .sort-list ul {
    padding-left: 28px;
    display: none;
    margin-top: 3px;
}

.sort-box .sort-list li {
    padding: 3px 0;
}

.sort-box-icon-close {
    margin-right: 6px;
    border-left: 4px solid;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    margin-left: 2px;
    margin-top: 0px;
    vertical-align: middle;
    width: 0;
}
.sort-box-icon-open {
    margin-right: 6px;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    margin-top: 0px;
    vertical-align: middle;
    width: 0;
}

.sort-box .end-sort li .sort-box-icon {
    display: none;
}

.sort-list li .item {
    cursor: pointer;
}

.sort-box .sort-box-text {
    padding: 2px 6px;
    cursor: pointer;
}

.selected .sort-box-text {
    background: #293141;
    color: #fff;
}

.sort-box .sort-box-text:hover {
    background: #293141;
    color: #fff;
}

.sort-box .active .sort-box-text {
    background: #293141;
    color: #fff;
}


/*分类收起展开 END*/

.home-menu-setting label {
    width: 70px;
}

.home-menu-setting .home-menu-icon {
    margin-top: 28px;
}

.home-menu-setting .form-group {
    display: block
}

.search-box .form-control {
    height: 32px;
    line-height: 32px;
    margin-right: -4px;
}

.search-box1 input {
    width: 194px!important;
}

.search-box button {
    border-radius: 0;
    padding: 0px 13px;
}

.search-box .form-group {
    margin-bottom: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #FFF;
    background-color: #333C4E;
    border-color: #333C4E;
    font-weight: bolder
}


/*模态窗高度*/

.modal-body-scroll {
    max-height: 760px !important;
    overflow-y: auto;
    word-break: break-all;
    min-height: 425px;
}


/*.modal-body-scroll500 {
    height: 500px !important;
    overflow-y: auto;
    word-break: break-all;
    min-height: 400px;
}

.modal-body-scroll500 img {
    max-width: 100%;
}*/

.modal-body-mid-scroll {
    max-height: 320px !important;
    overflow-y: auto;
    word-break: break-all
}

.modal-dialog {
    /* width: 90%; */
    margin: 30px auto;
    padding-top: 15px;
}

.modal-dialog>.modal-dialog {
    width: 300px;
    margin: 30px auto;
    padding-top: 15px;
}

.modal-dialog500-center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
}

.modal-dialog500-center .modal-body-scroll500 {
    max-width: 100%;
    height: 500px !important;
    overflow-y: auto;
    word-break: break-all;
    min-height: 400px;
}


/*文章模板样式*/


/*.article {
    padding: 10px 15px;
}*/

.article-header {
    padding: 10px 0;
    word-break: break-all;
}

.article-header h3 {
    margin: 0;
    font-weight: bolder;
}

.article-body {
    border-top: 1px solid #ddd;
    padding: 15px 0;
}

.article-body .article-content {
    line-height: 28px;
    font-size: 14px;
}

.article-body .article-content p {
    margin-bottom: 8px;
}

.article-body .article-content img{
    max-width: 100%;
}

.article-file-title {
    font-weight: bolder;
}

.aritlce-file {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #ddd;
}

.aritlce-file .aritlce-file-item-box {
    margin-top: 12px;
}

.aritlce-file-item-box li {
    line-height: 28px;
}

.modal-article .article {
    padding: 0;
}

.table-title-formate {
    word-break: break-all;
}

.table-title-formate a {
    color: #333
}

.menu-help .vs-bt {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
}


/*工全组活动*/

.work-group-all .form-control {
    height: 32px;
    line-height: 32px;
}


/*帮助手册*/

@media (min-width: 990px) {
    .help-modal .modal-dialog {
        width: 968px;
    }
}

.right-box {
    position: relative;
}

.publish-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.back-btn {
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 2;
}

.main-user-menu-box td {
    background: #eee !important;
    height: 38px;
    box-shadow: inset 0 3px 12px #eee;
}


/*社员推荐选择插件样式处理*/

.recommend-select .ui-select-choices {
    top: 100%!important;
}


/*@media (min-width: 768px) {
    .help-modal .modal-dialog {
        width: 968px;
    }
}*/


/*  2017.7.17  lxn  */


/*  tabMenuList  菜单栏目设置-新增菜单页签 表单左右布局  */

.form-lt-rt .form-group .form-control,
.form-lt-rt .form-group .form-radio {
    display: inline-block;
    max-width: 200px;
}

.form-lt-rt .form-group>label {
    min-width: 70px;
    margin-right: 10px;
}


/*  updatePassword  个人密码标签宽度  */

.form-lt-rt .pwd-label>label {
    min-width: 90px;
    line-height: 30px;
    margin-bottom: 0;
}


/*  tabMenuList  菜单顶部间距  */

.mt20 {
    margin-top: 20px !important;
}


/*  helpApplyAddOrEdit  发布王选基金预览标签与标题左对齐  */

.ml0 {
    margin-left: 0;
}


/*下拉选择框左间距 2017.7.20  lxn*/

select {
    padding-left: 8px !important;
}


/*禁用输入框点击样式 2017.7.21  lxn*/

input.form-control:focus {
    outline: 0;
    border: 1px solid #E6E6E6;
    box-shadow: none;
}


/*红包管理*/

.lh32 {
    line-height: 32px;
}


/*发布问卷调查*/

.question-group tr td:first-child {
    width: 85px;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
}


/*王选基金发布*/

.p-tip {
    margin: 5px 0 0 0;
}


/*页签样式*/

.nav-tabs>li>a:focus,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.org-structure-content .nav>li>a:focus {
    font-weight: normal !important;
    color: #fff;
    outline: none !important;
}


/*帮助按钮*/

.menu-help {
    display: inline-block;
    vertical-align: top;
    padding-top: 12px;
}


/*社员管理-修改*/

.input-group-btn .read-input {
    width: 92%;
    cursor: initial;
    background-color: #fff;
    border: 1px solid #ccc;
    border-right: 0;
}

.input-group-btn .read-btn {
    width: 20px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 0 4px 4px 0;
    background: url(../js/lib/select2/select2.png) no-repeat -6px 2px;
    border: 1px solid #ccc;
    border-left: 0;
}


/*资讯号管理图标*/

.zan-icons i:hover,
.zan-icons i.active {
    color: inherit;
    cursor: auto;
}


/*发布页控件标题顶部对齐*/

.admin-table tr .td1 {
    padding-top: 13px;
    vertical-align: text-top;
}


/*发布页标题控件对齐*/

.title-width {
    width: 800px;
    display: flex;
}

.title-width .intext {
    display: inline-block;
    flex: 1;
}

.title-width .intext-num {
    display: inline-block;
    text-align: right;
    margin-bottom: 0;
    padding-top: 5px;
    padding-left: 5px;
}


/*发布页问题控件对齐*/

.ques-td {}

.ques-td .intext-q {
    display: inline-block;
    width: 780px;
}

.ques-td .intext-close {
    color: #666;
    margin-top: 10px;
    cursor: pointer;
    margin-left: 5px;
}


/*IE和火狐浏览器下菜单标题与图标间距*/

@-moz-document url-prefix() {
    .nav-first>li>a>img {
        margin-left: 0;
    }
}


/*IE6,IE7,IE8*/

.nav-first>li>a>img {
    margin-left: 0\9;
}


/*栏目权限管理表格底色*/

.bgcolor-fff {
    background-color: #fff;
}


/*资讯号管理-标题运营人区分*/

.channel-pic {
    width: 60px;
    height: 60px;
    vertical-align: baseline;
}

.channel-groupName {
    margin: 0;
    font-weight: bold;
}

.channel-manageName {
    margin: 0;
    padding: 5px 0;
}


/*菜单栏目设置间距*/

.pl0 {
    padding-left: 0 !important;
}


/*后台菜单管理控件左右布局*/

.right-box .form-group>label {
    width: 120px;
    text-align: right;
}


/*个人打赏记录*/

.plr0 {
    padding-left: 0;
    padding-right: 0;
}


/*四类任务*/

.mr30 {
    margin-right: 30px !important;
}

.w100 {
    width: 100px !important;
}
.w120 {
    width: 120px !important;
}
.w150 {
    width: 150px !important;
}
.w200 {
    width: 200px !important;
}

.date-picker-class {
    position: absolute;
    left: 0;
    top: 30px;
    background: white;
    z-index: 999;
    border: 1px solid #dfdfdf;
}

.date-picker-box {
    width: 100%;
    position: relative;
}

.date-picker-box td {
    padding: 0 !important;
}

.date-picker-box table .btn {
    border: none !important;
}

.date-picker-box td .btn {
    padding: 5px 10px;
}

.date-picker-box .form-control[readonly] {
    cursor: pointer !important;
    background-color: white !important;
    opacity: 1;
}

.date-picker-box td .btn-info.active {
    background: #3b475f !important;
    color: white;
    outline: none;
}

.date-picker-box td .btn-info {
    background: #3b475f !important;
}

.date-picker-box td .btn-info .text-info {
    color: white !important;
    font-weight: bold;
}

.date-picker-box .dropdown-menu {
    margin: 0;
}

.date-picker-box .input-group-btn button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.date-picker-box .btn-group .btn-info,
.date-picker-box .btn-group .btn-danger {
    border-color: #adadad !important;
    color: #333 !important;
    background-color: #fff !important;
}

.date-picker-box table {
    outline-style: none !important;
}

.date-picker-box li:last-child .btn-success {
    display: none;
}

.disabelClass {
    cursor: not-allowed !important;
    background-color: #ddd;
}

.date-picker-box .btn-default.disabled.active,
.date-picker-box .btn-default[disabled].active,
.date-picker-box fieldset[disabled] .btn-default.active {
    border-color: #ccc;
}

.date-picker-box .btn-default:hover,
.date-picker-box .btn-default:focus,
.date-picker-box .btn-default:active,
.date-picker-box .btn-default.active,
.date-picker-box .open .dropdown-toggle.btn-default {
    color: inherit;
}


/*王选基金的发布和管理*/

.operate-a {
    display: inline-block;
    float: left;
    padding: 0 5px;
}


/*发布页选择按钮模态框标题*/

.modal-title>strong {
    font-weight: normal;
}


/*发布页的模态框的搜索控件*/

.modal-searchBox .form-control {
    height: 32px;
    line-height: 32px;
    margin-right: -4px;
}

.modal-searchBox button {
    border-radius: 0;
}

.modal-searchBox .form-group {
    margin-bottom: 0;
}


/*课题招标参与范围控件*/

.show-range {
    display: none;
}


/*资讯号管理*/

.user-table tr .td1 {
    padding-top: 13px;
    vertical-align: text-top;
}


/*工作组活动情况模态框*/

.workgroup-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 800px;
}

.workgroup-modal .modal-header {
    height: 50px;
}

.workgroup-header h3 {
    margin: 0;
    font-weight: bold;
}

.article-p {
    margin-bottom: 0;
    line-height: 2;
    text-indent: 2em;
}


/*社员管理查看详细信息下拉框*/

.select2-container .select2-choice {
    height: 30px;
    line-height: 30px;
    background-image: initial;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select2-container .select2-choice .select2-arrow {
    /*right: 10px\0;
    right: 10px\9;*/
    background: #fff;
    background-image: initial;
    border: 0;
    border-radius: 0;
}

.select2-container .select2-choice .select2-arrow b {
    background-position: -6px 2px;
    background-position: -52px -26px\0;
    background-position: -52px -26px\9;
    background-position: -52px -26px\9\0;
    +background-position: -52px -26px;
    _background-position: -52px -26px;
}

.select2-dropdown-open .select2-choice {
    background-color: #fff;
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.select2-search input {
    background: initial;
    /*background: #fff url(../js/lib/select2/select2.png) no-repeat 166px -18px;*/
    /*background-position: 156px -18px\0;
    background-position: 156px -18px\9;*/
}

@-moz-document url-prefix() {
    .select2-container .select2-choice .select2-arrow b {
        background-position: -35px -32px;
    }
    /*.select2-search input {
        background-position: 156px -18px;
    }*/
}


/*详情页文章样式*/

.article-detail {
    padding: 0 45px 10px 15px;
}

.article-detail p {
    margin: 0;
    font-size: 18px;
    line-height: 1.8em;
    text-indent: 2em;
}


/*按钮样式覆盖*/

.vs-bt {
    padding: 0 15px;
    border-radius: 2px;
}

.menu-help .vs-bt {
    height: 30px;
    line-height: 30px;
    padding: 0 11px;
}

.search-box input {
    width: 167px!important;
}

.all-publish {
    width: 102px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
}

.plr12 {
    padding: 0 12px;
}


/*表格行高*/

.table>tbody>tr>td {
    height: 59px;
}


/*问卷调查表格边框颜色为ddd*/

.table-ddd {
    border-top: 1px solid #ddd;
}

.table-ddd>thead>tr {
    background-color: transparent;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table tr th {
    white-space: nowrap;
}

.table-ddd>thead>tr>td,
.table-ddd>tbody>tr>td {
    border: 1px solid #ddd;
    padding: 6px 30px !important;
}


/*模态框居中*/

.modal-content {
    margin: 0 auto;
}


/*社员声音详情页表格*/

.contain-box td {
    padding: 6px 3% !important;
}


/*发布页参与范围和指定负责人*/

.join-num {
    vertical-align: middle;
    color: #428bca;
}

.range-box {
    width: 800px;
    padding: 15px 0;
    overflow: hidden;
}

.menu {
    width: 280px;
}

.range-box span {
    /*display: inline-block;*/
    height:28px;
    float: left;
    width: 33.3333%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.menu span {
    width: 100%;
}

.user-names {
    display: inline-block;
    width: 663px;
    min-height: 30px;
    line-height: 30px;
    float: left;
    text-align: left;
    margin-left: 15px;
}

.range-bt {
    display: block;
    padding-left: 33.3333%;
    margin-top: 15px;
    cursor: pointer;
}


/*社会求助*/

.plr30 {
    padding: 0 30px;
}

.pt12 {
    padding-top: 12px;
}

.border-ccc {
    border-top: 1px solid #ccc;
}

.short-intro {
    margin-bottom: 0;
    text-align: justify;
    line-height: 1.8em;
    font-size: 15px;
}


/*栏目权限管理*/

.pl340 {
    padding-left: 340px;
}


/*个人密码*/

.info-box {
    max-width: 470px;
    margin: 0 auto;
    border: 1px solid #DEDEDE;
    background-color: #fff;
}

.info-btn {
    padding: 10px 30px;
    text-align: right;
    border-top: 1px solid #DEDEDE;
}

.info-box .form-control {
    border: 1px solid #DEDEDE;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.p30 {
    padding: 30px;
}

.mt50 {
    margin-top: 50px;
}


/*移动端模块设置*/

.info-choose {
    position: absolute;
    top: 0;
    right: 10px;
    width: 10%;
    height: 30px;
    padding: 0;
    background: url(../js/lib/select2/select2.png) no-repeat 0 3px;
    border: 0;
    outline: 0;
}

.info-choose:hover,
.info-choose:focus {
    background-color: transparent;
}

.info-box .form-group:last-child:not(.ng-hide) {
    margin-bottom: 0;
}

.home-menu-icon .icon-box {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    margin: 8px;
    background: #e6ebed;
}

.icon-box:hover,
.icon-box:active,
.icon-box:focus {
    outline: 1px solid rgb(77, 144, 254);
}

.select-icon-active {
    outline: 1px solid rgb(77, 144, 254);
}

/* @media screen and (max-width: 1280px) {
    .login-body .login-container {
        width: 960px;
    }
    .login-body .center-bg {
        left: 150px;
    }
}

@media screen and (max-height: 768px) {
    .login-body .text-bg {
        width: 130px;
        height: 440px;
    }
    .login-body .center-bg {
        width: 400px;
        height: 383px;
        top: 60%;
    }
    .login-body .login-main {
        height: 340px;
        right: 5%;
    }
    .login-body .login-btn-area {
        margin-top: 30px;
    }
} */

/* @media screen and (max-height: 600px) {
    .login-body .center-bg {
        top: 66%;
    }
    .login-body .login-main {
        top: 54%;
    }
}
*/
/* @media screen and (max-width: 800px) { */
    /* .login-container,.download-tips{
        transform: scale(0.6);
    } */
    /* .login-body .login-container {
        width: 760px;
    }
    .login-body .text-bg {
        width: 100px;
        height: 340px;
    }
    .login-body .center-bg {
        width: 300px;
        height: 287px;
        left: 100px;
        top: 80%;
    } */
/* }  */


/* 我的声音 */

.wd200 {
    width: 200px;
}


/* 后台表格优化 */

.ml5 {
    margin-left: 5px;
}


/*用户卡片*/

.div-card-info {
    position: fixed;
    top: 15%;
    left: 40%;
    z-index: 9999;
    display: none;
    width: 272px;
    border-radius: 4px;
    /*    text-align: center;*/
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
}

.div-card-info1 {
    padding: 32px 32px 32px 24px;
}

.div-card-info2 {
    padding: 12px 44px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #e74d3c;
    background-color: #fff9f6;
}

.img-card-men-explore {
    background: url(../images/common/icon_usercard_explore_man.png) center no-repeat;
}

.div-card-user {
    height: 112px;
    margin-top: 24px;
    position: relative;
}

.img-card-women-explore {
    background: url(../images/common/icon_usercard_explore_woman.png) center no-repeat;
}

.imgViewAble {
    width: 106px;
    height: 106px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    left: 55px;
}

.img-card-org {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_group.png) left 5px no-repeat;
}

.img-card-cellphone {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_tel.png) left no-repeat;
}

.img-card-integral {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_integral.png) left no-repeat;
}

.img-card-mail {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_mail.png) left no-repeat;
}

.img-card-job {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_job.png) left no-repeat;
}

.img-card-company {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_company.png) left 5px no-repeat;
}

.img-card-proficients {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_proficients.png) left 5px no-repeat;
}

.img-card-resource {
    margin-left: 30px;
    padding-left: 20px;
    background: url(../images/common/icon_usercard_resource.png) left 5px no-repeat;
    background-size: 14px 12px;
}

.img-card-user {
    width: 96px;
    height: 96px;
    margin-top: 8px;
}

.img-circle {
    border-radius: 50%;
}


/* 左侧菜单层级 */

/* .menubar,
.sidebar-btn {
    z-index: 1000002;
} */


/*可提供资源分类*/

.pager-top-fixed .sort-container {
    /*position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;*/
    height: 500px;
    background: #fff;
}

.pager-top-fixed .sort-right {
    /*margin-left: 100px;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    right: 0;
    left: 120px;
    top: 43px;
    bottom: 0;
}

.pager-top-fixed .sort-left {
    position: absolute;
    top: 44px;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #428BCA;
}

.pager-top-fixed .sort-list {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    width: 120px;
    height: 100%;
    padding-bottom: 50px;
}

.pager-top-fixed .sort-list li {
    width: 100%;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.pager-top-fixed .sort-list li.active {
    border-top: 1px solid #428BCA;
    border-bottom: 1px solid #428BCA;
}

.pager-top-fixed .sort-list li.active:after,
.pager-top-fixed .sort-list li.active:before {
    position: absolute;
    content: "";
    border-style: solid;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 0;
    top: 15px;
}

.pager-top-fixed .sort-list li.active:before {
    right: 0;
    border-color: transparent #428BCA transparent transparent;
    /*蓝*/
}

.pager-top-fixed .sort-list li.active:after {
    right: -2px;
    border-color: transparent #fff transparent transparent;
    /*蓝*/
}

.pager-top-fixed .serarch-bar-container {
    position: fixed;
    top: 50px;
    z-index: 9999;
    width: 100%;
}


/*可提供资源分类 END*/


/*  资讯号详情页标题  */

.yg-cell {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.yg-cell-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fx-jc-sb {
    justify-content: space-between;
}

.fx-as-fs {
    -ms-align-self: flex-start;
    align-self: flex-start;
}

.fx-jc-ct {
    justify-content: center;
    -webkit-justify-content: center;
}

.fx-ai-fs {
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.fx-fd-cr {
    flex-direction: column-reverse;
}

.fx-fd-c {
    flex-direction: column;
}

.ml120 {
    margin-left: 120px;
}


/*  可提供资源  */

.names-side-bar {
    width: 200px;
    height: 380px;
    overflow-y: auto;
    background-color: #F3F5F8;
    border: 1px solid #E6E6E6;
}

.names-side-bar ul li {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
}

.names-side-bar ul li.active {
    background: #293141;
    color: #fff;
    border-top: 1px solid #293141;
    border-bottom: 1px solid #293141;
}

.names-side-bar ul li:hover,
.names-content-box ul li:hover,
.search-result-list ul li:hover {
    color: #428BCA;
    cursor: pointer;
}

.names-side-bar ul li.active:after,
.names-side-bar ul li.active:before {
    position: absolute;
    content: "";
    border-style: solid;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 0;
    top: 15px;
}

.names-side-bar ul li.active:hover {
    color: #fff;
}

.names-side-bar ul li.active:before {
    right: 0;
    border-color: transparent #293141 transparent transparent;
}

.names-side-bar ul li.active:after {
    right: -2px;
    border-color: transparent #fff transparent transparent;
}

.names-content-box {
    width: 420px;
    height: 380px;
    margin-left: 30px;
    padding: 10px 15px;
    overflow-y: auto;
    background-color: #F3F5F8;
    border: 1px solid #E6E6E6;
}

.names-content-box ul li {
    margin-bottom: 10px;
}

.search-result-list ul li {
    padding: 15px;
}

.search-result-list {
    height: 380px;
    overflow-y: auto;
    background-color: #F3F5F8;
    border: 1px solid #E6E6E6;
}

.select-group {
    position: relative;
}

.select-ico {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 0 4px 4px 0;
    background: url(../js/lib/select2/select2.png) no-repeat -8px 2px;
    border: 1px solid #E6E6E6;
    border-left: 0;
}

table.availabel-table {
    width: 380px;
}

table.availabel-table>tbody>tr>td:first-child {
    width: 90px;
}

table.availabel-table>tbody>tr>td input {
    width: 200px;
}

.availabel-uploader .webuploader-pick {
    margin-left: -95px;
}

.availabel-uploader .webuploader-pick+div {
    left: 138px !important;
    width: 88px !important;
}

.availabel-uploader .files-list {
    padding: 6px 0;
}


/*  统一提示框  */

.tips {
    top: 50%;
    margin-top: -58px;
}

.tips .tips-body {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 116px;
    padding: 0 20px;
    margin: 0 auto;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 3px;
    border: none;
}


/*  课题招标上传按钮  */

.my-filebtn {
    position: relative;
    border-radius: 4px;
    cursor: pointer;
}

.my-fileinput {
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    border-radius: 4px;
    opacity: 0;
    cursor: pointer;
}


/*  社员管理表格样式调整  */

.text-auto {
    max-height: 46px;
    line-height: 23px;
    overflow-y: auto;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}


/* 业务指标统计 */

.view-wrapper {
    min-width: 1800px;
    /*padding: 0 50px;*/
    margin: auto;
    /*overflow: auto;*/
    overflow: hidden;
    background: #404a59;
    position: absolute;
    bottom: 0;
    top: 0;
    /*left: 0;*/
    left: 0;
    right: 0;
    z-index: 998;
}

.echarts-header {
    width:80%;
    margin: 0 auto;
    position: relative;
    /*position: absolute;*/
    /*top:10px;*/
    /*left:20px;*/
    height: 68px;
    line-height: 68px;
    color: #fff;
    font-size: 28px;
    z-index: 1;
    /*border-bottom:1px solid rgba(255,255,255,0.5);*/
}

.echarts-header-main{
    position: relative;
}

.echarts-header-bg{
    z-index: 2;
    position: absolute;
    top:0;
    left:172px;
    right:172px;
    height: 76px;
    line-height:76px;
    text-align: center;
    background-image: url("../images/index-collect/header-bg.png");
    background-repeat: repeat-x;
}

.echarts-header-left{
    position: absolute;
    left:0;
    top:0;
    width:172px;
    height:76px;
    background-image: url("../images/index-collect/header-left.png");
    background-repeat: no-repeat;
}

.header-title-bg{
    display: block;
    margin:0 auto;
    width:662px;
    height:70px;
    line-height:70px;
    background-image: url("../images/index-collect/header-title-bg.png");
    background-repeat: no-repeat;
}

.echarts-header-right{
    position: absolute;
    right:0;
    top:0;
    width:172px;
    height:76px;
    background-image: url("../images/index-collect/header-right.png");
    background-repeat: no-repeat;
}

.echarts-select-year{
    width:100%;
    position: absolute;
    top:76px;
    left:0;

}

.echarts-select-year-inner{
    width: 121px;
    height:28px;
    line-height:28px;
    margin:0 auto;
    background-image: url("../images/index-collect/header-year-bg.png");
    background-repeat: no-repeat;
}

.echarts-select-year .year{
    position: relative;
    width: 100px;
    height:28px;
    margin:0 auto;
    line-height:28px;
    text-indent: 12px;
    /*color: #4c707d;*/
    font-size:20px;
    color: #fff;
    /*cursor: pointer;*/

}

.echarts-select-year .member-echarts-year{
    text-indent: 0;
}

.echarts-animated{
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 0.8);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.echarts-bounceInDown {
    animation-name: bounceInDown;
}


@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.echarts-bounceOutUp {
    animation-name: bounceOutUp;
}


.year-angle{
    position: absolute;
    top:12px;
    right:12px;
    display: block;
    width:9px;
    height:6px;
    background-image: url("../images/index-collect/year-angle.png");
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.year-angle.active{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.echarts-select-year .year-list{
    padding: 12px 0;
    width: 104px;
    margin: 0 auto;
    text-align: center;
    font-size:18px;
    background: #082c46;
    /*-webkit-transition: all 0.3s ease 0s;*/
    /*-moz-transition: all 0.3s ease 0s;*/
    /*-ms-transition: all 0.3s ease 0s;*/
    /*-o-transition: all 0.3s ease 0s;*/
    /*transition: all 0.3s ease 0s;*/
    /*-webkit-transform: translateY(-100%);*/
    /*-moz-transform: translateY(-100%);*/
    /*-ms-transform: translateY(-100%);*/
    /*-o-transform: translateY(-100%);*/
    /*transform: translateY(-100%);*/

}

/*.echarts-select-year .year-list.active{*/
/*-webkit-transform: translateY(0);*/
/*-moz-transform: translateY(0);*/
/*-ms-transform: translateY(0);*/
/*-o-transform: translateY(0);*/
/*transform: translateY(0);*/
/*}*/

.echarts-select-year .year-list li{
    cursor: pointer;
}

.echarts-select-year .year-list li:hover{
    background: #00f0ff;
}

.zb-switch .ck-icon{
    display: block;
    width: 191px;
    height:54px;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.zb-switch label{
    display: block;
    width: 191px;
    height:54px;
    overflow: hidden;
}



.zb-switch .collections-icon{
    background-image: url("../images/index-collect/collections-icon.png");
    background-position: 0 -53px;

}

.zb-switch .collections-icon.active{
    background-image: url("../images/index-collect/collections-icon.png");
    background-position: 0 0;
}

.zb-switch .social-tasks-icon{
    background-image: url("../images/index-collect/social-tasks-icon.png");

    background-position: 0 -53px;
}

.zb-switch .social-tasks-icon.active{
    background-image: url("../images/index-collect/social-tasks-icon.png");
    background-position: 0 0;
}

.zb-switch .operation-t1-icon{
    background-image: url("../images/index-collect/operation-t1.png");

    background-position: 0 -53px;
}

.zb-switch .operation-t1-icon.active{
    background-image: url("../images/index-collect/operation-t1.png");
    background-position: 0 0px;
}

.zb-switch .operation-t2-icon{
    background-image: url("../images/index-collect/operation-t2.png");

    background-position: 0 -53px;
}

.zb-switch .operation-t2-icon.active{
    background-image: url("../images/index-collect/operation-t2.png");
    background-position: 0 0;
}

.zb-switch .cs-icon{
    background-image: url("../images/index-collect/cs-icon.png");
    background-position: 0 -53px;

}

.zb-switch .cs-icon.active{
    background-image: url("../images/index-collect/cs-icon.png");
    background-position: 0 0;
}

.zb-switch .member-t1-icon{
    background-image: url("../images/index-collect/member-t1.png");
    background-position: 0 -53px;
}

.zb-switch .member-t1-icon.active{
    background-image: url("../images/index-collect/member-t1.png");
    background-position: 0 0;
}

.zb-switch .member-t2-icon{
    background-image: url("../images/index-collect/member-t2.png");
    background-position: 0 -53px;
}

.zb-switch .member-t2-icon.active{
    background-image: url("../images/index-collect/member-t2.png");
    background-position: 0 0;
}

.zb-switch .member-total-t1-icon{
    background-image: url("../images/index-collect/member-total-t1.png");
    background-position: 0 -53px;
}
.zb-switch .member-total-t1-icon.active{
    background-image: url("../images/index-collect/member-total-t1.png");
    background-position: 0 0;
}
.zb-switch .member-total-t2-icon{
    background-image: url("../images/index-collect/member-total-t2.png");
    background-position: 0 -53px;
}

.zb-switch .member-total-t2-icon.active{
    background-image: url("../images/index-collect/member-total-t2.png");
    background-position: 0 0;
}




.check-lb input{
    position: absolute;
}

.bar-area{
    margin-bottom: 25px;
    margin-right: 55px;
    background: rgba(9,39,63,0.78) !important;
    border:1px solid #00a9ff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,162,255,0.32);
    -moz-box-shadow: 0 0 5px 2px rgba(0,162,255,0.32);
    box-shadow: 0 0 5px 2px rgba(0,162,255,0.32);
}

/*.circle-pie{*/
    /*padding: 30px 10px;*/
/*}*/
/*#main3,*/
/*#main4{*/
/*margin-top: 30px;*/
/*}*/

/* #graphic {
    width: 100%;
    overflow: auto;
} */

/*.map-wrapper {*/
/*position: relative;*/
/*width: 60%;*/
/*float: left;*/
/*}*/

/*.map-wrapper .main {*/
/*min-height: 900px;*/
/*height: 100%;*/
/*}*/


.map-wrapper #main{
    position:absolute;
    top:0;
    left: 0;
    bottom:0;
    right:0;
    width: auto!important;
    height: auto!important;
}

.zb-switch {
    position: absolute;
    top:100px;
    left:20px;
    z-index: 1;
    color: #fff;
}

.zb-switch label:hover {
    cursor: pointer;
}

.zb-switch input[type="checkbox"],
.zb-switch input[type="radio"] {
    opacity: 0;
}

/*.ck-icon:before {*/
/*content: "";*/
/*display: inline-block;*/
/*width: 12px;*/
/*height: 12px;*/
/*margin-left: -13px;*/
/*background: url(../images/c1.png) no-repeat left center/contain;*/
/*}*/

/*.zb-switch input[type="checkbox"]:checked+.ck-icon:before,*/
/*.zb-switch input[type="radio"]:checked+.ck-icon:before {*/
/*background: url(../images/c2.png) no-repeat left center/contain;*/
/*}*/

.bar-wrapper {
    position: absolute;
    right:-20px;
    /*width: 34%;*/
    top:95px;
    /*margin-left: 6%;*/
}

.bar-wrapper .main {
    min-height: 300px;
    height: 33.3333%;
}


/* .index-collect .contents-side-open {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.index-collect>div {
    display: none;
} */


/* 业务指标统计 */


/* .index-collect .contents-side-open {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.index-collect>div {
    display: none;
} */


.index-tab{
    position: absolute;
    top:18px;
    height:68px;
}
.index-tab-left{
    left:25px;
}
.index-tab-right{
    right:25px;
}

.index-tab li{
    float: left;
    height:58px;
    line-height:58px;
    font-size: 18px;
    margin-right: 24px;
    color: #9acacd;
    cursor: pointer;
    /*transition: all 0.3s ease-in-out 0s;*/
    border-bottom:0px solid #00f0ff;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.index-tab li.active{*/
    /*color: #00f0ff;*/
    /*border-bottom:3px solid #00f0ff;*/
/*}*/
.index-tab li::after{
    content: "";
    position: absolute;
    width:0;
    bottom:0;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom:3px solid #00f0ff;
    transition: width 0.3s linear 0s;
}
.index-tab li.active::after{
    width: 100%;
}






/* 业务指标统计 */

.edui-default .edui-editor {
    position: initial !important;
}

/*  开关  */
.switch-button{
    margin: 0 auto;
    position: relative;
    background: #008CEE;
    width:54px;
    height:28px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    -webkit-box-shadow: inset 2px 0 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 2px 0 2px 1px rgba(0,0,0,0.1);
    box-shadow: inset 2px 0 2px 1px rgba(0,0,0,0.1);
	}

	.switch-button .switch-flag{
        position: absolute;
        left:26px;
        width:28px;
        height:28px;
        display: block;
        background: #fff;
        -webkit-border-radius:28px;
        -moz-border-radius:28px;
        border-radius:28px;
        -webkit-transition: left 0.3s ease-in-out;
        -moz-transition: left 0.3s ease-in-out;
        -ms-transition: left 0.3s ease-in-out;
        -o-transition: left 0.3s ease-in-out;
        transition: left 0.3s ease-in-out;
        -webkit-box-shadow: 1px 0 1px 1px rgba(0,0,0,0.3);
        -moz-box-shadow: 1px 0 1px 1px rgba(0,0,0,0.3);
        box-shadow: 1px 0 1px 1px rgba(0,0,0,0.3);
	}
	.switch-button-close{
        background: #eee;
	}

	.switch-button-close .switch-flag{
        left:0px;
    }
    
    /*  红包  */
    .yg-box {
    padding: 10px 15px !important;
    }
    .text-white {
        color: #fff;
    }
    .close-ico {
        margin-top: -3px;
        font-size: 22px;
        transform: rotate(45deg);
    }
    .text-circle {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #f9b551;
        font-size: 12px;
        border: 1px solid #f9b551;
        border-radius: 50%;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .bg-red {
        background-color: #cd463c;
    }

    /*  操作列按钮居中  */
    .operate-bts {
        text-align: center;
    }
    .operate-bts > span {
        margin-left: 10px;
        color: #428bca;
        cursor: pointer;
    }
    .operate-bts > span:first-child {
        margin-left: 0;
    }

    /*  启动页管理图片  */
    .start-page-img {
        display: inline-block;
        width: 75px;
        height: 140px;
        line-height: 140px;
        cursor: default;
        opacity: 1;
        overflow: hidden;
    }

    .space-normal {
        white-space: normal;
    }

    .break-word {
        word-wrap: break-word;
    }

    .loginUserName{
        padding:0 12px;
    }


    /*树结构*/
.orgUserPicker-selecte-li .orgUserPicker-selecte-li-box{
    position: relative;
    padding:5px 24px 5px 0;

}
.orgUserPicker-selecte-li .orgUserPicker-selecte-li-deleteImg{
    position: absolute;
    right:0;
    top:4px;
}


.suggestion-org-btn{
    background: #ebebeb;
    line-height: 1.42857143;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 5px 12px;
    font-size: 13px;
    border-radius: 4px;
}


.detail-panel img{
    max-width:100%;
}

.table tr td{
    word-break: break-all;
}


.webuploader-container div:nth-of-type(2){
    left: 50% !important;
    margin-left: -44px !important;
} 

.range-box{
    margin-top: 12px;
    padding: 12px;
    background-color: #fff;
}