[v-cloak] {
    display: none;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #787676;
  font-size: 15px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #787676;
  font-size: 15px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #787676;
  font-size: 15px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color:#787676;
  font-size: 15px;
}

.nicEdit-main{
    padding:10px;
    box-sizing:border-box;
    text-align:left;
    background:#fff;
    overflow-y:scroll;

}

.cssAddCircle{
position:absolute;
padding-top:-5px;
cursor:pointer;
right:30px;
bottom:20px;
height:50px;
line-height:43px;
width:50px;
background:#3482EF;
font-size:36px;
color:#fff;
text-align:center;
border-radius:50px;}

 .cssdel{border-radius:9px;background-color:#fff;color:#000;text-align:center; float:right;line-height:18px;height:18px;width:18px;margin:5px;
box-shadow:0px 0px 2px 0 rgba(0,0,0,0.2);visibility:visible;
        }
.cssdel:hover{border-radius:9px;background-color:#f5ec8d;color:#000;text-align:center; float:right;line-height:18px;height:18px;width:18px;margin:5px;visibility:visible;

        }

textarea{
    outline:none;
    resize:none;
    font-size: 15px;
    line-height:18px;
    font-family: 'Microsoft YaHei';
    overflow: hidden;    /*防止换行出现滚动条闪动*/
  padding: 5px 10px;
  box-sizing: border-box;
  transition: all 0.2s linear;
}

input{
    outline:none;
    resize:none;
}

body {
    font-size: 15px;
    font-family: 'Microsoft YaHei';
    margin: 0px;
    background-color: #fff;
    overflow:scroll;
    overflow-x:hidden;
}



a {
    text-decoration: none;
}

ul ol dl {
    list-style: none;
    list-style-type: none;
}

ul li {
    list-style: none;
    list-style-type: none;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    vertical-align: middle;
    height: 157px;
    width: 209px;
}

hr {
    height: 1px;
    border: none;
    border-top: 2px solid #dedede;
}



/*===tr==*/

.trcssbill {
    cursor: pointer;
    background-color: #fff;
    height:35px;
}


.trcss {
    cursor: pointer;
    background-color: #fff;
    height:35px;
}

.trcss:hover {
        /*background-color: #f5f5f5;*/
background-color: #E5F6FE;
        /*color:#fff;*/
}
.trcss td {
    
   /*background-color: #fff;*/
   
}

.ccnumindex{float:left;line-height:30px;height:30px;width:30px;border-radius:15px;border:1px solid #0094ff;background-color:#0094ff;text-align:center;color:#fff;font-weight:bold;font-size:20px;}

.fbox {
    overflow-y:auto;
    height:720px;
    background-color:#FFFFCC;
 	margin-top: 0px;
 	margin-bottom: 0px;
 	padding: 10px;
 	font-size: 14px;
 	color: #000;
 	width:calc(100% - 20px) ;
 	line-height: 20px;
 	border-bottom: 1px solid #ddd;
 	border-radius: 0px;
 }
/*===首页菜单==*/

.menubar {
    cursor: pointer;
    float: left;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    
}

    .menubar:hover {
        cursor: pointer;
        float: left;
        font-size: 18px;
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #60C5FE;
        border-radius: 5px;
    }

.menuicon {
    cursor: pointer;
    float: left;
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

    .menuicon:hover {
        cursor: pointer;
        float: left;
        font-size: 18px;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #60C5FE;
        border-radius: 5px;
    }

.menuxx {
    padding: 10px;
    width: 100%;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    background-color: #1A3A55;
    /*background-image: -webkit-linear-gradient(to right, rgba(73,121,237,1), rgba(45,113,228,1));
    background-image: linear-gradient(to right, rgba(73,121,237,1), rgba(45,113,228,1));*/
}



.menuleft2 {
  padding:0px;padding-left:40px;line-height:28px;height:28px;background-color:#172E40;
  font-size:15px;
}

.menuleft2:hover {
  padding:0px;padding-left:40px;line-height:28px;height:28px;
  font-size:15px;
  border: 1px solid #017BCE;
  background-color: #017BCE;
  color:#fff;
  margin-left:-0px;
}
 



.menuleft {
    padding: 6px;
    cursor: pointer;
    width: 100%;
    height: auto;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    border-color: #5D7C95;
    border-bottom:1px solid #1A3A55;
}



    /*.menuleft::before(1) {
        margin-top:20px;
    }*/

    .menuleft:hover {
        padding: 5px;
        cursor: pointer;
        width: 100%;
        height: auto;
        color: #fff;
        line-height: 30px;
        font-size: 15px;
        border: 1px solid #5D7C95;
        background-color: #505F6D;
    }

/*td{
 	white-space: nowrap;
 	text-overflow:ellipsis; 
 	overflow:hidden; }*/

.mxcenter {
    text-align: center;
    /*background-color: #fff;*/
    /*overflow:hidden;
text-overflow:ellipsis;*/
}
.bktdHui{
     background-color: #f8f8f8;
}

.bkhead {
    background-color: #f2f2f2;
}

.bktitle {
    height: 0px;
    line-height: 20px;
    background-color: #017BCE;
    color: white;
    padding: 4px;
}

.ccblue{cursor:pointer; background-color:#16a8f2;color:#fff;border-radius:4px;padding:3px;padding-right:9px;padding-left:9px;}
.cchui{cursor:pointer;background-color:#ddd;color:#777;border-radius:4px;padding:3px;padding-right:9px;padding-left:9px;}


.divbox {
    width: 98%;
    margin: 0px auto;
    margin-top: 10px;
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
}

.roletitle {
    width: 98%;
    margin: 0px auto;
    margin-top: 10px;
    background-color: #f8f8f8;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 6px;
    font-weight: bold;
}

.noSelect{
    -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;    
}

/*省略号*/

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

.mxSlh2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.mxSlh3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

/*===按钮==*/

.btnorange {
    line-height: 28px;
    height: 28px;
    border: 1px solid #ff6a00;
    width: 100px;
    background-color: #ff6a00;
    /*ff6a00*/
    color: white;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.btnorange:hover {

    background-color: #FFAF55;
     border: 1px solid #FFAF55;

}

.btngreen {
    line-height: 28px;
    height: 28px;
    border: 1px solid #6DCD7C;
    width: 100px;
    background-color: #6DCD7C;
    /*ff6a00*/
    color: white;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}


.btngreen:hover {
    
    background-color: #93EAA2;
  border: 1px solid #93EAA2;
}

.btnblue2 {
    line-height: 28px;
    height: 28px;
    border: 1px solid #40AAF2;
    width: 100px;
    background-color: #40AAF2;
    color: white;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}
.btnblue2:hover {
    background-color:#54BDF9;
    border: 1px solid #54BDF9;
}



.btnzhi {
    line-height: 28px;
    height: 28px;
    border: 1px solid #B26AC1;
    width: 100px;
    background-color: #B26AC1;
    color: white;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.btnzhi:hover {
    background-color:#E090F2;
    border: 1px solid #E090F2;
}


.btnblue {
    line-height: 28px;
    height: 28px;
    border: 1px solid #007ACC;
    width: 100px;
    background-color: #007ACC;
    color: white;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.btnblue:hover {
    background-color:#40AAF2;
    border: 1px solid #40AAF2;
}


.btnyellow {
    line-height: 28px;
    height: 28px;
    border: 1px solid #ddd;
    width: 100px;
    background-color: #FEFCC8;
    color: black;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}


.btnyellow2 {
    line-height: 28px;
    height: 28px;
    border: 1px solid #ddd;
    width: 100px;
    background-color: #FEDA84;
    color: black;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.btngray {
    line-height: 28px;
    height: 28px;
    border: 1px solid #999;
    width: 100px;
    background-color: #ADAFB2;
    /*ff6a00*/
    color: #666;
    border-radius: 0px;
    cursor: pointer;
    vertical-align: middle;
}


/*==文字对齐===*/
.topx {
    vertical-align: top;
     
}
.rightx {
    text-align: right;
   
}

.centerx {
    text-align: center;
     
}

.leftx {
    text-align: left;
     
}

.left15 {
    text-align: left;
    padding-left:15px;
     
}


.modpwd {
    padding-right: 20px;
    color: white;
}


/*===表格===*/
.mxs{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.mxtable {
    background-color: #ddd;
    width: 98%;
    border: 0px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.mxtrhead {
    height: 35px;
    background-color: #f1f1f1;
}

.mxtdhead {
    height: 30px;
    text-align: center;
    background-color: #eee;
    font-weight:bold;
}

.dotx {
    font-size: 8px;
    margin-right: 10px;
}


/*===首页下拉菜单===*/

#ccMeInfo {
    color:#444;
    font-size: 15px;
    right: 37px;
    top: 54px;
    display: none;
    width: 420px;
    height: 220px;
    line-height: 22px;
    background-color: #fff;
    position: fixed;
    z-index: 100;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

#ccMeLm {
    right: 100px;
    top: 53px;
    display: none;
    width: 420px;
    height: 220px;
    line-height: 22px;
    background-color: #fff;
    position: fixed;
    z-index: 101;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    font-size: 14px;
}

#ccMeMsg {
    right: 100px;
    top: 53px;
    display: none;
    width: 400px;
    height: 500px;
    line-height: 26px;
    background-color: #fff;
    position: fixed;
    z-index: 101;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    font-size: 14px;
}

.ccTopRightMenuBorder {
    border: 2px solid #007ACC;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.TopMsg {
    padding-left: 10px;
    margin-right: 0px;
    border-bottom: 1px solid #ddd;
}

    .TopMsg:hover {
        margin-right: 0px;
        border-bottom: 1px solid #ddd;
        background-color: #444;
        color: #fff;
    }


/*===首页tab菜单===*/

#ccNavBar {
    background-color: #1A3A55;
    height: 40px;
    vertical-align: bottom;
    padding-left: 15px;
    overflow: hidden;
    /*以下三行用来不换行*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ccNavTab {
    position: relative;
    top: 13px;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    height: 20px;
    line-height: 20px;
    background-color: #f2f2f2;
    /*C0BDB9*/
    padding: 7px 7px 7px 15px;
    margin: 0px 3px 0px 3px;
    color: #444;
    font-size: 13px;
}


    /*.ccNavTab:hover{
    position:relative;
    top:13px;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    height: 20px;
    line-height: 20px;
    background-color: #017BCE;
    padding:7px 7px 7px 15px;
    color:#fff;
    font-size:13px;
}*/

    .ccNavTab span {
        margin-left: 10px;
    }

.ccNavTabCurr span {
    margin-left: 10px;
}

.ccNavTabCurr {
    position: relative;
    top: 13px;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    height: 20px;
    line-height: 20px;
    background-color: #017BCE;
    padding: 7px 7px 7px 15px;
    margin: 0px 3px 0px 3px;
    color: #fff;
    font-size: 13px;
}
/*==========三角形=============*/
.tri-up {
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 75px solid #0088CC;
}

.tri-right {
    margin-top:5px;
    float:left;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #0088CC;
}

.tri-down {
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 75px solid #0088CC;
}

.tri-left {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 75px solid #0088CC;
}
/*=====列表中的actdropmenu菜单=====*/

.ccActMenu {
    font-size: 14px;
    /*right: 37px;
	top: 54px;*/
    display: none;
    width: 100px;
    /*height: 60px;*/
    line-height: 22px;
    background-color: #fff;
    /*border:1px solid #ddd;
    border-radius:3px;*/
    position: fixed;
    z-index: 1001;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    margin-left: -100px;
    margin-top: -30px;
    border: 2px solid #007ACC;
    border-left: 4px solid #007ACC;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.ccActMenuIn {
    background-color: #fff;
}

    .ccActMenuIn:hover {
        background-color: #FFF4B5;
    }

.panelBlue {
    border: 2px solid #007ACC;
    border-left: 4px solid #007ACC;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    background-color: #f8f8f8;
    margin: 0px auto;
    margin-top: 120px;
}

.panelTitle {
    background-color: #007ACC;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 15px;
}

    .panelTitle > img {
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
    }

    .boxx {
	line-height: 22px;
	height: 28px;
	border: 0px solid #808080;
	width: 100%;
	text-align: center;
	font-size: 15px;
    box-sizing:border-box;
}



.yjmcss{
    padding:5px 10px 5px 10px;
    border-bottom:0px dashed #aaa;
    text-align:center;
    cursor:pointer;
}
.yjmcss:hover{
    padding:5px 10px 5px 10px;
    border-bottom:0px dashed #aaa;
    text-align:center;
    cursor:pointer;
    background:#40AAF2;
    color:#fff;
}
.yjmall{
position:absolute;
width:150px;
padding:0px;
border-radius:10px;
border:3px solid #017BCE;
box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);
background:#fff;
display:none;
z-index: 999999999;
}

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


 /*=====================全局input和select的字体颜色等*/
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #ddd;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    background-color: #FCFCF0;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /*background: url("/img/arrow.png") no-repeat scroll right center transparent;*/
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    /*padding-right: 14px;*/
    padding-left: 14px;
    width: 100%;
    /*box-sizing: border-box;*/
    vertical-align:middle;
    color:#0D6A12;
}


    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/

    select::-ms-expand {
        display: none;
    }



       
.boxtt {
    line-height: 24px;
    min-height:30px;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 15px;
    padding-left: 14px;
    vertical-align: middle;
    background:#FCFCF0;
    color:#0D6A12;
    box-sizing:border-box;
     
}



.boxtt:focus {
     background:#FCFCD3;/*FCFCE3*/
      border: 1px solid #a1a0a0;
}

    
.box {
    line-height: 30px;
    height: 30px;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 15px;
    padding-left: 14px;
    vertical-align: middle;
    background:#FCFCF0;
    color:#0D6A12;
    box-sizing:border-box;
     
}



.box:focus {
     background:#FCFCD3;/*FCFCE3*/
      border: 1px solid #a1a0a0;
}

.boxbai {
    float:left;
    line-height: 30px;
    height: 30px;
    border: 0px solid #ddd;
    width: 270px;
    font-size: 15px;
    padding-left: 4px;
    vertical-align: middle;
    background-color:#fff;
    overflow-x:auto;
    height:auto;
    min-height:30px;
    max-height:140px;
}

.box100 {
    line-height: 30px;
    height: 30px;
    border: 1px solid #ddd;
    padding-left: 14px;
    width: calc(100% - 17px);
    /*减去padding+border*/
    font-size: 15px;
    vertical-align: middle;
}

/*.boxx {
    line-height: 30px;
    height: 30px;
    border: 0px solid #808080;
    width: 99%;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}*/

/*=================业务单，协调单用*/
  .mxtdheadyw {
            background: #f8f8f8;
            height: 25px;
            font-weight: normal;
            font-size: 90%;
            text-align: center;
        }

        .trcssx {
            background: #fff;
            height: 25px;
            font-weight: normal;
            font-size: 80%;
            text-align: center;
        }

        .bartitle {
            background: #FFF;
            font-weight: normal;
            padding: 3px 3px 3px;
        }

        .rrx {
            width: 50px;
            font-weight: normal;
            background: #0094ff;
            color: #fff;
            cursor:pointer;
        }

        .boxx {
            font-size: 100%;
            line-height: 25px;
            height: 25px;
            border: 0px solid #ddd;
            width: 100%;
            text-align: left;
            padding-left: 10px;
            vertical-align: central;
            background: #FFF;
            color:#0D6A12;
            box-sizing:border-box;
        }

            .boxx:focus {
                background: #FCFCD3; /*FCFCE3*/
            }

        .selx {
            border: solid 1px #fff;
            font-size: 100%;
            height: 26px;
            line-height: 26px;
            background-color: #fff;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: url(/img/arrowb.png) no-repeat scroll right center transparent;
            /* padding-right: 14px; */
            padding-left: 14px;
            width: 100%;
            /* box-sizing: border-box; */
            vertical-align: middle;
            color:#0D6A12;
        }
        /*=end================业务单，协调单用*/




          .boxCw {
            box-sizing:border-box;
    line-height: 30px;
    height: 30px;
    border: 0px solid #ddd;
    width:100%/*calc(100% - 14px)*/;
    font-size: 15px;
    padding-left: 14px;
    vertical-align: middle;
}