/*
  Created by IntelliJ IDEA.
  Date: 2017-9-15
  Time: 13:42
 */
@charset "utf-8";
@import "../../../../pedigreeEditor/css/editTree.css";

html, body {
    width: 100vw;
    height: 100vh;
    min-height: 500px;
    min-width: 1280px;
    position: relative;
    font-family: "creatfont",'PFr9y1';
}

html {
    overflow-y: hidden;
    overflow-x: auto;
}

.cursor {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.pageHeader {
    background-color: #FFFFFF;
    height: 60px;
    position: relative;
    color: #333333;
    box-shadow: #666 0 0px 20px -5px;
    z-index: 999;
}
.pageHeader .logo{
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}
.pageHeader .logo img{
    width: 40px;
    border-radius: 8px;
}
.pageHeader .userInfo{
    height: 35px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.pageHeader .userInfo .userName{
    margin-right: 15px;
    float: right;
}
.pageHeader .userInfo .userName div{
    text-align: right;
    font-weight: bold;
}
.pageHeader .userInfo .messageBox{
    position: relative;
    float: right;
    line-height: 38px;
    margin-right: 20px
}
.pageHeader .userInfo .messageBox span {
    font-size: 24px;
    color: #7B7B7B;
}
.pageHeader .userInfo .userName .title2{
    color: #999999;
}
.pageHeader .userInfo .userPhoto{
    float: right;
}
.pageHeader .userInfo .userPhoto img{
    height: 100%;
    border-radius: 100px;
}
.pageHeader .userInfo .userPhoto i {
    color: #C8C8C8;
}
.pageHeader .listBox, .pageHeader .list-box{
    display: none;
    width: 135px;
    height: 102px;
    border: 2px solid #e6e6e6;
    background: #FFF;
    border-radius: 8px;
    position: absolute;
    top: 70px;
    right: 0px;
    z-index: 999;
    padding: 5px 0;
}
.pageHeader .listBox .line, .pageHeader .list-box .line{
    line-height: 50px;
    font-size: 16px;
    padding: 0 15px;
}
.pageHeader .listBox .line i, .pageHeader .list-box .line i {
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.pageHeader .headerLeft {
    color: #4c4c4c;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 80px;
    font-size: 14px;
    transform: translateY(-50%);
}
.pageHeader .headerLeft .layui-icon{
    color: #c2c2c2;
    font-size: 14px;
    margin: 0 3px;
    font-weight: normal;
}
.pageHeader .headerLeft .mfbIconfont{
    font-weight: normal;
}


.pageHeader .headerLeftOem {
    color: #4c4c4c;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 16px;
    transform: translateY(-50%);
    padding-left: 20px;
}
.pageHeader .headerLeftOem .layui-icon{
    color: #c2c2c2;
    font-size: 14px;
    margin: 0 3px;
    font-weight: normal;
}
.pageHeader .headerLeftOem .mfbIconfont{
    font-weight: normal;
}




.pageHeader .headerRight{
    display: none;
    position: absolute;
    top: 50%;
    right: 160px;
    transform: translateY(-50%);
    /*display: flex;*/
}
.headerRight .layui-btn {
    height: 34px;
    line-height: 30px;
    padding: 0 10px;
    margin: auto 5px;
}
.headerRight .layui-btn i {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.headerRight .EBtnsControl{
    position: absolute;
    top: -999999px;
}
.headerRight .topBtns {
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    margin-left: 5px;
}
.headerRight .ETcard{
    display: inline-block!important;
}
.headerRight .topBtns .icon{
    height: 22px;
}
.headerRight .topBtns .icon i{
    font-size: 20px!important;
    margin: 0!important;
}
.headerRight .topBtns .tag{
    font-size: 13px;
}
.headerRight .select{
    background-color: #F93b00!important;
    color: #FFFFFF!important;
}
.headerRight .topBtns:hover{
    background-color: #F93b00!important;
    color: #FFFFFF!important;
}


.EFullScreenOem {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    height: 60px;
    line-height: 60px;
}
.pageHeader .headerRightOem{
    position: absolute;
    top: 50%;
    right: 65px;
    transform: translateY(-50%);
    display: none;
}
.headerRightOem .layui-btn {
    height: 34px;
    line-height: 22px;
    padding: 0 10px;
    margin: auto 5px;
}
.headerRightOem .layui-btn i {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.headerRightOem .EBtnsControl{
    position: absolute;
    top: -999999px;
}
.headerRightOem .topBtns {
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    margin-left: 5px;
}
.headerRightOem .topBtns .icon{
    height: 22px;
}
.headerRightOem .topBtns .icon i{
    font-size: 20px!important;
    margin: 0!important;
}
.headerRightOem .topBtns .tag{
    font-size: 13px;
}
.headerRightOem .select{
    background-color: #F93b00!important;
    color: #FFFFFF!important;
}
.headerRightOem .topBtns:hover{
    background-color: #F93b00!important;
    color: #FFFFFF!important;
}



.select-hover:hover{
    background: rgba(249, 59, 0, 0.06);
    color: #F93B00;
}
.pointer{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.searchGraps{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -160px;
    width: 150px;
}
.searchGraps input{
    height: 34px;
    text-indent: 25px;
}
.searchGraps .searchIcon{
    position: absolute;
    top: 7px;
    left: -6px;
    color: #808080;
}
.searchGrapList{
    position: absolute;
    top: 50px;
    z-index: 50;
    max-height: 163px;
    min-width: 300px;
    border: 1px solid #ccc;
    display: none;
    background: #fff;
    overflow-y: hidden;
}
.searchGrapList table{
    width: 100%;
}
.searchGrapList .list {
    height: 40px;
    line-height: 40px;
    min-width: 300px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}
.searchGrapList .list td{
    color: #808080;
    font-size: 14px;
}
.searchGrapList .list td:first-child{
    padding-left: 10px;
}
.searchGrapList .list.end{
    border: none;
}
.searchGrapList .list:hover{
    background: #f5f5f5;
}
.searchGrapList .list.active{
    background: #ececec;
}
.pageContent {
    position: relative;
    height: calc( 100vh - 60px );
}
.detailCont {
    height: 100%;
    padding-left: 70px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.hideNav .detailCont{
    padding-left: 0;
}
.detailBlock {
    width: 100%;
    height: 100%;
    position: relative;
}

/*左侧工具栏*/
.pageTool {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
    background: #ebebeb;
    box-sizing: border-box;
    z-index: 20;
}
.hideNav .pageTool{
    top:-5000px;
    width: 0;
}

.hidePageTool {
    height: 50px;
    line-height: 50px;
    color: #c9c9ca;
    text-align: center;
}

.hideNav .hidePageTool{
    position: fixed;
    top:80px;
    left:0;
    width: 70px;
    height: 48px;
    background: #ebebeb;
    z-index: 25;
}
.pageToolList {
    padding: 0px;
    margin: 0;
}

.pageToolList li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 70px;
    height: 90px;
    position: relative;
    text-align: center;
}

.pageToolList li a {
    width: 100%;
    height: 100%;
    display: block;
}

.pageToolList li i, .pageToolList li span {
    position: absolute;
    text-align: center;
    left: 22px;
}

.pageToolList li.active i, .pageToolList li.active span, .pageToolList li:hover i, .pageToolList li:hover span {
    color: #F93b00;
}
.pageToolList li.active span{
    font-weight: bold;
}
.pageToolList li.active, .pageToolList li:hover {
    background: #fff;
}

.pageToolList li i {
    color: #808080;
    font-size: 28px;
    top: 15px;
}

.pageToolList li span {
    color: #4c4c4c;
    font-size: 14px;
    top: 50px;
}

/********左侧工具栏 End*******/

.menuCont {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    width: 250px;
    z-index: 5;
    overflow: auto;
    border-right: 1px solid #e6e6e6;
    transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
}

.detailBlock.hideMenu .menuCont{
    left: -250px!important;
}
.treeEdit {
    height: 117px;
    background: #fff;
}

.treeEditBtns {
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    position: relative;
}

.treeEditBtns .mfbIconfont,.treeEditBtns .bpIconfont {
    padding: 0 9px;
    color: #d2d2d2;
    cursor: default;
    font-size: 20px;
    pointer-events: none;
    box-sizing: border-box;
    width: calc( 20% - 6.5px);
    display: inline-block;
}

.treeEditBtns .mfbIconfont.cursor,.treeEditBtns .bpIconfont.cursor {
    color: #8f8f8f;
    cursor: pointer;
    pointer-events: auto;
}

.treeEditBtns .mfbIconfont.cursor:hover {
    color: #f60;
}
.treeEditBtns .bpIconfont.cursor:hover {
    color: #f60;
}
.cursorAct{
    border-color: #F93b00;
    color: #f60;
}
.treeEditBtns .treeEditControl.cursor{
    position: absolute;
    right: -2px;
    top: -1px;
    width: 23px;
    height: 40px;
    font-size: 18px;
    margin: 0 2px;
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #b8b8b8;
    text-align: center;
    padding: 0;
}
.detailBlock.hideMenu .menuCont .treeEditBtns .treeEditControl.cursor{
    right:-27px;
    background: #d9d9d9;
    border-color: #d9d9d9;
}
.TypeLists{
    font-size: 14px;
    text-align: center;
    width: 50%;
    float: left;
    background: #f2f2f2;
    color: #333333;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.TypeLists.active{
    background: #fff;
    font-weight: bold;
}
.treeEditSearch {
    height: 38px;
    line-height: 38px;
    position: relative;
}

.treeSearchInput {
    color: #808080;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

.restSearchCont {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 20px;
    z-index: 10;
    color: #8f8f8f;
}

.addDirBlock {
    margin: 20px;
}

.addDirbtns {
    text-align: right;
}

.addDirbtns .layui-btn-primary {
    padding: 0 35px;
    border-radius: 0;
    margin-left: 20px;
}

.layui-btn-primary:hover {
    border-color: #F93b00;
    color: #f60;
}

.addPageBlock {
    padding: 20px 20px 0;
}

.dirSelectList {
    height: 200px;
    border: 1px solid #e6e6e6;
    overflow: auto;
}

.selectDir {
    font-size: 14px;
    color: #808080;
    line-height: 36px;
}

.selectDir .layui-tree-spread {
    display: none !important;
}

#editTree {
    padding: 10px;
    box-sizing: border-box;
}

.pedigreeCont {
    height: 100%;
    padding-left: 250px;
}

.detailBlock.hideMenu .pedigreeCont,.hideNav .pedigreeCont{
    padding-left: 0px!important;
}
.spouseCont {
    height: 155px;
    margin: 0;
    padding: 0 20px;
    position: relative;
}

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

.showspuChild {
    background: #f7f7f7;
    font-size: 12px;
    line-height: 24px;
}

.spouseTitle {
    text-align: center;
    height: 36px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    color: #c9c9c9;
    margin-bottom: 5px;
    padding: 0 20px
}

.spouseTitle .layui-col-md4 {
    height: 36px;
    line-height: 35px;
    text-align: left;
    text-indent: 40px;
}

.spouseCont .spouList {
    line-height: 35px;
    color: #808080;
    text-align: left;
    text-indent: 40px;
}

.yjp {
    color: #f61515;
}

.spouseCont .spouList .mfbIconfont {
    margin: 0 10px;
}
.addWritings .layui-form-label{
    width: 52px;
    padding: 0;
    line-height: 36px;
}
.addWritings .layui-input-block {
    margin-left: 67px;
}

@media screen and (max-height: 800px) {
    .pageToolList li {
        height: 58px;
    }

    .pageToolList li i {
        top: 10px;
    }

    .pageToolList li span {
        top: 35px;
    }
}



/*统计相关*/
.sumTitle{
    height: 40px;
    font-size: 16px;
    color: #333333;
    background: #f9f9f9;
    position: relative;
    line-height: 42px;
    padding-left: 8px;
    position: relative;
}
.sumTitle i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
}
.sumTitle i:hover{
    color: #F93b00;
}
.clumSJ{
    padding: 20px;
}
.clumSJ .sumBlocks{
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}
.clumSJ .sunCharts .proconts{
    height: 190px;
}

.clumSJ .chartsCont{
    height: 225px;
    width: 481px;
}
.clumSJ .sunCharts .blocks{
    height: 195px;
}
.clumSJ .firsConts,.clumSJ .firsConts .tabList{
    height: 100px;
}
.clumSJ .firsConts .tabList .bigNUm{
    line-height: 40px;
    font-weight: bold;
}
.clumSJ .firsConts .tabList{
    padding:12px 50px;
}
.clumSJ .firsConts .tabList,.clumSJ .secConts .tabList{
    width: 25%;
}
.clumSJ .secConts{
    height: 60px;
}
.clumSJ .secConts .tabList{
    height: 60px;
    padding: 10px 50px;
}
.clumSJ .secConts,.clumSJ .secConts .tabList .bigNUm{
    line-height: 30px;
}
.overViewCont{
    max-width: 1920px;
    margin: 30px auto;
    padding: 0 40px;
}
.overViewContOem{
    width: 1180px;
    margin: 30px auto;
    padding: 0 20px;
}
.sumBlocks{
    border: 1px solid #e6e6e6;
    margin-bottom: 8px;
    background: #fff;
}
.proconts{
    margin: 15px 35px;
    height: 285px;
}
.blocks{
    width: 49%;
    float: left;
    height: 285px;
    box-sizing: border-box;
    position: relative;
}
.blocksLine{
    border-left: 1px solid #e6e6e6;
    padding-left: 95px;
}
.overViewCont p,.overViewCont .sums{
    color: #808080;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
}
.overViewCont .hTitle{
    float: left;
    width: 50%;
}
.overViewContOem p,.overViewContOem .sums{
    color: #808080;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}
.blockTale{
    height: 150px;
    background: #fff;
}

.tabList{
    box-sizing: border-box;
    width: 20%;
    float: left;
    height: 150px;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 30px 0 30px 30px;
}
.tabListEnd{
    border-right: none;
}
.tabList p{
    color: #808080;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
}
.tabList .bigNUm{
    color: #333333;
    font-size: 24px;
    line-height: 56px;
}
.tabList .littles{
    font-size: 12px;
    color: #333333;
}
.tabList .littles span{
    color: #F93b00;
}
.sumsNums{
    width: 30%;
    float: left;
}
.sumsNums .mfbIconfont,.sumsNums .bpIconfont{
    margin-right: 10px;
}
.smallName,.proconts .role{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    border-radius: 15px;
    position: relative;
    top:10px;
    margin: 0 5px 0 0;
}
.smallNames,.proconts .role img{
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 15px;
    position: relative;
}
.proconts .roleName{
    font-size: 12px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.sunCharts #proconts{
    height: 350px;
    width: 100%;
    margin-left:13px;
    margin-right:13px;
    margin-bottom:20px;
}
.sunCharts .proconts{
    height: 350px;
    padding-top: 55px;
}
.sunCharts .blocks{
    height: 320px;
}
.chartsTitle{
    position: absolute;
    left: 0px;
    top: -65px;
}
.blocksLine .chartsTitle{
    left: 40px;
}
.chartsCont{
    width: 515px;
    height: 345px;
    position: absolute;
    top:-20px;
    left: 0;
}
.blocksLine .chartsCont{
    left: 42px;
}
.backResA{
    margin-right: 15px;
}
.backResA:hover{
    color: #F93b00;
}
.showContResNames{
    display: none;
}

/*概览改版*/
.sumTopsp{
    position: relative;
}
.projectDetail{
    width: 100%;
    position: relative;
}
.projectDetail .proconts{
    height: 165px;
    margin: 10px 35px;
}
.importLv{
    position: absolute;
    left:50%;
    top:55px;
}
.sums{
    display: flex;
    justify-content: space-between;
}
.sums .sumsNums i{
    font-size: 18px;
    position: relative;
    top: 1px;
}
.sumsOem{
    position: absolute;
    left: 50%;
    top:95px;
    width: 45%;
}
.projectButBox{
    display: flex;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
.projectButBox .but{
    text-align: center;
    cursor: pointer;
}
.projectButBox .but i {
    font-size: 17px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.projectButBox .but:hover{
    color: #F93b00;
}
.openDoubt{
    height: 400px;
    width: 420px;
    text-align: center;
    position: relative;
}
.openDoubt img{
    width: 360px;
    margin-top: 15px;
}
.openDoubt .payTitle{
    font-size: 18px;
    text-align: center;
    margin-top: 6px;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.projectButBox .p_url{
    margin-left: 30px;
}
.leftsums{
    width: 50%;
    padding-right: 20px;
}
.vjpConts  .proconts{
    height: 170px;
    margin: 10px 15px 0;
}
.rightSums{
    position: absolute;
    width: 48%;
    height: 100%;
    top:0;
    right: 0;
}
.activeLogCont{
    height: 415px;
    overflow: hidden;
}
/*
.logList{
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #e6e6e6;
}*/
.activeLogCont .layui-table,.SCDright .layui-table{
    margin: 0;
    font-size: 14px;
    width: 101%;
    position: relative;
    left: -1px;
}
.ColtLog{
    position: relative;
}
.activeLogCont .layui-table tr{
    height: 37px;
    line-height: 37px;
}
.activeLogCont .layui-table thead tr{
    height: 47px;
    line-height: 47px;
    color: #808080;
}
.activeLogCont .layui-table td{
    color: #808080;
    min-height: 20px;
    line-height: 20px;
    font-size: 13px;
    padding: 0px 9px;
}
.activeLogCont .layui-table td .tbNames{
    color: #4c4c4c;
    width: 150px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.activeLogCont .layui-table td i{
    margin-right: 10px;
}
.vjpConts{
    position: relative;
}
.vjpConts .proconts p{
    height: 32px;
    line-height: 32px;
}
.proconts p strong{
    color: #4c4c4c;
}
.groupCode{
    width: 116px;
    position: absolute;
    top:12px;
    right: 40px;
    text-align: center;
}
.groupCode div{
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: #ccc;
}
.showNameAndPx{
    width: 136px;
    height: 100px;
    position: absolute;
    top: 114px;
    left: 232px;
    text-align: center;
}
.showNameAndPx h1{
    color: #c23531;
    font-size: 32px;
    margin: 0;
}
.showNameAndPx p{
    color: #4c4c4c;
    font-size: 16px;
}
.showClassify .tabList{
    width: 33.3%;
}
.showClassify .pedigreeLogs .tabList{
    width: 16.66%;
}
.showClassify .tabList .bigNUm{
    line-height: 100px;
}
.showClassify .tabList p{
    line-height: 32px;
}
.showClassify td{
    color: #4c4c4c;
    height: 50px;
}
.showLIstTable tr td:first-child{
    text-indent: 60px;
}
.showClassify,.showTreeLog{
    padding: 20px;
}
/*谱系资源详情*/
.showCopreDetail{
    height: 592px;
}
.SCDleft,.SCDright{
    float: left;
    width: 50%;
    height: 592px;
    box-sizing: border-box;
    padding-right: 10px;
}
.SCDright{
    padding-left: 10px;
    padding-right: 0;
}
.rootList{
    padding: 10px 20px 0 20px;
    height: 57px;
    overflow: auto;
}
.rootList .ftCClist{
    display: inline-block;
    margin: 10px 10px;
}
.SCDright td{
    height: 50px;
}
.showLogs{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.blodNames{
    color: #1d1d1d;
    font-weight: bold;
}
.blodNames.cursor:hover, .blodNames .cursor:hover, .turnMenu:hover{
    color: #F93b00;
}
.turnMenu{
    color: #d6d6d6
}
/*项目设置*/
#prosetting{
    cursor: pointer;
}
.setBloscks{
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
    color: #666666;

}
.setLefts{
    position: absolute;
    left: 0;
    top:0;
    width: 150px;
    height: 100%;
}
.setOpt{
    width: 150px;
    height: 42px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    line-height: 42px;
    text-indent: 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.setOpt:hover,.setOpt.active{
    background: #fff;
    border: none;
    color: #F93b00;
}
.setEps{
    width: 150px;
    height: 600px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-sizing: border-box;
}
.setRights{
    margin-left: 150px;
    height: 100%;
    position: relative;
    background: #fff;
}
.setBtns{
    height: 77px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 20px;
    width: 100% ;
}
.setConts{
    height: 435px;
    width: 100%;
}
.setCList{
    display: none;
}
.EDblocks{
    border: 1px solid #e6e6e6;
    height: 30px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 20px;
}
.EDblocks span{
    display: block;
    float: left;
    width: 98px;
    text-indent: 10px;
}
.intListSel{
    position: relative;
}
.EDout{
    width: 500px;
}
.EDSl{
    position: absolute;
    top:8px;
    right: 0;
}
.intListSel .layui-form-checked[lay-skin=primary] i {
    border-color: #fa5151;
    background-color: #fa5151;
}

.intListSel .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #fa5151;
}
.bContsLis{
    display: none;
}
/*生成*/
.buildCtitle{
    height: 42px;
    box-sizing: border-box;
    background: #f5f5f5;
}
.bcCenter{
    width: 360px;
    margin: 0 auto;
}
.bcCenter:after{
    clear: both;
    display: none;
    content: " ";
}
.buildList{
    float: left;
    text-align: center;
    width: 61px;
    line-height: 42px;
    height: 42px;
    box-sizing: border-box;
}
.buildList:hover,.buildList.active{
    cursor: pointer;
    border-bottom: 2px solid #F93b00;
}
.buildCConts{
    height: 390px;
}
.buildKjImgs{
    width: 302px;
    height: 200px;
    margin: 30px auto 20px;
    position: relative;
}
.pgymOut,
.pgymIn,
.pgyjOut,
.pgyjIn{
    width: 14px;
    height: 3px;
    position: absolute;
    background: #999999;
}
.pgymOut.active,
.pgymIn.active,
.pgyjOut.active,
.pgyjIn.active{
    background: #fa0c0c;
}
.pgymOut,
.pgymIn{
    top:19px;
}
.pgyjOut,
.pgyjIn{
    bottom: 20px;
}
.pagekjSet{
    width: 401px;
    margin: 0 auto;
}
.pgym,.pgyj{
    width: 200px;
    float: left;
}
.pgSelect{
    margin: 20px 20px 20px 0;
}
.pgsName{
    background: #e6e6e6;
    width: 50px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    float: left;
}
.pgsNS{
    width: 130px;
    float: left;
}
.pgsNSAfter{
    clear: both;
    height: 0;
}
.pgsNS select{
    width: 100%;
}
.pgsNSDW{
    line-height: 38px;
    float: left;
    margin-left: 5px;
}
.bkStyleIP{
    width: 270px;
    height: 200px;
    padding: 10px;
    text-align: center;
    float: left;
}


/*--封面----*/
.bViewConts{
    width: 531px;
    margin: 0 auto;
}
.bPaper.bViewConts{
    width: 100%;
}
.bViewList{
    width: 176px;
    height: 185px;
    box-sizing: border-box;
    padding: 25px 0;
    float: left;
}
.bPaper .bViewList{
    width: 160px;
}
.bViewCI{
    width: 90px;
    height: 123px;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 5px;
    position: relative;
    cursor: pointer;

}
.bcIPg{
    width: 90px;
    height: 123px;
}
.selectBview{
    position: absolute;
    bottom: 5px;
    right: 5px;
}
/*发布*/
.cTitle{
    height: 36px;
    line-height: 36px;
    text-indent: 15px;
    position: relative;
    font-size: 16px;
    color: #808080;
}
.cTitle:before{
    content: " ";
    position: absolute;
    left: 2px;
    top: 7px;
    width: 6px;
    height: 21px;
    background: #F93b00;
}
.cTitle span{
    color: #999999;
    font-size: 12px;
    margin-left: 5px;
}
.contBlocks{
    padding: 10px 0;
}
.contBlocks .layui-form-label{
    text-align: left;
    color: #666666;
    box-sizing: border-box;
    width: 80px;
    height: 30px;
    line-height: 27px;
    padding: 5px;
}
.contBlocks .layui-input-block{
    margin-left: 80px;
}
.contBlocks .layui-input-block input{
    height: 30px;
}
.submitBtns{
    width: 110px;
    height: 40px;
    border: 1px solid #F93b00;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    background: #F93b00;
    color: #fff;
    margin: 20px 0 100px 248px;
}
.submitBtns:hover{
    background: #ff835c;
}
.pageUpdateblocks{
    position: relative;
    height: 160px;
}
.pageUpdateblocks .imgCont,.imgCont img{
    width: 230px;
    height: 129px;
}
.pageUpdateblocks p{
    width: 220px;
    color: #b2b2b2;
    font-size: 12px;
    margin-top: 10px;
}
.upimgBtn{
    position: absolute;
    right:20px;
    top:25px;
}
/*团队*/
.contBlocks textarea{
    height: 240px;
    resize: none;
}
.roleSelectSp p{
    padding:5px 15px;
    color: #666666;
}
.role{
    display: inline-block;
    width: 43px;
    height: 43px;
    position: relative;
    margin: 10px;
}
.roleName{
    float: left;
    width: 43px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 14px;
    background: #e66868;
    border-radius: 22px;
    text-align: center;
    overflow: hidden;
}
.roleDelOV,.roleDel{
    color: #999;
    font-size: 16px;
    font-weight: bolder;
    height: 20px;
    width: 20px;
    line-height: 23px;
    position: absolute;
    top: -5px;
    right: -6px;
    background: #fff;
    display: none;
    border-radius: 16px;
    border: 1px solid #bfbfbf;
    opacity: 0.75;
    text-align: center;
}
.role:hover .roleDelOV,.role:hover .roleDel{
    display: block;
}
.role img{
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 22px;
}
.roleADD{
    margin: 7px;
    width: 30px;
    height: 30px;
    border: 1px dashed #b3b3b3;
    color: #b3b3b3;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    float: left;
}
.roleADD:hover{
    color: #F93b00;
    border-color: #F93b00;
}




.addpars{
    padding: 20px 0;
    height: 310px;
    overflow: hidden;
}
.searchCont{
    position: relative;
    margin: 0 20px;
}
.searchBtns{
    color: #808080;
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
    top:0;
    left:0;
    text-align: center;
}
.searchBtns:hover,.addAlls:hover{
    color: #F93b00;
}
.addAlls{
    color: #808080;
    height: 38px;
    line-height: 38px;
    position: absolute;
    top:0;
    right: 0;
    padding-right: 10px;
}
.listTtitle{
    padding: 5px 20px;
    color: #808080;
}
.listCont{
    height: 190px;
    overflow: hidden;
    margin: 0;
    width: 100%;
}
.listmp{
    height: 40px;
    line-height: 40px;
    padding:0 20px;
}
.listmp:hover{
    background: #f0f0f0;
}
.listmp img{
    margin: 0 10px;
    width: 25px;
    height: 25px;
    border-radius: 18px;
    border: 1px solid #f0f0f0;
}
.searchInt{
    text-indent: 22px;
}
.addParBottom{
    padding: 0 20px;
    text-align: right;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    overflow: auto;
}

::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    min-height: 25px;
    min-width: 25px;
    border: 1px solid #e0e0e0;
}

::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: 1px solid #efefef;
}



.layui-layer-msg.layui-layer-diagramMsg{
    min-width: 270px;
}
.layui-btn.guideBtns{
    background: #F93b00;
    color: #fff;
    border-color:transparent;
}

.OhjOutWrite {
    padding: 0 10px;
    height: 40px;
}
.selectWrite ,.OhjOutImgsConts{
    width: 33%;
    float: left;
    text-align: center;
}
.selectWrite .layui-form-radio i:hover,.selectWrite .layui-form-radioed i{
    color: #F93b00;
}
.OhjOutImgs{
    padding: 10px 10px 0;
    height: 375px;
}
.OhjOutImgsConts img{
    height: 375px;
}
.privacyOut{
    margin: 10px;
    border: 1px solid #efefef;
    color: #9a9999;
    text-align: center;
    padding: 15px 0;
}
.versionBlocking{
    position: relative;
}



.prcentBox{
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.miniProBox{
    padding: 10px 0 15px;
    text-align: center;
    position: relative;
}
.qrCodeBox{
    width: 138px;
    height: 138px;
    position: absolute;
    top: -148px;
    width: 100% ;
    display: none;
}
.miniProBox:hover .qrCodeBox{
    display: block;
}
.qrCodeBox img{
    width: 138px;
    height: 138px;
    box-shadow: #666 0 0px 20px -5px;
    background-color: #FFFFFF;
}
.seeMorePrice{
    width: 200px;
    margin: 0 auto;
    font-size: 14px;
    color: #808080;
}
.seeMorePrice img{
    position: relative;
    top: -2px;
}
.seeMorePrice a{
    color: #F93b00!important;
    text-decoration: none!important;
    float: right;
}
.prcentBoxInners{
    width: 186px;
    margin: 0 auto;
    font-size: 12px;
    color: #808080;
}
.tsSHhowTitle span{
    color: #F93b00;
}
.tsSHhowLine{
    width: 100%;
    height: 10px;
    background: #d1d1d1;
    text-align: left;
    overflow: hidden;
    margin-top: 15px;
}
.prcentBoxUpLvBtns{
    float: right;
    cursor: pointer;
}
.showUse{
    display: inline-block;
    height: 10px;
    background: #F93b00;
}
/*对照录入样式*/
.resViewBox{
    display: none;
}
.resViewBox.showRes{
    height: 100%;
    float: left;
    width: 600px;
    display: block;
}
.normalViewBox.showRes{
    margin-left: 600px;
}
.creatFontBtnsACT{
    position: absolute;
    z-index: 99;
    bottom: 98px;
    left: 356px;
    padding: 10px 20px;
    background: #F93b00;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.creatFontBtnsACT2{
    position: absolute;
    z-index: 99;
    bottom: 98px;
    left: 500px;
    padding: 10px 20px;
    background: #F93b00;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.thisChengDefault {
    margin-left: 10px;
    cursor: pointer;
    font-size: 18px!important;
    position: relative;
    top: 1px;
}
.moreInfoForms .layui-form-item .layui-form-label{
    padding: 9px 15px 9px 0;
    width: 70px;
    text-align: right;
}
.moreInfoForms .layui-form-label span,.baseIngoForms .layui-form-label span{
    color: red;
    position: relative;
    top: 3px;
}
.dialogTitleTips{
    font-size: 12px;
    margin-left: 10px;
}
.dialogTitleTips span{
    color: #F93b00;
}
input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"],
.showUsers .layui-disabled {
    background: #e6e6e6;
    cursor: not-allowed;
    color: #333 !important;
}
.tipToChangeProject {
    position: absolute;
    z-index: 15;
    right: 12px;
    line-height: 40px;
    font-size: 12px;
    color: #333;
}

.tipToChangeProject span {
    display: inline-block;
    padding: 2px 15px;
    line-height: normal;
    background: #F93b00;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 5px;
}
.controlWidth{
    position: absolute;
    left: 248px;
    width: 3px;
    height: 100%;
    top: 0;
    background: #ccc;
    z-index: 999;
    cursor: col-resize;
}
.rightReSizeXControl{
    position: absolute;
    left: -1px;
    width: 3px;
    height: calc( 100% + 50px );
    top: -51px;
    background: #ccc;
    z-index: 999;
    cursor: col-resize;

}
.titleH1{
    font-size: 16x;
}
.uFilesTableSbtn{
    background-color: #F93b00!important;
}
.confirmImport .layui-layer-btn .layui-layer-btn0{
    background-color: #F93b00!important;
    border-color:#F93b00!important;
}
.drListBox .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #F93b00!important;
    border-color:#F93b00!important;
}
.drListBox .layui-laypage{
    margin: 0!important;
}
.drListBox .layui-laypage a:hover{
    color: #F93b00!important;
}
.drListBox .layui-laypage input:focus, .drListBox .layui-laypage select:focus{
    border-color: #F93b00!important;
}
.drListBox .layui-table .layui-table-cell{
    font-size: 13px!important;
    height: 26px!important;
    line-height: 30px!important;
}
.drListBox .layui-table-page{
    position: relative;
    top: -10px;
}
/**
续谱事件弹出层样式
 */
.eventAddBox,.eventUpdateBox{
    padding: 15px 20px 0;
    height: 565px;
    overflow: auto;
}
.eventTitle{
    position: relative;
    display: flex;
    background-color: #E7E7E7;
    margin: 10px 0;
    cursor: pointer;
    height: 60px;
}
.eventUpdateBox .eventTitle:before{
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 6px;
    height: 36px;
    background: #F93b00;
}
.eventUpdateBox .eventTitle:before{
    content: " ";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 6px;
    height: 36px;
    background: #2878FC;
}
.eventTitle .line1{
    font-size: 16px;
    color: #808080;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
}
.eventTitle .line1 .title{
    line-height: 24px;
    color: #333;
}
.eventTitle .line1 .tisp{
    font-size: 12px;
    line-height: 18px;
    position: relative;
    left: -7px;
}
.eventTitle .line2{
    line-height: 32px;
    display: flex;
    position: absolute;
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
}
.eventTitle .line2 img{
    width: 32px;
    height: 32px;
    line-height: 36px;
    border-radius: 100px;
    margin-right: 5px;
}
.eventTitle .line2 div{
    line-height: 18px;
}
.eventTitle .upBut{
    position: absolute;
    top: 47%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 12px;
}
.eventTitle .upBut i {
    position: relative;
    top: 1px;
    left: 2px;
}
.eventNode {
    line-height: 48px;
    color: #333333;
    display: flex;
    position: relative;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 40px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}
.eventUpdateBox .eventNode:hover{
    background: #2878fc29 !important;
}
.eventAddBox .eventNode:hover{
    background: #f93b0029 !important;
}
.eventAddBox .eventNode .tisp .s1{
    color: #F93b00;
    font-weight: bold;
}
.eventUpdateBox .eventNode .tisp .s1{
    color: #2878FC;
    font-weight: bold;
}
.eventNode .tisp .s2{
    margin-left: 50px;
    font-weight: bold;
}
.eventNode .tisp .isUpdate{
    margin-right: 20px;
}
.eventNode .butBox{
    display: flex;
}
.eventUpdateBox .eventNode .butBox .addBut{
    height: 24px;
    line-height: 24px;
    background: #2878FC;
    color: #FFFFFF;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 12px;
    font-size: 14px;
}
.eventUpdateBox .eventNode .butBox .lookBut{
    height: 24px;
    line-height: 24px;
    background: #2878FC;
    color: #FFFFFF;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 12px;
    margin-left: 10px;
    font-size: 14px;
}
.eventAddBox .eventNode .butBox .addBut{
    height: 24px;
    line-height: 24px;
    background: #F93b00;
    color: #FFFFFF;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 12px;
    font-size: 14px;
}
.eventAddBox .eventNode .butBox .lookBut{
    height: 24px;
    line-height: 24px;
    background: #F93b00;
    color: #FFFFFF;
    width: 60px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 12px;
    margin-left: 10px;
    font-size: 14px;
}
.eventNode .butBox div:hover{
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.endEvent {
    background-color: #b2b2b2!important;
}
.my-skin .layui-layer-btn .layui-layer-btn0{
    background-color: #F93B00;
    border-color: #F93B00;
}
.cPhoto{
    display: block!important;
    margin: 0!important;
    position: absolute!important;
    left: 0;
    top: 0;
}
.cPhoto img{
    width: 67px;
}
.cPhoto .cPhotoBut{
    margin-top: 3px;
    cursor: pointer;
    text-decoration: underline;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.cEvent{
    font-size: 12px;
    color: #2878FC;
    display: flex;
    margin-top: 5px;
    position: relative;
}
.cEvent .buts{
    display: flex;
    justify-content: flex-end;
}
.cEvent .right_Birthtime,.right_Deathtime{
    position: absolute;
    top: 50%;
    left: 356px;
    transform: translateY(-50%);
}
.cEvent .right_Profession{
    position: absolute;
    top: 50%;
    left: 231px;
    transform: translateY(-50%);
}
.cEvent .right_ProfessionTitle{
    position: absolute;
    top: 50%;
    left: 341px;
    transform: translateY(-50%);
}
.cEvent .buts .butPut{
    color: #ff7926;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.nodeTBase .cEvent .buts{
    width: 62px;
}
.nodeTBase .cEvent .content{
    margin-left: 24px;
}
.editCent .cEvent .buts{
    width: 62px;
    justify-content: flex-start;
    margin-left: 10px;
}
.editCent .cEvent .content{
    margin-left: 30px;
}

.checkCevent{
    position: absolute;
    top: 50%;
    right: 180px;
    transform: translateY(-50%);
    cursor: pointer;
    width: 120px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    background-color: #2878FC;
    display: block;
    margin: 0;
    user-select: none;
}
.closeCevent{
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    cursor: pointer;
    width: 120px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    background-color: #2878FC;
    display: block;
    margin: 0;
    user-select: none;
}
.copyCevent{
    text-decoration: underline;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor: pointer;
}

.listEventBox{
    height: 580px;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    display: flex;
}
.listEventBox .leftBox{
    width: 55%;
    overflow: auto;
    height: 580px;
    border-right: 1px solid #eee;
}

.listEventBox .rightBox{
    width: 45%;
    overflow: auto;
    height: 580px;
}
.listEventBox .title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    box-sizing: border-box;
    padding: 10px 35px;
    position: relative;
}
.listEventBox .title:after{
    content: " ";
    position: absolute;
    top: 52%;
    left: 20px;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background: #F93b00;
}
.listEventBox .nullBox {
    text-align: center;
    margin-top: 120px;
}
.listEventBox .nullBox img{
    width: 200px;
}
.listEventBox .nullBox div{
    margin-top: 15px;
}
.listEventBox .leftBox .select{
    background-color: #f93b0029!important;
}
.listEventBox .leftBox .eventBox{
    background-color: #E7E7E7;
    border-radius: 6px;
    margin: 0 20px 20px 20px;
    box-sizing: border-box;
    padding: 20px 15px;
    cursor: pointer;
}
.listEventBox .leftBox .eventBox:hover{
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.listEventBox .leftBox .eventBox .line1{
    display: flex;
    line-height: 30px;
    position: relative;
}
.listEventBox .leftBox .eventBox .line1 .userPhoto{
    width: 30px;
    border-radius: 50px;
}
.listEventBox .leftBox .eventBox .line1 .userInfo{
    margin-left: 10px;
}
.listEventBox .leftBox .eventBox .line1 .submitTime{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.listEventBox .leftBox .eventBox .line2 .ti1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    color: #666666;
}
.listEventBox .leftBox .eventBox .line2 .ti2{
    margin-top: 1px;
    position: relative;
    left: -8px;
}
.listEventBox .leftBox .eventBox .buts{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.listEventBox .leftBox .eventBox .buts .but{
    width: 48%;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    user-select: none;
}
.listEventBox .leftBox .eventBox .buts .isOk:hover {
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.listEventBox .leftBox .eventBox .buts .isOk{
    background-color: #F93b00;
    color: #FFFFFF;
}
.listEventBox .leftBox .eventBox .buts .isNot{
    background-color: #999999;
    color: #FFFFFF;
}


.listEventBox .rightBox .tispCor{
    background-color: #f7f7f7;
}

.listEventBox .rightBox .nodeBox{
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    padding: 15px 15px;
    margin: 0 20;
    border-radius: 6px;
}
.listEventBox .rightBox .nodeBox:hover{
    background-color: #f93b0029!important;
}
.listEventBox .rightBox .nodeBox .line1{
    width: 20%;
    font-weight: bold;
    color: #333;
}
.listEventBox .rightBox .nodeBox .line2{
    width: 55%;
}
.listEventBox .rightBox .nodeBox .buts{
    width: 25%;
    text-align: center;
    display: flex;
    position: relative;
}
.listEventBox .rightBox .nodeBox .buts .but{
    width: 70px;
    text-align: center;
    border-radius: 4px;
    user-select: none;
    background-color: #F93b00;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
}
.listEventBox .rightBox .nodeBox .buts .but:hover{
    box-shadow: 0px 2px 6px #9E9E9E;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.listEventBox .rightBox .nodeBox .buts i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.bold{font-weight: bold;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font26{font-size: 26px;}
.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font32{font-size: 32px;}
.font34{font-size: 34px;}
.font36{font-size: 36px;}
.font38{font-size: 38px;}
.font40{font-size: 40px;}
.font42{font-size: 42px;}
.font44{font-size: 44px;}
.font46{font-size: 46px;}
.font48{font-size: 48px;}
.left {
    float: left;
}
.right {
    float: right;
}
.colorTips {
    color: #999999;
}
.colorText {
    color: #666666;
}

.nullBox {
    width: 100%;
    text-align: center;
    padding: 60px 0;
}
.nullBox img {
    width: 200px;
}
.nullBox div {
    margin-top: 10px;
    color: #999;
}