body {
	margin: 0;
	padding: 0;
	font: 14px/1.5 helvetica, arial, "Microsoft YaHei", \5b8b\4f53;
	background-color:#e9ebee;
}
*{margin: 0;padding: 0;}
html,body{height: 100%;}

::-webkit-input-placeholder {
    color:#b0b0b0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#b0b0b0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#b0b0b0;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#b0b0b0;
}

.topcon{width:100%; margin:0 auto; height:58px;background:#356afd}
.topleft{float:left; color:#FFF; font-size:20px; font-weight:bold;height:58px; line-height:58px; margin-left:28px;}
.topright{float:right;}
.topright ul{ list-style:none; margin:0; padding:0;color:#FFF}
.topright ul li{float:left; display:flex;justify-content:center;align-items:center;height:58px; line-height:58px; margin-left:32px; cursor: pointer}
.topright ul li img{margin-right:6px;}
.topright ul li.cancel{background-color:#2883ff;width:76px;}
.topright ul li.cancel img{margin:0;}

.main{width:100%;margin:0 auto;height:-webkit-calc(100% - 58px);height:-moz-calc(100% - 58px); height:calc(100% - 58px);}
.mainleft{width:58px;height:100%;float:left;background-color:#202329; position:relative;}
.mainright{height:100%;float:right;width:-webkit-calc(100% - 58px);width:-moz-calc(100% - 58px); width:calc(100% - 58px);}
.mainleft ul{list-style:none;marign:0;padding:0;}
.mainleft ul li{width:100%; height:50px; line-height:50px; text-align:center; cursor:pointer;}
.mainleft ul li img{ vertical-align:middle;}
.menucon{width:90px;height:50px;position:absolute;left:58px;top:0; background-color:#202329;display:none;font-size:16px;color:#FFF; line-height:50px;}

.toolbar{width:100%;height:50px; background-color:#FFF;margin:0 auto; border-bottom:solid 1px #e9ebee;}
.toolbar .group{float:left; }
.toolbar .group .tabmenu{width:100%;height:50px;margin:0 auto;}
.toolbar .group .tabmenu ul {list-style:none;margin:0 auto;padding: 0; margin-left:25px;}
.toolbar .group .tabmenu li {height:50px;line-height:50px;text-align:center;cursor:pointer;display:inline-block;padding:0 20px;}
.toolbar .group .tabmenu li img{margin-left:10px;}
.toolbar .group .tabmenu .active {color: #4866ff;height:50px; background-color: #e9ebee; }

.toolbar .moregroup{float:left;margin-left:20px;margin-right:20px;height:50px;position:relative}
.toolbar .moregroup .moregroupcon{position:absolute;top:36px;padding: 0; display: none; z-index: 6}
.toolbar .moregroup .moregroup_btn{cursor: pointer;height:50px; line-height: 50px;}
.toolbar .moregroup .moregroup_btn:hover{color:#4866ff;}
.toolbar .moregroup .moregroupcon .triangle{width:0;height:0;margin-left:30px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #3b3b3b;}
.toolbar .moregroup .moregroupcon .moregrouplist{background-color: #3b3b3b; min-width:300px;color:white; border-radius:6px ; overflow-y: auto}
.toolbar .moregroup .moregroupcon .moregrouplist ul{ list-style: none; padding: 15px;}
.toolbar .moregroup .moregroupcon .moregrouplist ul li{height:36px; line-height: 36px; margin: 0 15px; border-bottom: solid 1px #494949;}
.toolbar .moregroup .moregroupcon .moregrouplist ul li .groupname{float:left;width:70%; padding-left: 12px; box-sizing: border-box; cursor: pointer;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
.toolbar .moregroup .moregroupcon .moregrouplist ul li .groupname:hover{color:#4866ff}
.toolbar .moregroup .moregroupcon .moregrouplist ul li .groupbtn{float:left;width:30%; text-align: center;}
.toolbar .moregroup .moregroupcon .moregrouplist ul li .groupbtn i{margin: 0 4px; cursor: pointer;}
.toolbar .moregroup .moregroupcon .moregrouplist ul li .groupbtn i:hover{color:#4866ff}

.toolbar .toolcon{float:right;}
.toolbar .toolcon ul{ list-style:none; margin:0 auto; padding:0}
.toolbar .toolcon ul li {height:50px;line-height:50px;text-align:center;float:left;display:flex;justify-content:center;align-items:center; margin-right:22px; cursor: pointer;color: #8e8e8e;}
.toolbar .toolcon ul li i{margin-right:8px; font-size:1.1em;}



.toolbar .toolcon1{float:right;margin-left:0px;margin-right:30px;height:50px;position:relative}
.toolbar .toolcon1 .moretool_btn{cursor: pointer;height:50px; line-height: 50px;}
.toolbar .toolcon1 .moretool_btn:hover{color:#4866ff;}
.toolbar .toolcon1 .moretoolcon{position:absolute;top:36px;right:-20px;padding: 0; display: none; z-index: 6}
.toolbar .toolcon1 .moretoolcon .triangle{width:0;height:0;margin-left:116px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #3b3b3b;}
.toolbar .toolcon1 .moretoolcon .moretoollist{background-color: #3b3b3b; min-width:150px;color:white; border-radius:6px ; overflow-y: auto}
.toolbar .toolcon1 .moretoolcon .moretoollist ul{ list-style: none; padding: 15px;}
.toolbar .toolcon1 .moretoolcon .moretoollist ul li{height:36px; line-height: 36px;margin: 0 10px; border-bottom: solid 1px #494949; cursor: pointer}
.toolbar .toolcon1 .moretoolcon .moretoollist ul li:hover{color:#4866ff}








.ztcontent .tabbox > div {width:100%;display:none;}
.ztcontent .tabbox > div:first-Child {display: block;}
.ztcontent .tabbox{width:100%;margin:0 auto;}


.procardcon{width:100%; margin:0 auto; overflow:auto;}
.procard{width:calc(100% - 16px);margin:8px auto;}
.procard ul{ list-style:none;margin:0 auto; padding:0}
.procard ul li{ margin:8px; background-color:#FFF; border:solid 1px #e3e3e3;float:left; box-sizing:border-box; position: relative}

.procard ul li .cardtitle{width:90%; margin:0 auto;height:38px; line-height:38px;}
.procard ul li .cardtitle span{cursor:pointer;width:88%;float:left; display:block;color:#356afd; font-size:1.1em;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
.procard ul li .cardtitle .cardtitleright{float:right; cursor:pointer;}
.procard ul li .cardpic{width:90%;margin:0 auto;background-size:cover; cursor: pointer}
.procard ul li .cardpic img{width:100%;margin:0 auto; display:block;}
.procard ul li .cardbtn{width:90%;margin:8px auto;text-align: center;}
.procard ul li .cardbtn i{font-size:1.2em;margin:0 4px; cursor: pointer;}
.procard ul li .cardbtn i:hover{color:#4866ff}
/*.procard ul li .cardbtn div{float:left;width:16.5%; height: 20px; line-height: 20px;display:flex;justify-content:center;align-items:center;}
.procard ul li .cardbtn div img{ display: block;}*/


.lineb{border-bottom:solid 1px #e9ebee;}
.liner{border-right:solid 1px #e9ebee;}

	
@media only screen and (min-width: 1220px) {
	.procard ul li{width:calc(20% - 16px)}
}
@media only screen and (min-width:964px) and (max-width:1220px) {
	.procard ul li{width:calc(25% - 16px)}
	/*.toolbar .toolcon ul li span{display:none;}*/
	
}
@media only screen and (max-width:964px) {
	.procard ul li{width:calc(33.3% - 16px)}
	/*.toolbar .toolcon ul li span{display:none;}*/
}

.clear{ clear:both; font-size:0;}



/*自定义弹出框*/
.myshadow{
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    background:#000;
    z-index:5;
    top:0;
    left:0;
    opacity:0.7;
    filter:alpha(opacity:0.7);
    -moz-opacity:0.7;
    -webkit-opacity:0.7;
}
.mypop{
    display:none;
    width:50%;
    top:0;
    left:-webkit-calc(50% - 29px);
    left:-moz-calc(50% - 29px); 
    left:calc(50% - 29px);
    transform:translate(-50%);
    border-radius:8px;
    background-color:#fff;
    position:fixed;
    z-index:1000;
    -moz-box-shadow:0px 0px 12px #333333;
    -webkit-box-shadow:0px 0px 12px #333333;
    box-shadow:0px 0px 12px #333333;
    color:#000;
    transition:all 0s;
}
.mypop .poptitle{height:36px; line-height:36px; width:100%; border-bottom:solid 1px #e5e5e5;color:#000;}
.mypop .poptitle .titlel{float:left;margin-left:12px;}
.mypop .poptitle .titler{float:right; margin-right:12px; cursor: pointer}
.mypop .popbody{margin:20px;word-break: break-all;}
.mypop .popfoot{width:100%; text-align:center;border-top:solid 1px #e5e5e5;padding:15px 0;}
.mypop .popfoot input{background-color:#4866ff; border:0;height:36px; border-radius:5px; color:#FFF; margin:0 10px;padding:0 12px; cursor:pointer}
.mypop .popfoot .cancel{border:solid 1px #e5e5e5; color:#000; background-color:#FFF;}

.maskTop{width:100%;height:58px; background-color: #000000; position: fixed;top:0;left:0; opacity: 0.7; display: none; z-index: 5}
.maskLeft{width:58px;height:100%; background-color: #000000; position: fixed;top:58px;left:0; z-index:5; opacity: 0.7; display: none;}


.prolistcon{width:96%; margin:0 auto; overflow:auto; margin-top: 25px;}
/*表格的*/
.table>thead>tr>th {background-color:#5b6473 !important;color:#fff;border-bottom: 1px solid #ddd !important;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.table-cont {overflow:auto;}
.table-cont table{margin:0; padding:0; width:100%;table-layout:fixed}
.table-cont table thead{background-color:#e7e7e7;}
.table-cont table thead tr th{background-color:#e7e7e7;height:37px;font-weight:bold;}
.table-cont table tbody tr:nth-child(even){background:#f0f0f0;}
.table-cont > table > tbody > tr > td{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;vertical-align: middle;}
.table-cont > table > thead > tr > th > .opetheadleft{float:left;padding:8px;margin:0;width:45%;}
.table-cont > table > thead > tr > th > .opetheadright{float:right; font-size:1.6em;width:25%; height:38px; line-height:38px; text-align:center; background-color:#44a484; color:#FFF}
.table-cont > table > tbody > tr > .opetbody{font-size:1.15em; color:#5d6473;}
.table-cont > table > tbody > tr > .opetbody i{margin:0 8px; cursor: pointer}
.table-cont > table > tbody > tr > .opetbody i:hover{color:#4866ff}

.zblue{color:#4866ff;}



.searchpro{position:relative;}
.searchpro .searchprocon{position:absolute;top:36px;right:-40px;padding: 0;z-index: 6 }
.searchpro .searchprocon .triangle{width:0;height:0;margin-left:268px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #ff8314;}
.searchpro .searchprocon .searchconcon{width:330px;height:50px;background-color: #3b3b3b;color:white;}
.searchpro .searchprocon .searchconcon .proname{float:left;width:260px;height:50px;}
.searchpro .searchprocon .searchconcon .proname input{width:260px;height:50px;background-color: #3b3b3b; border: 0; padding: 0 15px; box-sizing: border-box;}
.searchpro .searchprocon .searchconcon .btnpro{float: right;width:70px; background-color: #ff8314;height:50px}



/* 懒加载 */

.loader {
    display: block;
    width:100% ;
    height: 100%;
    position: fixed;
    top: 0%;
    background-color: #E8EFF7;
    left: 0;
    z-index: 9990;
}

.loaderWindow {
    position: relative;
    left: 49.6%;
    top: 50%;
    width: 150px;
    height: 150px;
    top: 50%;
    width: 0.25em;
    height: 0.25em;
    box-shadow: 0.70711em 0.70711em 0 0em #2ecc71, -0.70711em 0.70711em 0 0.17678em #9b59b6, -0.70711em -0.70711em 0 0.25em #3498db, 0.70711em -0.70711em 0 0.17678em #f1c40f;
    animation: gw 1s ease-in-out infinite, rot 2.8s linear infinite;
}

@keyframes rot {
    to {
        transform: rotate(360deg);
    }
}

@keyframes gw {
    0% {
        box-shadow: 0.70711em 0.70711em 0 0.125em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.5em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
    25% {
        box-shadow: 0.70711em 0.70711em 0 0.39017em #2ecc71, -0.70711em 0.70711em 0 0.5em #9b59b6, -0.70711em -0.70711em 0 0.39017em #3498db, 0.70711em -0.70711em 0 0.125em #f1c40f;
    }
    50% {
        box-shadow: 0.70711em 0.70711em 0 0.5em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.125em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
    75% {
        box-shadow: 0.70711em 0.70711em 0 0.39017em #2ecc71, -0.70711em 0.70711em 0 0.125em #9b59b6, -0.70711em -0.70711em 0 0.39017em #3498db, 0.70711em -0.70711em 0 0.5em #f1c40f;
    }
    100% {
        box-shadow: 0.70711em 0.70711em 0 0.125em #2ecc71, -0.70711em 0.70711em 0 0.39017em #9b59b6, -0.70711em -0.70711em 0 0.5em #3498db, 0.70711em -0.70711em 0 0.39017em #f1c40f;
    }
}
/*/懒加载*/


.zhui{color:#737373;pointer-events:none;}
.zhui1{color:#acacac;pointer-events:none;}

.protogroup{width:100%; margin:0 auto;}
.protogroup ul{ list-style: none; margin:0; padding: 0}
.protogroup ul li{width:20%; float:left; font-weight: normal !important; color: #8e8e8e; margin:5px 2%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.protogroup ul li label{font-weight: normal;}
.protogroup ul li label input{margin-right:6px; margin-top: 2px;}

.protogroup_search{width:96%;margin: 0 auto; margin-bottom: 20px;}
.protogroup_search input{height:34px; line-height: 34px; border: solid 1px #e3e3e3;}


.protogroup1{width:100%; margin:0 auto;}
.protogroup1 ul{ list-style: none; margin:0; padding: 0}
.protogroup1 ul li{width:29%; float:left; font-weight: normal !important; color: #8e8e8e; margin:5px 2%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.protogroup1 ul li label{font-weight: normal;}
.protogroup1 ul li label input{margin-right:6px; margin-top: 2px;}



.btn34{border:0;height:34px; border-radius:5px; padding:0 12px; cursor:pointer}
.btngreen{ background-color:#44a484;color:#fff; font-size:1em;border:0;}
.btnorange{ background-color:#f39f24;color:#fff; font-size:1em;border:0;}
.inputcss{height:34px; line-height: 34px; border: solid 1px #e3e3e3;}

table.edittable{margin:0 auto;border-collapse:separate;border-spacing:0 12px;border:0;}
table.edittable tr td.title{text-align:right; padding:8px 10px 0 0;vertical-align:top;box-sizing:border-box;width:30%;}
table.edittable input,select{border:solid 1px #e5e5e5; height:36px;width:75%; padding:0 10px;}

.addprocss{height:36px; line-height: 36px;}
.addprocss label{marign:0; font-weight: normal; height: 36px; margin-bottom: 0 !important; margin-right: 15px; margin-left: 5px;}
.addprocss label input{margin-top:8px;}
.addprocss label span{display: inline-block;vertical-align: top;}

.addprocss1{height:32px; line-height: 32px;}
.addprocss1 label{marign:0; font-weight: normal; height: 32px; margin-bottom: 0 !important; margin-right: 15px; margin-left: 5px;}
.addprocss1 label input{margin-top:6px;}
.addprocss1 label span{display: inline-block;vertical-align: top;}

.toolbar .toolbarleft{float:left; width:75%;height:50px; line-height: 50px; margin-left: 25px; }
.toolbar .toolbarright{float:right; height:50px; line-height: 50px; margin-right:25px}
.toolbar .toolbarleft input,select{border:solid 1px #e5e5e5; height:30px; padding:0 10px;}
.toolbar .toolbarleft i{margin-left:6px;}

.roleitem{margin:0 0 10px 10px}
.roleitem label{margin-right: 15px;}


/*下拉菜单图标*/
.triangle-up{
    margin: 0 45px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #3b3b3b;
}
.dropdown-zt-menu{
    position: absolute;
    top: 85%;
    display: none;
    float: left;
    max-width: 100px;
    padding:0;
    margin:0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    color: #fff;
}
 .dropdown-zt-menu ul{
    background: #3b3b3b;
    height: 92px;
    border-radius:6px ;
     list-style: none;
     padding: 10px 0;
}
 .dropdown-zt-menu ul li{
    margin: 0;
    width: 100px;
    text-align: center;
    height:36px;
     line-height: 36px;
}
 .dropdown-zt-menu ul li a{
    padding: 0;
    text-align: center;
     color:#fff;
}
 #lang_text{color:#fff;}

.projectDetail{position: absolute;left:13px;top:28px;pointer-events: none;}
.projectDetail .triangle{margin-left:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #3b3b3b;}
.projectDetail .detailcon{background-color: #3b3b3b; width:180px;color:white;padding: 15px;}
.projectDetail .detailcon p{ line-height:20px;}

#expire_time {
    width: 200px;
}

.laydate-icon {
    height: 34px;
    padding-right: 20px;
    min-width: 34px;
    vertical-align: text-top;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: right center;
    outline: 0px;
}

.qr-code{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
 .qr-code img{
    width: 150px;
    height: 150px;
    margin-top: 15px;
}


table.edittable2{margin:0 auto;border-collapse:separate;border-spacing:0 8px;border:0;}
table.edittable2 tr td.title{text-align:right; padding:8px 10px 0 0;vertical-align:top;box-sizing:border-box;width:30%;}
table.edittable2 input,select{border:solid 1px #e5e5e5; height:32px;width:75%; padding:0 10px;}

.selecttreesearch{ margin:0 auto;border-bottom: solid 1px #a2c6ff; background-color: #5462ff; padding:5px 8px;box-sizing:border-box; }
.selecttreesearch input[type=button]{width:35px;height:22px; line-height:22px; background-color: #ffb310;border: none}
.selecttreesearch input[type=checkbox]{width:14px;height:14px;}
.selecttreesearch input[type=text]{width:110px;height:22px;margin-left: 5px}
.selecttreesearch label span{margin-top:-2px; display: inline-block;color:#fff}
.selecttreesearch i{color: white}


.btn_gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    pointer-events: none;
}