@charset "utf-8";
/**
 * 公共样式
 * create by HuangYu
 */

/*basic*/
*{ margin:0px; padding:0px; border:none; font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,SimSun,sans-serif;; font-size:1em; text-decoration:none; outline:none; -webkit-text-size-adjust:none; border-radius:0; background:none; 
}
:not(input,textarea){ -webkit-user-select: on;-webkit-tap-highlight-color: rgba(200,200,200,0); }
/*ul,ol{ list-style-type: none; }*/
html,body{ width:100%; min-height:100%; font-size:1em; background: #fff; }
object,video{ max-width:100%; height:auto;}
article, aside, details,figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
pre{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */  }

.float_left{ float: left; }
.float_right{ float: right; }
.clear{ clear:both;}
.dis_none{display: none;}
.dis_show{display: block!important;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9b9b9b;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9b9b9b;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #9b9b9b;
}
input,textarea{box-sizing: border-box;}

/*body-margin*/
.bodymargin{margin: 32px 55px;}


/*公用头部标题*/
.bodyhead{font-size: 18px;color: #3B3C41;}
/*input_label名称_纵向*/
.input_label{color:#3B3C41;font-size:14px;}
/*中等标题大小*/
.titlemiddle{color:#3B3C41;font-size:16px;}
/*注释类文字*/
.txt_mark{font-size:14px;color: #9b9b9b;}
/*内容型文字*/
.txt_content{font-size:12px;color: #9b9b9b;}
/*提示小字*/
.txt_prompt{font-size:12px;color: #3B3C41;}

/*必填*号*/
.musticon{color: #E02020;font-size: 20px;display: inline-block;height: 14px;/* line-height: 14px; */vertical-align: -5px;}
/*提交按钮样式*/
.buttoncss{display: inline-block; color: #FFF;border-radius: 2px; background: #4B51D7; text-align: center; font-size: 16px;cursor: pointer;padding: 3px 18px;}
.buttoncss:active{background:#ccc; color: #666;}


/*确认按钮样式(蓝底白字)*/
.subbtncss{display: inline-block; color: #FFF;border-radius: 2px; background: #4B51D7;box-shadow: 0px 0px 1px 0px rgba(80, 100, 141, 0.5);  text-align: center; font-size: 14px;cursor: pointer;}
.subbtncss:active{background:#ccc; color: #666;}
/*取消按钮样式(白底黑字)*/
.exitbtncss{display: inline-block; color: #3B3C41;border-radius: 2px; background: #fff;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5); text-align: center; font-size: 14px;cursor: pointer;}
.exitbtncss:active{background:#ccc;}

/*提交小按钮*/
.smallbtn{display: inline-block; color: #FFF;border-radius: 2px; background: #4B51D7; text-align: center; font-size: 12px;cursor: pointer;padding: 4px 11px;}
.smallbtn:active{background:#ccc; color: #666;}

/*input_text 100%输入框有背景色无边框线*/
.inputcss{background: rgba(80,100,141,0.10);border-radius: 2px;width: 100%;height: 26px;padding: 4px 8px;font-size: 12px;color: #9b9b9b;}
/*input_text 100%输入框无背景色有边框线*/
.inputbdcss{box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 100);border-radius: 2px;width: 100%;height: 29px;padding: 4px 8px;font-size: 14px;color: #3B3C41;}

/*input_text 短输入框有背景色无边框线*/
.inputshort{background: rgba(80,100,141,0.10);border-radius: 2px;width: 58px;height: 26px;padding: 4px 8px;font-size: 12px;color: #9b9b9b;}
/*input_text 短输入框无背景色有边框线*/
.inputshort_bd{border-radius: 2px;width: 58px;height: 26px;padding: 6px 11px;font-size: 14px;background: #FFFFFF;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.50);color: #72757a;}
/*select下拉框，灰底*/
.selcs{border-radius: 2px;width: 100%;height: 26px;font-size:12px;color:#9b9b9b;padding: 4px 8px;/* 清除默认边框 */border: 0;/* 清除默认的箭头样式 */appearance: none;-moz-appearance: none;-webkit-appearance: none;/* 右侧添加小箭头的背景图 */background: rgba(80,100,141,0.10) url(../images/auto/arrow.png) no-repeat;background-position: right 8px top 10px;background-size: 10px;cursor: pointer;}
/*select下拉框，灰框白底*/
.selcs2{width: 100%;height: 29px;border-radius: 2px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);font-size:14px;color:#3B3C41;/* 清除默认边框 */border: 0;/* 清除默认的箭头样式 */appearance: none;-moz-appearance: none;-webkit-appearance: none;/* 右侧添加小箭头的背景图 */background:  url(../images/auto/selectjt_black.png) no-repeat;background-position: right 8px top 8px;background-size: 10px;cursor: pointer;padding-left:8px;}
/*textarea*/
.textareacss{background: rgba(80,100,141,0.10);border-radius: 2px;width: 100%;height: 200px;padding: 4px 8px;font-size: 12px;color: #9b9b9b; }
/*多选框（伪多选框）*/
.chklabel{font-size: 12px;color: #3B3C41;cursor: pointer;}
.checkcss{display:inline-block; vertical-align: -2px;margin-right:4px;background: #FFFFFF;border: 1px solid #707D98;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);border-radius: 2px;width: 12px;height:12px;cursor:pointer;padding: 2px;}
.chkxin{height: 100%;width: 100%;background-color: #4B51D7;display: none;}
/*单选框（伪单选框）*/
.radiocss{display:inline-block; vertical-align: middle;margin-right:4px;background: #FFFFFF;border: 1px solid #979797;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50);border-radius: 50%;width: 10px;height:10px;cursor:pointer;padding: 1px;box-sizing: border-box;}
.radioxin{height: 100%;width: 100%;border-radius: 50%;background-color: #72757A;display: none;}
.radiolabel{font-size: 14px;color: #3B3C41;cursor: pointer;margin-right: 20px;}


/*上传附件按钮*/
.pdfbtn{width: 40px;height: 26px;box-sizing: border-box;padding: 4px 11px;background: rgba(80,100,141,0.10);border-radius: 2px;}
i.pdfupload{display: inline-block;background: url(../images/neir/pdfupload.png) center no-repeat;background-size: 100%;cursor: pointer;width: 19px;height:19px;}
/*图片样式*/
.imgcss{width: 100%;height:100%;}
/*加粗*/
.fontbold{font-weight: bold;}
/*通用阴影背景*/
.demandbg{background: rgba(0,0,0,0.3);position: fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;}

/*搜索框（模拟input,右侧有搜索图标）*/
.searchdiv{border: 1px solid rgba(225,225,225,1);position:relative;border-radius: 2px;padding: 5px 6px 5px 7px;width: 250px; height: 30px;float: right;}
.searchbox{display:inline-block;width: 100%;height: 100%;font-size:12px;color:#4B51D7;text-align:left;}
a.searchicon_blue {position: absolute;right: 0;top: 0;display: block;border-radius: 2px;width: 30px;height: 28px;border: 1px solid #fff;background: url(../images/dafen/searchicon.png) #fff center no-repeat;background-size: 50%;vertical-align: middle;cursor: pointer;}
a.searchicon{position: absolute;right: 0;top: 0; display:block;border-radius:2px;width:30px;height:28px;border:1px solid #fff;background: url(../images/wechat/searchicon.png) #fff center no-repeat;background-size: 50%;vertical-align: middle; cursor: pointer;}
a.searchicon:active{border:1px solid #cdcdcd;background: url(../images/wechat/searchicon.png) rgba(80,100,141,0.65) center no-repeat;background-size: 50%;}
a.searchicon:hover{border:1px solid #cdcdcd;background: url(../images/wechat/searchicon.png) #ececec center no-repeat;background-size: 50%;}
.con_searchbox {float: right;background: #ffffff;border-radius: 2px;width: 265px;height: 30px;padding: 0px 9px;position: relative;margin-right: 13px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);box-sizing: border-box;}
.searchinput {display: inline-block;width: calc(100% - 30px);height: 100%;font-size: 12px;color: #9b9b9b;text-align: left;}



/*icon图标共用样式*/
.icon{display: inline-block;background-size: 100%!important;cursor: pointer;}

/*无法点击样式*/
.nopoint{pointer-events: none;opacity:0.5;cursor: normal;}

 /*滚动条样式*/
.overflowyul::-webkit-scrollbar{
  width:5px;
  /*height:10px;*/
  /**/
}
.overflowyul::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
.overflowyul::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:5px;
}
.overflowyul::-webkit-scrollbar-thumb:hover{
  background: #333;
}
.overflowyul::-webkit-scrollbar-corner{
  background: #179a16;
}

.floatleft {
    float: left;
}


/*loading*/
.loading{position: fixed;left: calc((100% - 113px) / 2.0);top: calc((100vh - 30px) / 2.0); width: 113px;height: 16px;margin: 0 auto;display: none;}
.loading span{display: inline-block;width: 16px;height: 100%;margin-right: 4px;border-radius: 50%;background: #ffffff;-webkit-animation: load 1.04s ease infinite;}
.loading span:last-child{margin-right: 0px; }
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.loading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.65s;
}
/*loading*/ 

/*new pageing*/
.cm_page{ margin: 10px auto 0px auto;display: inline-block;width: 100%;padding: 10px 10px;margin: 0;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);position: fixed;bottom: 0;left: 0;right: 0;background-color: #fff;}
.cm_page tr{ border:none;}
.cm_page td{ padding:0px 5px; line-height: 25px; height: 25px;}
.cm_page a{display:inline-block; border: 1px solid #cccccc;border-radius: 3px;font-size: 12px;color: #3B3C41;min-width: 15px;height: 24px;line-height: 24px;text-decoration: none;text-align: center;padding: 0 10px;}
.cm_page a:hover{background: #3B3C41;text-decoration: none;color:#fff;}
.cm_page .pagenoa{border:1px solid #ececec;padding: 0;}
.cm_page .pagenoa:hover{border: 1px solid #979797;background: none;}
.cm_page span{font-size: 12px;color: #3B3C41;}
.cm_page img{width: 24px;height: 24px;}
.cm_page .page_select{ background: #FFFFFF;border: 1px solid #ccc;border-radius: 3px;width: 50px;height: 24px;padding: 0;font-size: 12px;color: #3B3C41;}
.cm_page .pagein{display:inline-block;background: #4a4a4a;border: 1px solid #4a4a4a;border-radius: 3px;font-size: 12px;color: #ffffff!important;min-width: 15px;height: 24px;line-height: 24px;text-decoration: none;text-align: center;padding: 0 10px;}
.cm_page select{font-size: 12px;}
/*pageing*/
.page{ margin:10px auto 30px auto; width:auto;}
.page tr{ border:none;}
.page td{ padding:0px 5px; line-height: 25px; height: 25px;}
.page a{display:inline-block; border: 1px solid #979797;border-radius: 2px;font-size: 12px;color: #3B3C41;min-width: 15px;height: 24px;line-height: 24px;text-decoration: none;text-align: center;padding: 0 10px;}
.page a:hover{background: #3B3C41;text-decoration: none;color:#fff;}
.page .pagenoa{border:1px solid #ececec;padding: 0;}
.page .pagenoa:hover{border: 1px solid #979797;background: none;}
.page span{font-size: 12px;color: #3B3C41;}
.page img{width: 24px;height: 24px;}
.page .page_select{ background: #FFFFFF;border: 1px solid #9B9B9B;border-radius: 2px;width: 50px;height: 24px;padding: 0;font-size: 12px;color: #3B3C41;}
.pagein{display:inline-block;background: #3B3C41;border-radius: 2px;font-size: 12px;color: #ffffff!important;min-width: 15px;height: 24px;line-height: 24px;text-decoration: none;text-align: center;padding: 0 10px;}

/*白色下三角形小*/
i.toparrowicon {position: absolute;width: 0;height: 0;border-bottom: none;border-top: 4px solid #ffffff;border-left: 3px solid transparent;border-right: 3px solid transparent;}


/*圆形感叹号*/
i.prompt {
    background: url(../images/sendmanage/sendprompt.png) center no-repeat;
    width: 14px;
    height: 14px;
    cursor: none;
    margin-right: 6px;
    vertical-align: -2px;
}

/*搜索框*/
.comsearchbox{float: right;background: #ffffff;border: 1px solid #dcdcdc;border-radius: 2px;width: 270px;height: 32px;position: relative;}
.comsearchbox>input{display: inline-block;
    width: 240px;
    height: 99%;
    font-size: 16px;
    color: #9b9b9b;
    text-align: left;
    padding-left: 8px;
    box-sizing: border-box;}
.comsearchbox>a{position: absolute;
    right: 0;
    top: 0;
    display: block;
    border-radius: 2px;
    width: 30px;
    height: 28px;
    border: 1px solid #fff;
    background: url(../images/wechat/searchicon.png) #fff center no-repeat;
    background-size: 50%;
    vertical-align: middle;
    cursor: pointer;}

i.qstediti {
    background: url(../qst_survey/images/qstediti.png) center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
i.qstediti:hover{background: url(../images/dafen/edition.png) center no-repeat;}    
/*编辑、删除*/
i.editdraft{display: inline-block;background: url(../images/sendmanage/editdraft.png) center no-repeat;width: 20px;height:20px;background-size: 100%;vertical-align: -1px;}
i.editdraft:hover{display: inline-block;background: url(../images/sendmanage/editdraft_on.png) center no-repeat;width: 20px;height:20px;background-size: 100%;vertical-align: -1px;}
i.delicon{display: inline-block;background: url(../images/auto/delbtn.png) center no-repeat;width: 20px;height:20px;background-size: 100%;margin-left:5px;vertical-align: -1px;}
i.delicon:hover{display: inline-block;background: url(../images/auto/delbtn_on.png) center no-repeat;width: 20px;height:20px;background-size: 100%;margin-left:5px;vertical-align: -1px;}


/*多列表格页面切换*/
.cm_personbody{margin: 32px 16px;}
.cm_personbody th,.cm_personbody td{padding: 5px;border-bottom: 1px solid #dcdcdc;}
.cm_personbody th{border-bottom: 2px solid #f0f0f0;}
.cm_personhead{font-size: 16px;position: relative;}
.cm_headtitle{margin: 0;padding:0;border-bottom: 1px solid #dcdcdc;height: 49px;}
.cm_headtitle>li{float:left;width: 122px;line-height:48px; border:1px solid #dcdcdc;border-right:none;text-align: center;background-color: #f6f6f6;font-size:16px;color:#3B3C41;font-weight: normal;}
.cm_headtitle .active{background-color: #fff; border:1px solid #dcdcdc;border-bottom-color: #fff;border-right:none;font-weight: bold;cursor: inherit;}
.cm_headtitle>li:hover{cursor: pointer;background-color: #fff;}
.cm_headtitle>li:last-child{border-right:1px solid #dcdcdc; }
.cm_headtitle .active:hover{border-bottom-color: #fff!important;}
.cm_headli a{color:inherit;display: block;}
.cm_personmiddle{padding: 15px;font-size: 14px;display: table;width: 100%;text-align: center;}
.cm_personmiddle table{width: 100%;table-layout: fixed;}
.cm_personmiddle table thead{text-align: left;background-color: rgba(246, 246, 246, 1);}
.cm_personmiddle table thead th{border-top: 1px solid #dcdcdc;font-weight: normal;font-size:14px;text-align: center;border-bottom: 2px solid #cccccc!important;display: table-cell;padding-bottom:9px;}
.cm_personmiddle table tbody td{display: table-cell;font-size: 14px;color: #3B3C41;}
.cm_personmiddle table tbody tr td{height: 60px;font-size: 14px;color:#3B3C41;word-wrap:break-word}
.cm_personmiddle table tbody tr td a{padding: 5px;color: inherit;text-decoration: none;font-weight: bold;}
.cm_personmiddle table tbody tr td a:hover{text-decoration: underline;color: #4671d5;}

.cm_miactive{display: block;border: 1px solid rgba(220, 220, 220, 1);border-top: none;border-radius: 2px;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0,0.1);}
.cm_miactive div a{height:50px;padding:15px 29px;box-sizing: border-box;cursor: pointer;}
.cm_miactive div a:hover{background-color: rgba(243, 243, 243, 1);}


/*二级菜单栏*/
.personbody{margin: 32px 16px;}
.personhead{font-size: 16px;position: relative;}
.headtitle{margin: 0;padding:0;border-bottom: 1px solid #dcdcdc;height: 49px;}
.headtitle>li{float:left;width: 122px;line-height:48px; border:1px solid #dcdcdc;border-right:none;text-align: center;background-color: #f6f6f6;font-size:16px;color:#3B3C41;font-weight: normal;}
.headtitle .active{background-color: #fff; border:1px solid #dcdcdc;border-bottom-color: #fff;border-right:none;font-weight: bold;cursor: inherit;}
.headtitle>li:hover{cursor: pointer;background-color: #fff;}
.headtitle>li:last-child{border-right:1px solid #dcdcdc; }
.headtitle .active:hover{border-bottom-color: #fff!important;}
.miactive{display: block;border: 1px solid rgba(220, 220, 220, 1);border-top: none;border-radius: 2px;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0,0.1);}
.personmiddle{padding: 15px;font-size: 14px;}
.headli a{color:inherit;display: block;}




/******************************新公用样式整理*/