@charset "utf-8";
*{margin:0;padding:0}
html{width:100%;height:100%}
body{height:100%;width:100%;margin:0 auto;font-weight: 300px;font-family:PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;font-size:13px;background-color:#f7f7f7;overflow-y:auto;overfolow-x:hidden;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
a{ width:auto; height:auto;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
ul,li,dl,dt,dd,p,img{border:none}
ul,li{list-style:none}
i{font-style: normal;}
mark{background-color: transparent;}
.fl{float:left}
.fr{float:right}
input:focus,select:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
input[type="checkbox"],.checkbox{display:inline-block;width:15px;height:15px;border-radius:2px;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
input[type="radio"],.radio{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
.clear{zoom:1}
.clear:before,.clear:after{content:" ";display:table}
.clear:after{clear:both}

/*icon*/
.iconL{background: url(../images/iconL.png) no-repeat;display: inline-block;vertical-align:middle;background-size: 500px;}

/*图片占位符结构*/
.imgWrap{ position:relative;width:100%; height:auto; }
.imgzwf{display:block; width:100%;  height:auto;}
.imgshow{ position:absolute; left:0; top:0; width:100%; height:100%;}


/*超出省略*/
.lineOne{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lineTwo{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lineThree{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.linefour{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

/*公共样式*/
body{background-color: rgb(246,248,249);}
.main1{width: 100%;height: 80px;background-color: white;box-shadow: 0px 2px 6px gainsboro;}
.main1 .head{width: 94%;margin: auto;height: 80px;padding-top: 17px;position:relative;}
.main1 .head .logo{float: left;}
.main1 .head .logo > img{height: 40px;width: 206px;vertical-align: middle;}
.main1 .head .logo > span{font-size: 22px;color:#333;font-weight:bold;vertical-align: middle;margin-left: 10px;}
.main1 .head .logo > span a{color: rgb(101,103,102);}
.main1 .head .r_top{float: right;position: relative;display:flex;align-items:center;  }
.icon_search{width: 35px;height: 35px;background-position: -6px -3px;cursor: pointer;}
.icon_apply{width: 35px;height: 35px;background-position: -52px -49px;margin-left: 5px;cursor: pointer;}
.icon_Application{width: 35px;height: 35px;background-position: -99px -1px;margin-left: 5px;cursor: pointer;}
.icon_Application2{width: 24px;height: 30px;background-position: -106px -93px;cursor: pointer;}
.icon_info{width: 35px;height: 35px;background-position: -151px -6px;margin-left: 5px;cursor: pointer; border-radius: 100px;
overflow: hidden;}
.icon_info img{width:100%;height:100%;}
.icon_det1{width: 50px;height: 50px;display: block;background-position: -215px 6px;border-radius: 50%;background-size: 450px;margin: 45px auto;background-color: white;}
.icon_det2{width: 50px;height: 50px;display: block;background-position: -216px -36px;border-radius: 50%;background-size: 450px; margin: 45px auto;background-color: rgb(255,77,98);}
.icon_addli1{width: 50px;height: 50px;display: block;background-position: -276px 4px;border-radius: 50%;background-size: 450px;background-color: rgb(246,248,249);position: absolute;left: 38%;top: 41px;margin: 0!important;}
.icon_addli2{width: 50px;height: 50px;display: block;background-position: -276px -35px;border-radius: 50%;background-size: 450px;background-color: rgb(41,150,227);position: absolute;left: 38%;top: 41px;margin: 0!important;}
.icon_addli3{width: 30px;height: 30px;display: block;background-position: -199px 1px;border-radius: 50%;background-size: 320px;background-color: rgb(246,248,249);position: absolute;left: 38%;top: 41px;margin: 0!important;}
.icon_addli4{width: 30px;height: 30px;display: block;background-position: -199px -28px;border-radius: 50%;background-size: 320px;background-color: rgb(41,150,227);position: absolute;left: 38%;top: 41px;margin: 0!important;}


.search{width: 430px;height: 35px;border-radius: 25px;padding-left:40px;background: url(../images/search.png)no-repeat;background-size: 20px;background-position: 11px 6px;border:1px solid #f4f4f4;background-color: #f4f4f4;display: none;vertical-align: middle;}
.applybox{width: 100px;height: auto;position: absolute;left: -28px;top: 50px;background-color: white;border-radius: 5px;padding: 0 5px;box-shadow: 0px 3px 11px darkgrey;display: none;}
.applybox > a{display: inline-block;width: 100%;height: 30px;text-align: center;line-height: 30px;border-bottom: 1px solid rgb(227,229,229);color: rgb(101,103,102);cursor: pointer;}
.applybox > a:last-child{border-bottom: none;}
.applybox .active{color: rgb(41,150,227);}
.applybox > img{position: absolute;left: 0;top: -10px;width: 100px;height: auto;}

.app{display: inline-block;height: auto;position: relative;   height: 40px;
  
    display: inline-flex;
    align-items: center;}

.icon_search:hover{background-position: -6px -47px;}
.icon_apply:hover{background-position:-52px -4px}
/*.icon_Application:hover{background-position:-100px -51px}*/
.icon_info:hover{background-position:-151px -51px}

.app:hover .applybox{display: block;}
.app:hover .icon_apply{background-position:-52px -4px}
.applybox a:hover{color: rgb(41,150,227);}
.show{display: inline-block;padding: 2px 7px;color: white;background-color: rgb(41,150,227);height: 30px;vertical-align: middle;border-radius: 4px;display: none;cursor: pointer;}


.con{width: 94%;margin: auto;padding-top: 20px;}
.con .tits{font-size: 20px;color: rgb(101,103,102);line-height: 30px;margin-top: 0px;}
.con .tits > span{display: inline-block;width: 3px;height: 30px;vertical-align: bottom;background-color: rgb(41,150,227);margin-right: 10px;}

 .addbtn{width: 100%;height: 40px;text-align: center;line-height: 38px;border: 1px solid rgb(47,153,228);color: rgb(47,153,228);margin-top: 10px;background-color: white;font-size: 16px;border-radius: 4px;margin-bottom:20px ;cursor: pointer;}
 .addbtn > span{vertical-align: middle}
 .addbtn > mark{background-color: rgb(47,153,228);color: white;width: 20px;height: 20px;text-align: center;line-height: 20px;display: inline-block;font-size: 24px;border-radius: 10px;vertical-align: middle;margin-right: 5px;}




/*弹窗2*/
.dialog2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;z-index:12}
.dialog2 .panelBox{width:100%;height:100%;display:flex;    align-items: center;justify-content: center;}
.dialog2 .content{width: 600px;height:auto;background-color: white;border-radius: 8px;margin: 0px auto;position: relative;overflow: hidden;background-color: rgb(238,240,241);}
.dialog2 .content .icon_back{width: 30px;height: 30px;background-position: -202px -8px;position: absolute;right: 6px;top: 6px;cursor: pointer;}
.dialog2 .content .tit{text-align: center;padding: 30px 0 20px;color: rgb(101,103,102);font-size: 20px;background-color: white;}
.dialog2 .content .tit2{color: rgb(101,103,102);font-size: 14px;padding-bottom: 5px;border-bottom: 1px solid rgb(238,240,241);background-color: white;}
.dialog2 .content .tit2 .uls{width: 80%;display: flex;justify-content: space-between;margin: auto;padding: 0 10px;}
.dialog2 .content .tit2 .uls li mark{color: rgb(47,153,228);font-size: 16px;font-weight: bold;margin-right: 5px;}
.dialog2 .content .tit2 .uls .active{color: rgb(47,153,228)}
.dialog2 .content .tit2 .slideBox{width: 80%;margin: 10px auto;height:6px;border-radius: 3px;background-color: rgb(238,240,241);overflow: hidden;}
.dialog2 .content .tit2 .slideBox .slide{width: 37%;background-color: rgb(47,153,228);height: 100%;}
.dialog2 .dia_con{padding: 20px 60px;display: block;}
.dialog2 .dia_con .lab{vertical-align: middle;margin-right: 5px;display: inline-block;height: 20px;line-height: 20px;}
.dialog2 .dia_con .spans{border: 1px solid rgb(205,205,205);border-radius: 4px;margin-bottom: 10px;cursor: pointer;display: inline-block;height: 24px;line-height: 24px;padding: 0 7px;margin-right: 10px;}
.dialog2 .dia_con .active{color: white;background-color: rgb(47,153,228);border: 1px solid transparent;}
.dialog2 .dia_con .zhi{vertical-align: middle;padding: 0 5px;}

.dialog2 .dia_con .inp{width: 150px;height: 30px;border: 1px solid rgb(205,205,205);border-radius: 4px;vertical-align: middle;padding-left: 30px;background: url(../images/time.png)no-repeat;background-size: 20px;background-position: 4px 4px;background-color: white;}
.dialog2 .dia_con .start{margin-left: 56px;}
.dialog2 .dia_con .lab2{vertical-align: top;margin-top: 10px;margin-right: 4px;}
.dialog2 .dia_con .texts{margin-top: 10px;border: 1px solid rgb(205,205,205);border-radius: 4px;width: 323px;height: 100px;padding: 10px;}
.dialog2 .dia_con .next{width: 150px;height: 34px;line-height: 34px;text-align: center;color: white;background-color: rgb(47,153,228);display: block;margin: 10px auto;cursor: pointer;}
/*弹窗添加项目*/
.dia_con2{height: 350px;position: relative;width: 100%;display: none;padding: 5px 10px;}
.dia_con2 .lbox{position: absolute;left: 28%;top: 30px;border: 1px solid rgb(205,205,205);width: 30%;background-color: white;height: auto;}
.dia_con2 .rbox{position: absolute;right: 2%;top: 30px;border: 1px solid rgb(205,205,205);width: 30%;background-color: white;height: auto;}
.dia_con2 .mbox{position: absolute;left: 58%;top: 60px;width: 10%;}
.dia_con2 .mbox > img{display:block;margin: auto;margin-top: 10px;width: 30px;height: 25px;cursor: pointer;}
.dia_con2 .mbox > img:first-child{margin-top: 50px;}
.dia_con2 .khname{position: absolute;left: 2%;top: 30px;border: 1px solid red;width: 23%;height: auto;background-color: white;border: 1px solid rgb(205,205,205);}
.dia_con2 .khname .nameinp {width: 100%;height: 33px;padding-left: 3px;border: none;
;border-bottom: 1px solid rgb(205,205,205);}
.dia_con2 .namelist{padding: 0 5px;overflow-y: auto;padding-top: 2px;height: 200px;}
.dia_con2 .namelist li {padding: 0 5px;line-height: 26px;margin-bottom: 2px;cursor: pointer;border: 1px solid transparent;}
.dia_con2 .namelist .activeli {border: 1px solid rgb(47,153,228);color: rgb(47,153,228);}

.dia_con2 .xminp{width: 100%;height: 32px;background: url(../images/search.png)no-repeat;background-position: 97% 4px;background-size: 20px;padding-right: 28px;padding-left: 5px;border: none;border-bottom: 1px solid rgb(205,205,205);}
.dia_con2 .ullist{padding: 0 5px;overflow-y: auto;padding-top: 2px;height: 200px;}
/*自定义滚动条*/
::-webkit-scrollbar {  width: 8px;  height: 14px;} 
::-webkit-scrollbar-track {  border-radius: 4px;}
::-webkit-scrollbar-thumb {  border-radius: 4px;}
::-webkit-scrollbar-track {  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;} 
::-webkit-scrollbar-thumb {  min-height: 20px;  background-clip: content-box;  box-shadow: 0 0 0 5px darkgray inset;}
::-webkit-scrollbar-corner {  background: transparent;}

.dia_con2 .ullist li{padding: 0 5px;line-height: 26px;margin-bottom: 2px;cursor: pointer;border: 1px solid transparent;}
.dia_con2 .ullist .activeli{border: 1px solid rgb(47,153,228);color: rgb(47,153,228);}
.dia_con2 .rbox .tabralbt{text-align: center;line-height: 30px;color: gray;border-bottom: 1px solid rgb(205,205,205)}
.dia_con2 .btn{text-align: center;position: absolute;left: 0;bottom: 20px;width: 100%;margin-top: 10px;}
.dia_con2 .btn > span{width: 30%;height: 30px;line-height: 30px;border-radius: 4px;display: inline-block;vertical-align: middle;background-color: rgb(47,153,228);color: white;margin: 0 10px;cursor: pointer;}
.dia_con2 .btn > span:first-child{background-color: darkgray;}
/*弹窗3*/
.dia_con3{padding: 15px 20px 30px;display: none;}
.dia_con3 .btn{text-align: center;width: 100%;margin-top: 20px;}
.dia_con3 .btn > span{width: 30%;height: 30px;line-height: 30px;border-radius: 4px;display: inline-block;vertical-align: middle;background-color: rgb(47,153,228);color: white;margin: 0 10px;cursor: pointer;}
.dia_con3 .btn > span:first-child{background-color: darkgray;}
.dia_con3 .ps{color: grey;}
.dia_con3 > .tit3{font-size: 17px;font-weight: bold;}
.dia_con3 > h3{margin: 10px 0 5px;}
.dia_con2 .opebox{position:absolute;top: 78%;padding-left: 160px;}
.dia_con2 .opebox a{color:rgb(47,153,228);}
.dia_con2 .opebox a:first-child{margin-right:210px;}
/*弹窗结束*/




.page{text-align:center}
.pageDiv{padding-top: 20px;margin: 50px auto;}
.pageDiv span{vertical-align: middle;margin: 0 5px;}
.pageDiv a{border: 1px solid #00BFFF;width: 30px;height: 30px;text-align: center;line-height: 30px;color: black;margin: 0 5px;display: inline-block;border-radius: 2px;color: #00BFFF;vertical-align: middle;}
.pageDiv input{width: 30px;height: 30px;line-height: 30px;border: 1px solid #00BFFF;vertical-align: top;margin: 0 5px;text-align: center;}
.prevPage,.nextPage{width: 50px!important;height:30px!important;text-align: center;line-height: 30px;border: 1px solid #00BFFF;color: #00BFFF;font-size: 12px;}
.pageDiv .disabled{color: gray !important;border: 1px solid gray!important;display: inline-block;width: 50px;height: 30px;text-align: center;line-height: 30px;border-radius: 2px;font-size: 12px;}
.pageDiv .pageCur{width: 30px;height: 30px;text-align: center;line-height: 30px;color: white;background-color: #00BFFF;display: inline-block;border-radius: 2px;border: 1px solid #00BFFF;margin: 0 5px;}
.pageDiv .turnDown{font-size: 12px;vertical-align: top !important;}
.pageDiv .dian{display: inline-block;width: 30px; height: 30px;border: 1px solid #00BFFF; border-radius: 4px; color: #00BFFF;text-align: center;}


@media only screen and (max-width:750px) {
	 .main1 .head .logo > img{width:103px;height:auto} 
	.con{width:100%}
	.main1 .head{width:100%;    padding: 17px 10px;}
	.app{height:35px;}
	.search{width:50%;    background-size: 14px;
    background-position: 5px 7px;}
	.main1 .head .r_top{width:100%;}
	.dialog2 .dia_con .texts{width:100%;}
	.pageDiv a{width:25px;margin:0px 2px;}
	.pageDiv .pageCur{width:25px;}
	.pageDiv span{margin:0px}
	.dialog2 .dia_con{padding:20px 50px}
	.dialog2 .content{margin:100px auto;}
	.icon_search{background-size:250px;width:30px;height:20px; background-position:5px -1px;}
	.icon_apply{background-size:250px;width:30px;height:20px;background-position:-20px -24px;    position: relative;
    }
	.app:hover .icon_apply{background-position:-20px -1px;}
	.icon_Application{background-size:250px;width:30px;height:20px;background-position:-46px 0px;}
 .icon_Application2{background-size:250px;  background-position: -53px -40px; width: 15px;}
	.main1 .head .logo > span{font-size:20px;}
	
}
.uploadpic{width:200px;height:80%; cursor:pointer; color:#fff;display:none;align-items:center; font-size:16px;   justify-content: center; position:absolute;left:0px;top:10%;background-color:rgba(0,0,0,0.5)}
.uploadpic #uoloadpic{width:100%;height:100%;cursor:pointer; position:absolute;left:0px;top:0px;opacity:0;cursor:pointer;}



/*加载*/ .loadding{ position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; /*background:rgba(0,0,0,0.3);*/ z-index: 9999; }
 .loadding img{width:24px;height:24px; position:fixed; left:50%; top:50%; margin-top:-12px; margin-left:-12px;z-index: 9999; }
 .load{ width:100%; text-align:center; line-height:40px; font-size:12px; color:#999; }
@-webkit-keyframes turn{ 0%{-webkit-transform:rotate(0deg); }
 25%{-webkit-transform:rotate(90deg); }
 50%{-webkit-transform:rotate(180deg); }
 75%{-webkit-transform:rotate(270deg); }
 100%{-webkit-transform:rotate(360deg); }
}
@keyframes turn{ 0%{-webkit-transform:rotate(0deg); }
 25%{-webkit-transform:rotate(90deg); }
 50%{-webkit-transform:rotate(180deg); }
 75%{-webkit-transform:rotate(270deg); }
 100%{-webkit-transform:rotate(360deg); }
}
@-webkit-keyframes rurn{ 0%{top:5px; }
 35%{top:0px; }
 70%{top:-5px; }
 100%{top:0px }
}
@keyframes rurn{ 0%{top:5px; }
 35%{top:0px; }
 70%{top:-5px; }
 100%{top:0px }
}


/*自定义滚动条*/
::-webkit-scrollbar {  width: 8px;  height: 14px;} 
::-webkit-scrollbar-track {  border-radius: 4px;}
::-webkit-scrollbar-thumb {  border-radius: 4px;}
::-webkit-scrollbar-track {  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;} 
::-webkit-scrollbar-thumb {  min-height: 20px;  background-clip: content-box;  box-shadow: 0 0 0 5px darkgray inset;}
::-webkit-scrollbar-corner {  background: transparent;}

.dia_con2 .ullist li{padding: 0 5px;line-height: 26px;margin-bottom: 2px;cursor: pointer;border: 1px solid transparent;}
.dia_con2 .ullist .activeli{border: 1px solid rgb(47,153,228);color: rgb(47,153,228);}
.dia_con2 .rbox .tabralbt{text-align: center;line-height: 30px;color: gray;border-bottom: 1px solid rgb(205,205,205)}
.dia_con2 .btn{text-align: center;position: absolute;left: 0;bottom: 20px;width: 100%;margin-top: 10px;}
.dia_con2 .btn > span{width: 30%;height: 30px;line-height: 30px;border-radius: 4px;display: inline-block;vertical-align: middle;background-color: rgb(47,153,228);color: white;margin: 0 10px;cursor: pointer;}
.dia_con2 .btn > span:first-child{background-color: darkgray;}
/*弹窗3*/
.dia_con3{padding: 15px 20px 30px;display: none;}
.dia_con3 .btn{text-align: center;width: 100%;margin-top: 20px;}
.dia_con3 .btn > span{width: 30%;height: 30px;line-height: 30px;border-radius: 4px;display: inline-block;vertical-align: middle;background-color: rgb(47,153,228);color: white;margin: 0 10px;cursor: pointer;}
.dia_con3 .btn > span:first-child{background-color: darkgray;}
.dia_con3 .ps{color: grey;}
.dia_con3 > .tit3{font-size: 17px;font-weight: bold;}
.dia_con3 > h3{margin: 10px 0 5px;}
.dia_con2 .opebox{position:absolute;top: 78%;padding-left: 160px;}
.dia_con2 .opebox a{color:rgb(47,153,228);}
.dia_con2 .opebox a:first-child{margin-right:210px;}
/*弹窗结束*/

/*新增首页搜索弹窗*/
.searchBox{width:740px;height:auto;display:none; max-height:450px;overflow-y:auto;position:absolute;right:0px;top:65px; background:#fff;box-shadow:0px 0px 10px #ccc;padding:15px 5px 15px 25px;z-index:10;}
.searchBox .searchItem{width:100%;height:auto;display:flex;flex-wrap:wrap;}
.searchBox .searchItem .groupTit{font-size:14px;color:#000;font-weight:bold;line-height:40px;}
.searchBox .searchItem .groupList{width:100%;height:auto;display:flex;flex-wrap:wrap;}
.searchBox .searchItem .groupList .groupItem{width:160px;height:120px;cursor:pointer; margin-bottom:10px; position:relative;margin-right:15px;}
.searchBox .searchItem .groupList .groupItem:hover{border:3px solid #4483ff;}
.searchBox .searchItem .groupList .groupItem .itempic{width:100%;height:100%;}
.searchBox .searchItem .groupList .groupItem .itemTit{width:100%;height:44px;padding:0px 10px; line-height:60px;color:#fff;font-size:14px; position:absolute;left:0px;bottom:0px; background:url(../images/winbg.png) no-repeat center;background-size:100% 100%;}
.searchBox .searchItem .hoverCon{width:100%;height:100%;position:absolute;padding-bottom:15px;left:0px;top:0px;display:none;justify-content: center;align-items:center;}
.searchBox .searchItem .hoverCon .btn{width:90px;height:30px;font-size:12px; margin:5px auto; color:#fff; border-radius:25px;display:flex;align-items:center;justify-content: center;}
.searchBox .searchItem .hoverCon .btn .iconlink{width:15px;margin-right:2px;}
.searchBox .searchItem .hoverCon .btn.btn_1{background: url(../images/btnbg_2.png) no-repeat center;background-size: 100% 100%;}
.searchBox .searchItem .hoverCon .btn.btn_2{background: url(../images/btnbg_1.png) no-repeat center;background-size: 100% 100%;}
.searchBox .searchItem:hover .hoverCon{display:flex;}