/*ҳ��ͷ��*/


body {
    --bg-color: #18b4ed;
    /*������#4285f4*/
}

.f-page-header {
    /*background: #0C86D8;*/
    background-color: #18b4ed;
	
}

.f-page-title {
    color: #fff;
}

.f-page-header:after {
    display: none;
}

.f-page-backbtn {
    color: #fff;
}

.lr-flow-list .lr-list-item {
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 1;
}

.lr-flow-list .lr-list-item .left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    padding-top: 10px;
}

.lr-flow-list .lr-list-item .left .circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
}

.lr-flow-list .lr-list-item .middle {
    position: relative;
    width: 100%;
}

.lr-flow-list .lr-list-item .middle .title {
    font-size: 16px;
    color: #6f6f6f;
    margin-bottom: 5px;
}

.lr-flow-list .lr-list-item .middle .text {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lr-flow-list .lr-list-item .middle .status {
    font-size: 12px;
    margin-top: 2px;
    color: #e8a758;
}

.lr-flow-list .lr-list-item .right {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    color: #999;
}

.lr-list-item-multi>p>span {
    color: #666;
}

.lr-list-item-multi>p {
    line-height: 20px;
}

.lr-list-addbtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    color: #fff;
    border-radius: 50%;
    background-color: #488aff;
    text-align: center;
    line-height: 40px;
    z-index: 10;
}

.lr-list-addbtn>i {
    font-size: 24px;
}


/*����ҳ��*/

.lr-form-page {
    position: relative;
    height: 100%;
    width: 100%;
}

.lr-form-page .container {
    position: relative;
    width: 100%;
    height: 100%;
}

.lr-form-add-page {
    padding-bottom: 46px;
}

.lr-form-page .lr-form-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 46px;
    padding: 5px;
    background-color: #eee;
    display: none;
}

.lr-form-add-page .lr-form-btn {
    display: block;
}

.lr-form-add-page .lr-form-btn button {
    margin: 0;
    height: 36px;
    line-height: 1;
}

.lr-form-header-cancel,
.lr-form-header-submit {
    position: absolute;
    width: 60px;
    height: 100%;
    line-height: 44px;
    text-align: center;
    color: #fff;
    top: 0;
    background-color: #0C86D8;
    font-size: 16px;
    display: none;
}

.lr-form-header-cancel {
    left: 0;
}

.lr-form-header-submit {
    right: 0;
}

.lr-form-header-btnlist {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    line-height: 44px;
    color: #fff;
    display: none;
}

.lr-form-header-btnlist i {
    font-size: 24px;
}

.lr-form-header-more,
.lr-form-header-edit {
    text-align: center;
    width: 40px;
    height: 100%;
    float: right;
}


/*ѡ�����֯��λ��*/

.lr-select,
.tx-select {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: right;
    padding-right: 29px;
}

.lr-select:after {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6a3";
    position: absolute;
    right: 10px;
    top: 0;
    color: #c8c7cc;
}


/*����ѡ���*/

.lr-layerSelect {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: right;
    padding-right: 29px;
}

.lr-layerSelect:after {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6a3";
    position: absolute;
    right: 10px;
    top: 0;
    color: #c8c7cc;
}


/*�༭����*/

.lr-form-row {
    position: relative;
}

.lr-form-row .input-suf-content {
    width: calc(100% - 30px);
}

.lr-form-row .input-suf {
    position: absolute;
    right: 10px;
    color: #999;
    line-height: 40px;
    font-size: 14px;
}

.lr-form-row.lr-edit-gird {
    position: relative;
    padding: 0;
}

.lr-form-row+.lr-edit-gird {
    margin-top: -1px;
}

.lr-form-row+.lr-edit-gird:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
    z-index: 1;
}

.lr-form-container .lr-edit-grid-btn {
    position: relative;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    color: #1d96f0;
    margin-top: -1px;
    padding: 0;
}

.lr-form-container .lr-edit-grid-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.lr-form-container .lr-edit-grid-btn:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.lr-edit-grid-block {
    position: relative;
}

.lr-edit-grid-block:before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.lr-edit-grid-block .lr-edit-grid-row {
    position: relative;
    clear: left;
    overflow: hidden;
    min-height: 40px;
    padding-left: 90px;
    font-size: 14px;
}

.lr-edit-grid-block .lr-edit-grid-row label {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    line-height: 40px;
    text-align: left;
    padding-left: 14px;
}

.lr-edit-grid-block .lr-edit-grid-row:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 14px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.lr-edit-grid-title {
    position: relative;
    background-color: #fafafa;
    color: #999;
    min-height: 30px;
    line-height: 30px;
    padding-left: 14px;
    font-size: 12px;
}

.lr-edit-grid-title:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.lr-edit-grid-deletebtn {
    position: absolute;
    color: #1d96f0;
    top: 0;
    right: 0;
    height: 30px;
    width: 60px;
    text-align: center;
}

.lr-edit-gird[readonly="readonly"] .lr-edit-grid-btn,
.lr-edit-gird[readonly="readonly"] .lr-edit-grid-deletebtn {
    display: none;
}

.lr-label {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
}


/*������ʽ*/

.tx-Item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: white;
    padding: 5px 10px;
    font-size: 14px;
}

.tx-addflex-center {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
}

.tx-Item .tx-item-label,
.lr-list-item .lr-nav-right .tx-label {
    color: #999;
    text-align: right;
    box-sizing: border-box;
    padding-right: 12px;
    width: 82px;
}

.tx-Item .tx-item-text,
.lr-list-item .lr-nav-right .tx-text {
    text-align: left;
    width: calc(100% - 82px);
}

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

.tx-btm-line {
    border-bottom: 1px solid #c8c7cc;
}

.tx-checkbox-item {
    display: flex;
    align-items: center;
    background-color: white;
}

.tx-checkbox-item .checkbox-img {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
}

.tx-checkbox-item .checkbox-img img {
    height: 100%;
    width: 100%;
}

.tx-checkbox-item .checkbox-contect {
    color: #999;
    width: calc(100% - 35px);
}

.tx-select .text {
    padding-right: 10px;
    font-style: italic;
    color: #999;
}

.tx-select::after {
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6d9";
    position: absolute;
    right: 10px;
    top: 0;
    color: #1c80fe;
}

.tx-searchBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 40px;
}

.tx-searchBox .iconfont {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #999;
}

.tx-searchBox .search-text {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin:10px;
        padding-left: 40px;*/
}

.tx-searchBox .searchbtn {
    width: calc(20% - 10px);
    box-sizing: border-box;
    margin-left: 10px;
    color: #1c80fe;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
}

.tx-searchBox .search-text input {
    padding-left: 40px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    margin-bottom: 0;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
    color: red;
}

.tx-select-row {
    padding-left: 14px !important;
    padding-bottom: 10px;
}

.tx-select-row label {
    height: inherit;
    width:calc(100% - 76px);
}

    .tx-select-row .selectcontect {
        line-height: 40px;
       
       
    }

.tx-select-row .selectcontect .selectItem,
.tx-select-row .selectcontect .mustinitem {
    margin-right: 10px;
    /*background-color: #1c80fe;*/
    background: linear-gradient(#65e5fc, #1d96f0);
    color: white;
    border: none;
    padding: 4px 10px;
    margin-top:10px;
}

.tx-select-row .selectcontect .mustinitem::after {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e776";
    /*content: "\e73a";*/
    position: absolute;
    right: -6px;
    top: -10px;
    color: #fa6026;
}

.tx-select-row .selectcontect .selectItem::after {
    font-family: "iconfont" !important;
    font-size: 13px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e80f";
    position: absolute;
    right: -8px;
    top: -8px;
    color: #999;
}

.selectItemtext {
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.selectItemtext .cicle {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}

.selectItemtext::after {
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e80f";
    display: inline-block;
    margin-left: 20px;
    color: black;
}

.tx-hide {
    display: none!important;
}

.tx-hide-noimportant {
    display: none;
}

.tx-no-nav {
    padding-top: 0
}




/* 底部选择按钮用 ，多页调用，勿动 */

.tx-contect-btn {
    width: 100%;
    height: 49px;
    background-color: white;
    position:absolute;
   
    z-index: 10;
    display: flex;
    bottom: 0;
    padding: 0 20px;
    border-top: 1px solid #eee;
}

 .contecttext {
    line-height: 49px;
    font-size: 13px;
    color: #1c80fe;
    width: 80%;
    text-align: right;
    padding-right: 10px;
}

 .contectbtn {
    height: 100%;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .contectbtn .mini-btn {
    font-size: 12px;
    background-color: #1c80fe;
    color: white;
    border: 1px solid #1c80fe;
}
/* 底部选择按钮用 结束 */

.tx-list-imgitem {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    align-items: center;
    line-height: unset;
    padding: 10px 14px;
}

.tx-imgitem-detail {
    width: calc(100% - 56px);
}

.tx-imgitem-title {
    width: 90%;
    display: flex;
    align-items: center;
    padding-bottom: 4px;
}

.title-context {
    color: black;
    font-size: 16px;
    display: inline-block;
    width: calc(100% - 58px);
    padding-left: 5px;
}

.title-type {
    display: inline-block;
    background-color: #fb7235;
    font-size: 12px;
    line-height: 23px;
    height: 23px;
    padding: 0 5px;
    border-radius: 4px;
    color: white;
    text-align: center;
    width: 58px;
}

.tx-img-text {
    width: 90%
}

.board-name {
    /*font-style:italic;*/
    padding-left: 5px;
    display: inline-block;
}

.tx-img {
    width: 56px;
    height: 56px;
}

.tx-full {
    width: 100%;
}

.tx-title-full {
    width: 100%;
    padding-left: 2px;
}

.tx-moduBG-2 {
    background-color: #f48af8 !important;
}

.tx-moduBG-5 {
    background-color: #a271fc !important;
}

.tx-moduBG-4 {
    background-color: #f85858 !important;
}

.tx-moduBG-3 {
    background-color: #1c80fe !important;
}

.tx-moduBG-1 {
    background-color: #fa611d !important;
}

.tx-moduBG-0 {
    background-color: #9cde8f !important;
}


/*.tx-btn-bgColor-0 {
    background-color: #fa611d;
}

.tx-btn-bgColor-1 {
    background-color: #d1a9fa;
   
}
.tx-btn-bgColor-2 {
    background-color: #2199f3;
  
}
.tx-btn-bgColor-3 {
    background-color: #fb6b6b;
   
}
.tx-btn-bgColor-4{
    background-color: #b8f69f;
    color: #666;
}

.tx-btn-bgColor-5 {
    background-color: #b2f2fb;
    color: #666;
}*/


/*��*/

.tx-btn-bgColor-0 {
    /*background-color: #37a7fa;*/
    background: linear-gradient(#65e5fc, #37a7fa)
}


/*��*/

.tx-btn-bgColor-1 {
    /*background-color: #f52f16;*/
    background: linear-gradient(#fe7676, #f52f16)
}


/*��*/

.tx-btn-bgColor-2 {
    /*background-color: #35c402;*/
    background: linear-gradient(#70e56f, #19b72b)
}


/*��*/

.tx-btn-bgColor-3 {
    /*background-color: #ffb817;*/
    background: linear-gradient(#facf58, #ffb817)
}


/*��ɫ*/

.tx-btn-bgColor-4 {
    /*background-color: #f6841b;*/
    background: linear-gradient(#faa065, #f6841b)
}


/*��*/

.tx-btn-bgColor-5 {
    /*background-color: #d93de6;*/
    background: linear-gradient(#dc6cfc, #d93de6)
}

.tx-no-border {
    border: unset;
}


/*��������ҳ��*/

.tx-nosearch-page {
    padding-top: 0;
}


/*������ҳ��*/

.tx-searchpage,
.tx-searchpage-more {
    padding-top: 50px;
}

.tx-page-content-withBtn {
    height: calc(100% - 50px);
}


/*����������ҳ��*/


/*��ťλ��*/

.tx-btn-page-lrPad10 {
    padding: 0 10px;
}

.tx-btn-page-lrPad30 {
    padding: 0 30px;
}

.tx-btn-page-lrPad40 {
    padding: 0 40px;
}

.tx-btn-page-lrPad50 {
    padding: 0 50px;
}

.tx-btn-page-lrPad60 {
    padding: 0 60px;
}

.tx-btn-mt-10vh {
    margin-top: 10vh;
}

.tx-btn-mt-15vh {
    margin-top: 15vh;
}

.tx-btn-mt-8vh {
    margin-top: 8vh;
}

.tx-btn-mt-5vh {
    margin-top: 5vh;
}

.tx-btn-line-blue {
    line-height: 200%;
    font-size: 14px;
    background-color: #2199f3;
    width: 100%;
    color: white;
    border: none;
}


/*��д*/

.lr-list-item-icon>i.iconfont {
    color: var(--bg-color) !important;
}

.lr-list-item-icon>i.iconfont2 {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 20px;
    color: var(--bg-color) !important;
}

.lr-list-item-icon>i.iconfont3 {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 20px;
    color: var(--bg-color) !important;
}

.tx-icon-col {
    color: #488aff;
}

.tx-pagefoot {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.tx-pagefoot button {
    margin-bottom: 0 !important;
}


/*ģ���б�*/

.tx-module-list {
    background-color: white;
    font-size: 12px;
    /* padding: 10px;
    margin-top: 5px;
    border-radius: 3px; */
    border-bottom: 1px solid #f1f1f2;
    margin-top: 5px;
    width: 100%;
}

.tx-module-list .tx-module-head {
    display: flex;
    align-items: center;
    line-height: 40px;
    margin-top: 5px;
}

.tx-module-list .tx-module-head .tx-modult-title {
    width: 60%;
    font-size: 16px;
    text-align: left;
}

.tx-module-list .tx-module-head .tx-modult-btns {
    width: 40%;
    color: #18b4ed;
    text-align: right;
    font-size: 14px;
}

.tx-module-list .tx-module-head .tx-modult-btns span {
    display: inline-block;
    padding: 0 6px;
}

.tx-all-module-contect {
    display: block!important;
}

.tx-module-contect {
    padding: 5px 5px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tx-module-contect .tx-module-item {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    width: 23%;
    position: relative;
    margin: 4px 2px;
}

.tx-module-contect .tx-module-item span {
    display: inline-block;
    padding: 4px 0 8px 0;
    font-size: 12px;
    text-align: center;
}

.tx-module-contect .tx-module-item .tx-module-img {
    width: 70%;
    /* background-color: #c8c7cc; */
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.tx-module-contect .tx-module-item .tx-module-img img {
    height: 100%;
    width: 100%;
}
    .tx-module-contect .tx-module-item .tx-module-img .tx-xin-tubiao {
        background-color: #74d0fe;
         width: 48px; 
         height: 48px; 
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        position:relative;
        
    }
        .tx-module-contect .tx-module-item .tx-module-img .tx-xin-tubiao i {
            font-size: 28px;
            color: white;
        }

.modu-noselected::after {
    font-family: "iconfont" !important;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e80f";
    position: absolute;
    right: 10px;
    top: -3px;
    color: #fc6565;
}
.modu-selected.oldselect::after {
    font-family: "iconfont" !important;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    content: "\e656";
    position: absolute;
    right: -8px;
    top: -10px;
    color: #4caf50;
    background: white;
    border-radius: 50%;
}

.modu-selected .tx-xin-tubiao::after {
    font-family: "iconfont" !important;
    font-size: 18px;
    -moz-osx-font-smoothing: grayscale;
    content: "\e656";
    position: absolute;
    right: -11px;
    top: -10px;
    color: #4caf50;
    background: white;
    border-radius: 50%;
}

.modu-title {
    color: #18a1d5;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 10px;
}

.modu-sub-title {
    font-size: 16px;
    color: #6f6f6f;
    text-align: left;
    line-height: 40px;
    margin-top: 5px;
    /* font-weight: 600;
    line-height: 200%; */
}

.tx-list {
    background-color: #efeff4;
    /* padding-bottom: 10px; */
}

.tx-list .tx-list-title {
    font-size: 10px;
    padding: 5px;
    color: #999;
}

.tx-list .tx-list-body {
    line-height: 150%;
    padding: 10px;
    background-color: white;
}

.tx-list .tx-list-left {
    display: flex;
    justify-content: flex-start;
}

.tx-list .tx-list-left .tx-list-label {
    text-align: right;
    padding-right: 15px;
}

.tx-list .tx-list-label {
    color: #999;
    font-size: 14px;
    width: 90px;
    /*text-align:right;*/
}

.tx-list .tx-list-text {
    color: black;
    font-size: 14px;
    width: calc(100% - 90px);
}

.longlabel .tx-list-label {
    width: 130px;
    font-size: 13px;
}

.longlabel .tx-list-text {
    width: calc(100% - 130px);
}

.suf-icon {
    font-style: italic;
    color: #999;
    padding-left: 8px;
    display: inline-block;
}


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

.mul-search label {
    width: 100px;
}

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


/*������ɫ*/

.text-col-2 {
    color: #31b534;
}

.text-col-1 {
    color: #d1af5c;
}

.text-col-3 {
    color: red;
}

.text-col-0 {
    color: #a85cc6;
}

.text-col-4 {
    color: #fa611d;
}

.text-col-5 {
    color: #56789d;
}

.text-col-6 {
    color: #666;
}


/*���̣����룩�б�*/

.flow-item {
    background-color: white;
    position: relative;
    padding: 10px;
    /* border-bottom: 1px solid #f1f1f2 */
}

.flow-item-content {
    color: #999;
    padding-bottom: 5px;
    /* padding-right: 26px; */
}

.flow-item-cicle {
    display: flex;
    padding-right: 0;
}

.flow-item-content .flow-item-title {
    color: black;
    font-size: 14px;
    padding-bottom: 5px;
}

.flow-item-content .flow-item-title .titlebtn-right {
    display: inline-block;
    padding: 3px 10px;
    margin-left: 10px;
    background-color: #46b4fc;
    color: white;
    border-radius: 4px;
    font-size: 12px;
}

.flow-item-content .flow-item-title .titlebtn-left {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 10px;
    background-color: #46b4fc;
    color: white;
    border-radius: 4px;
    font-size: 12px;
}

.flow-item-content .flow-item-p {
    font-size: 12px;
    line-height: 20px;
}

.tx-page-backbtn {
    position: absolute;
    line-height: 44px;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    min-width: 36px;
    color: white;
}

.pf-5 {
    padding-left: 8px;
}

.noimg {
    width: 55px;
    height: 55px;
    background-color: blanchedalmond;
}

.noimg .noimg-text {
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
}

.noimg .noimg-text .noimg-name {
    /*overflow:hidden;
         text-overflow:ellipsis;
         white-space:nowrap;*/
    font-size: 10px;
    padding: 0px 1px;
}

.noimg .noimg-text .noimg-type {
    font-size: 12px;
    color: #1c80fe;
}

.showtime {
    background-color: #efeff4;
    padding-bottom: 8px;
}

.lr-form-container .lr-form-row.no-bline::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 14px;
    height: 0px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.file-item {
    color: #1c80fe;
    /*display: inline-block;*/
    padding-right: 10px;
    height:36px;
}

.tx-singleSelect {
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: right;
    padding-right: 29px;
}

.tx-singleSelect::after {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6a3";
    position: absolute;
    right: 10px;
    top: 0;
    color: #c8c7cc;
}

.mini-cicel {
    display: inline-block;
    background: #35c402;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    border-radius: 50%;
}

.nopoint {
    pointer-events: none;
}

.textnoshow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cicle-mini-text {
    font-size: 12px;
}

.showdetailbx {
    padding-right: 10px;
    font-size: 14px;
    color: #ff7600;
    display: inline-block;
}

.mini-right-btn {
    font-size: 12px;
    border: 1px solid #c3c3c3;
    color: #c3c3c3;
    border-radius: 15px;
    padding: 3px 8px;
    margin-left: 5px;
}

.pf-10 {
    padding-left: 10px;
}

.pf-18 {
    padding-left: 18px;
}


/*����ѡ��*/

.mul-select-nopage {
    padding-bottom: 48px;
}

.mul-select-nopage .tx-checkbox-item-mul {
    padding: 5px 10px;
    border-bottom: 1px solid #d0cece;
    background-color: white;
}

.mul-select-nopage .checkbox-title {
    font-size: 16px;
    color: black;
    display: flex;
    align-items: center;
    line-height: 28px;
}

.mul-select-nopage .checkbox-title .checkbox-img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.mul-select-nopage .checkbox-title .checkbox-img img {
    width: 100%;
    height: 100%;
}

.checkbox-title .title-text {
    width: calc(100% - 35px);
}

.mul-select-nopage .checkbox-title .bx-money {
    font-size: 14px;
    color: #ff6a00;
    font-style: initial;
    display: inline-block;
    padding: 0px 7px 0px 5px;
}

.mul-select-nopage .checkbox-title .rightbtn {
    font-size: 12px;
    padding: 3px 5px;
    color: white;
    background-color: #4dcaf2;
    border-radius: 4px;
}

.mul-select-nopage .checkbox-detail .checkbox-detail-line {
    padding-left: 24px;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    color: #808080;
}

.mul-select-nopage .checkbox-detail .checkbox-detail-line .line-half {
    width: 49%;
    display: inline-block;
}

.flow-item-selected {
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    border-top: 35px solid #46b4fc;
    border-left: 35px solid transparent;
}

.flow-item-selected::after {
    font-family: "iconfont" !important;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e64b";
    position: absolute;
    right: 2px;
    top: -32px;
    color: white;
}

.buttombtn {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.mb-8 {
    /* margin-bottom: 8px; */
}


/*��Ա�б�*/

.lr-addresslist-page {
    padding-top: 0;
}

.lr-addresslist-page .lr-addresslist-content {
    /*height: calc(100% - 120px);*/
}

.person-list {
    display: flex;
    width: 100%;
    align-items: center;
}

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

.person-list .left-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.person-list .contect {
    margin-left: 10px;
    width: calc(100% - 50px);
}

.person-list .contect .name {
    display: flex;
    padding-bottom: 5px;
    justify-content: space-between;
}

    .person-list .contect .name .name-text {
        font-size: 14px;
        padding-right: 5px;
        color: black;
    }

.person-list .contect .name .role-type {
    font-size: 12px;
    border-radius: 4px;
    background-color: #0094ff;
    color: white;
    padding: 2px 5px;
    margin-left: 10px;
}

    .person-list .contect .text {
        color: #b4b0b0;
        font-size: 12px;
        width: calc(100% - 40px);
    }

    .person-list .contect .name .date {
        color: #b4b0b0;
        font-size: 12px;
    }

.group-line {
    background-color: white;
    padding: 0 10px;
    /* font-size: 14px; */
    line-height: 40px;
}

.group-line::after {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6a3";
    position: absolute;
    right: 10px;
    color: #c8c7cc;
}

.group-line i {
    padding-right: 10px;
}


/*ͷ��*/

.tx-headImgPicke-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.headimg {
    height: 80px;
    width: 80px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.headimgbtn {
    border-radius: 5px;
    background-color: #46b4fc;
    color: white;
    padding: 3px 8px;
    font-size: 12px;
}

.head-div {
    padding-left: 0 !important;
    padding: 18px 0;
}

.tab-count {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    padding: 2px 5px;
    border-radius: 100px;
    position: absolute;
    top: -3px;
    left: 17px;
    font-size: 10px;
}

.hastabcount {
    position: relative;
    height: 24px;
}

.module-count {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    padding: 2px 6px !important;
    border-radius: 100px;
    position: absolute;
    top: -8px;
    right: -12px;
    font-size: 0.8rem !important;
}
.countold {
    top: -8px;
    right: -10px;
}
/*原模块红点样式*/
.module-count-old {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    padding: 2px 5px !important;
    border-radius: 100px;
    position: absolute;
    top: -8px;
    right: 8px;
    font-size: 10px;
}

.modulealltitle {
    text-align: center;
    font-size: 18px;
    color: #46b4fc;
    background-color: rgb(226, 226, 226);
    padding: 8px 0;
    margin-bottom: 10px;
}

.headertabcount {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    padding: 1px 4px !important;
    border-radius: 100px;
    position: absolute;
    top: -6px;
    left: 9px;
    font-size: 10px;
}

.bg-grey {
    background-color: #efeff4;
}

.grey-line-5px {
    height: 5px;
    width: 100%;
    background-color: #efeff4;
}


/* 详情页 */


/* 无底边 */

.tx-textline {
    padding: 5px 10px;
    min-height: 30px;
}

.tx-textline-noline {
    display: flex;
    padding: 5px 0;
    justify-content: flex-start;
    font-size: 14px;
    align-items: center;
}

.tx-textline-title {
    text-align: right;
    color: black;
    width: 80px;
}

.tx-textline-content {
    padding-left: 15px;
    color: #808080;
}
.tx-textline-html{
    padding: 10px 12px;
}

/* 带点列表跳转页 */

.chban-btn {
    padding: 0 10px;
    background-color: white;
    line-height: 46px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.chban-cicle {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff6a00;
    margin-right: 5px;
}

.chban-btn i {
    color: #d3d1d1;
    line-height: 46px;
}

.chban-tip {
    padding: 0 10px;
    line-height: 40px;
    font-size: 12px;
    color: #808080;
}


/* 带序号列表 */

.detail-notitle-item {
    position: relative;
    padding: 10px;
    border-bottom: 8px solid #efeff4;
}

.detail-notitle-content {
    width: calc(100% - 32px);
}

.detail-notitle-line {
    padding: 4px 0;
    font-size: 13px;
    display: flex;
    color: #808080;
    line-height: 150%;
}

.datail-notitle-label {
    color: black;
    width: 80px;
    padding-right: 8px;
    text-align: right;
}

.datail-notitle-text {
    width: calc(100% - 80px);
}

.detail-notitle-index {
    top: 0;
    right: 10px;
    position: absolute;
    width: 30px;
    height: 34px;
    line-height: 34px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #0094ff;
    color: white;
    font-size: 14px;
    text-align: center;
}

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


/* 右边有按钮列表 */

.detail-rightbtn-item {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #efeff4;
}

.detail-rightbtn-content {
    width: calc(100% - 65px);
}

.detail-rightbtn-line {
    padding: 4px 0;
    font-size: 13px;
    display: flex;
    color: #808080;
    line-height: 150%;
}

.datail-rightbtn-label {
    color: black;
    width: 70px;
    padding-right: 8px;
    text-align: right;
}

.detail-rightbtn-text {
    width: calc(100% - 70px);
}

.detail-rightbtn-btn {
    top: 12px;
    right: 10px;
    position: absolute;
    padding: 3px 6px;
    background-color: #0094ff;
    color: white;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    max-width: 60px;
}


/* button 带对错符合 */

.checkbtn {
    display: inline-block;
    padding: 5px 20px 5px 10px;
    font-size: 12px;
    border-radius: 4px;
}

.checkbtn.checkin {
    background-color: rgb(56, 133, 233);
    color: white;
    position: relative;
}

.checkbtn.checkin::after {
    font-family: "iconfont" !important;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e645";
    position: absolute;
    right: 3px;
    top: 6px;
    color: white;
}

.checkbtn.checkout {
    background-color: rgb(80, 80, 80);
    color: white;
    position: relative;
}

.checkbtn.checkout::after {
    font-family: "iconfont" !important;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e7e4";
    position: absolute;
    right: 3px;
    top: 6px;
    color: white;
}

.mb-5px {
    margin-bottom: 5px;
}

.flow-content-left {
    width: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flow-content-left .flow-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*background: #46b4fc;*/
    color: white;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flow-content-right {
    width: calc(100% - 60px)
}

.boolicon-false {
    color: rgb(253, 101, 101);
}

.boolicon-true {
    color: rgb(90, 204, 115);
}

.itemdetail-list {
    position: relative;
    padding-top: 8px;
    padding-right: 5px;
}

.seal-div {
    position: absolute;
    right: 10px;
    top: -44px;
}

.seal-div img {
    height: 70px;
    width: 80px;
}

.detailheader {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #dededf;
}

.header-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.header-name {
    font-size: 14px;
    color: black;
}

.header-text {
    font-size: 12px;
    color: #fd7979;
}

.bg-line {
    background-color: #f0f0f0;
    color: #a3a3a3;
    font-size: 10px;
    padding: 5px 10px;
}

.detail-title-icom {
    font-size: 18px;
    color: #fdc35a;
    padding-right: 10px
}

.detailtype-text {
    font-size: 14px;
    font-weight: 600;
    color: #fd7b5a;
    font-style: italic;
    padding-right: 10px;
}

.detailtype-btn {
    border: 1px solid #aeadaf;
    color: #aeadaf;
    border-radius: 4px;
    padding: 3px 8px;
    font-size: 12px;
}

.detail-item-edit {
    position: relative;
}

.detail-item-edit {
    position: relative;
}

.btn-rb {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #32c964 transparent;
}

.btn-rb::after {
    font-family: "iconfont" !important;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e8e4";
    position: absolute;
    right: 2px;
    top: 24px;
    color: white;
}

.kongimg {
    height: 100%;
    background-image: url(../images/kong.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.flow-item-tap{
    line-height: 35px !important;
}
.timediv-line{
    border-bottom: 1px solid rgb(235, 235, 235);
}

.lr-list-item-icon2 .lr-nav-multi>span{overflow: hidden;}
/* 便签颜色 */
.mynote .color1 ,.note-color1{
    background: #16A085 !important;
    color: #fff !important;
}

.mynote .color2 ,.note-color2{
    background: #2980B9 !important;
    color: #fff !important;
}

.mynote .color3 ,.note-color3{
    background: #8E44AD !important;
    color: #fff !important;
}

.mynote  .color4 ,.note-color4{
    background: #E67E22 !important;
    color: #fff !important;
}

.mynote .color5 ,.note-color5{
    background: #C0392B !important;
    color: #fff !important;
}

.mynote  .color6 ,.note-color6{
    background: #2C3E50 !important;
    color: #fff !important;
}

.mynote .color7 ,.note-color7{
    background: #7F8C8D !important;
    color: #fff !important;
}
/* 便签颜色 结束*/
/*日历*/
.demo-marked {
    padding: 0 !important;
   
}
.md-marked{
    height: 100%;
    position: relative;
}
.marked-content-div{
    height: 100%;
    overflow-y: scroll;
    
}
.marked-add{
    position: absolute;
    z-index: 10;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #007aff;
    top: 326px;
    right: 10px;
    box-shadow: 3px 3px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marked-add i{
    font-size: 26px;
    color: white;
}


.md-marked .md-marked-points {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    margin-right: 12px;
    border-radius: 50%;
    background: #aaa;
}

.md-marked .md-ponts-type1 {
    background: rgb(52, 196, 52);
}

.md-marked .md-ponts-type2 {
    background: rgb(230, 13, 63);
}

.md-marked .md-ponts-type3 {
    background: rgb(204, 204, 0);
}

.md-marked .md-ponts-type4 {
    background: rgb(28, 161, 227);
}

.md-marked .md-ponts-type5 {
    background: rgb(250, 104, 0);
}

.md-i-hide {
    display: none;
}
.md-marked .marked-content{
    width: calc(100% - 30px)
}
.md-marked .marked-item-true{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
}
.marked-item i{
    font-size: 18px;
    color: #b1b1b1;
}
.marked-time i{
    font-size: 14px;
}
.md-marked .icon-col-1{
 color: rgb(250, 104, 0) !important;
}
.md-marked .icon-col-2{
    color: rgb(253, 63, 63) !important;
   }
   .md-marked  .marked-item-left{
    display: flex;
    width: calc(100% - 30px);
    line-height: 22px;
}
.md-marked  .marked-time{
    font-size: 12px;
    color: #808080;
}
.md-marked  .marked-text{
    font-size: 15px;
    color: black;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    
}
.md-marked  .bg-line-linear{
    background: linear-gradient(45deg, #007aff, #fbfbfb);
    height: 8px;
    width: 100%;
}
/* 日历结束 */


/* CheckBox Radio  */
.tx-input-group>label{
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}
.lr-form-container .tx-input-group.border {
    border-bottom: 1px solid #ddd;
}
    .tx-input-group label font {
    color: red;
}
.mui-input-row{
    min-height: 40px;
    clear: left;
    overflow: hidden;
}
.mui-checkbox, .mui-radio{position: relative;}
.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right: 15px;padding-left: 58px;}
.mui-checkbox label, .mui-radio label{    
    display: inline-block;
    float: none;
    width: 100%;
    padding-right: 58px;
}
    .mui-input-row label{    
        font-family: 'Helvetica Neue',Helvetica,sans-serif;
        line-height: 20px;
        float: left;
        padding: 6px 15px;
        font-size: 14px;
    }
    .mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{left:20px;}
    .mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
        position: absolute;
        top: 4px;
        right: 20px;
        display: inline-block;
        width: 26px;
        height: 26px;
        border: 0;
        outline: 0!important;
        background-color: transparent;
        -webkit-appearance: none;
    }
    .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
        float: right;
        width: 65%;
        margin-bottom: 0;
        padding-left: 0;
        border: 0;
    }
    .mui-input-row .mui-btn+input, .mui-input-row label+input, .mui-input-row:last-child{background: 0 0;}
    input[type=checkbox], input[type=radio]{box-sizing: border-box;
        padding: 0;
    }
    .mui-checkbox input[type=checkbox]:checked:before{content: "\e6d4";}
    .mui-checkbox input[type=checkbox]:before{content: "\e6d5";}
    .mui-radio input[type=radio]:before{content:"\e6d7";}
    .mui-radio input[type=radio]:checked:before{content:"\e75b";}
    .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #18b4ed;}
    .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
        font-family: "iconfont" !important;
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        color: #aaa;
        border-radius: 0;
        background: 0 0;
        -webkit-font-smoothing: antialiased;
    }
    /* .mui-input-row:after{
        position: absolute;
        right: 0;
        bottom: 0;
        left: 15px;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    } */
    
    input[type=checkbox].tx-input,input[type=radio].tx-input {
        display: inline-block;
        width: 26px;
        height: 26px;
        border: 0;
        outline: 0!important;
        background-color: transparent;
        -webkit-appearance: none;
    }
    input[type=checkbox].tx-input:checked:before{content: "\e6d4";}
    input[type=checkbox].tx-input:before{content: "\e6d5";}
    input[type=radio].tx-input:before{content:"\e6d7";}
    input[type=radio].tx-input:checked:before{content:"\e75b";}
    input[type=checkbox].tx-input:checked:before, input[type=radio].tx-input:checked:before{color: #18b4ed;}
    input[type=checkbox].tx-input:before, input[type=radio].tx-input:before{
        font-family: "iconfont" !important;
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        color: #aaa;
        border-radius: 0;
        background: 0 0;
        -webkit-font-smoothing: antialiased;
    }
/*   */
.filepicker-item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    /* flex: 0 0 20%; */
    margin-bottom: 8px;
}
.filepicker {
    position: relative;
    min-height: 75px;
    padding: 0 14px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.filepicker-handle {
    text-align: center;
    height: 55px;
    width: 55px;
    background-color: #f6f6f6;
    line-height: 55px;
}
    .filepicker-handle > i {
        font-size: 38px;
        color: #ccc;
    }
.filepicker-selecteditem {
    line-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
   

    /*padding: 5px 0px;*/
}
.filepicker-selecteditem-content i {
    padding: 5px;
    border: 1px solid #cfcfd0;
    font-size: 24px;
    color: #fb7333;
    border-radius: 4px;
}
.filepicker-selecteditem-content .file-icon {
    color: #89d5f9;
}
.filepicker-selecteditem-content .text {
    font-size: 14px;
    color: #808080;
    padding-left: 10px;
}
    /*.filepicker-selecteditem::after {
        font-family: "iconfont" !important;
        font-size: 20px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e80f";
        display: inline-block;
        margin-left: 20px;
        color: black;
    }*/
.remove-selecteditem {
    font-size: 20px;
    color: black;
    padding-left:20px;
}
/*银保三星备注全部隐藏*/
.ybsxhide {
    /*display:none;*/ 
}
.ybsxshow {
    /*display:block!important;*/
}

.lr-form-container .tx-label {
    font-size: 14px;
    padding: 5px 14px;
}
.lr-date:after, .lr-checkbox:after {
    color: #c5c9cc !important;
}
.dept-bigitem {
    width:100%;
}
.report .memory {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid;
    color: #0094ff;
    line-height: 150%;
    font-size: 10px;
    margin-left: 14px;
}

.report .tx-select-row .memory-label {
    width: 50%;
    line-height: 52px;
}

.report .tx-select.memory-select {
    width: unset;
    margin-left: 50%;
    line-height: 52px;
}
.memory-page .nodata {
    text-align: center;
    font-size: 24px;
    padding-top: 20%;
    font-weight: 600;
    color: #b4b4b4;
}
.dialog-text {
    padding:5px 0;
    text-align:left;
    line-height:150%;
}
.dialog-path {
    color:#1c80fe;
    padding:0 2px;
}