@charset "utf-8";
/*
 * Project: 12345 index CSS
 * Description: Private CSS;
 * Author: Tong
 * Version: 2016-12-22; 1em=16px; 0.625em=10px; 0.75em=12px; 0.875em=14px; 1.125em=18px; 1.25em=20px;
   1.375em=22px; 1.5em=24px; 1.625em=26px; 1.75em=28px; 1.875em=30px; 2em=32px; 2.125=34px; 2.25=36px;
 */
 
 /*public css*/
.TitleIco{ float:left; width:4px; height:1.125em; margin-right:10px;}
.TitleFont{ float:left; color:#000; font-size:1.125em;}
.TitleMore{ float:right;}
.TitleMore img{ width:auto; height:0.75em; vertical-align:middle;}

.pubList{ width:100%; background:#fff; border-bottom:1px solid #efefef; overflow:hidden;}
.pubList ul{ width:92%; padding:0 4%; height:3em; line-height:3em;}
.pubList ul li:focus{ border:none; outline:none;}
.pubArrow{ width:1em; height:1em; margin-top:1em; font-size:1em; background:url(../images/arrow.png) no-repeat right center; background-size:auto 1em;}
.pubTextarea{ width:92%; padding:1em 4%; min-height:9em; line-height:1.5em; border:none; outline:none; resize:none; overflow:hidden;}
/*public css*/
.pubCaption{ width:92%; padding:0.5em 4%; line-height:1.4em; text-align:center; background:#fdf9e3; border-top:1px solid #fff3af; border-bottom:1px solid #fff3af; overflow:hidden;}
.pubUploadImg{ width:92%; padding:1em 4%; background:#fff; overflow:hidden;}
.pubTerms{ width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:#333; margin-top:1em; text-align:center; overflow:hidden;}
 /*public css*/

/********index 20161228********/
.inner{ width:100%; overflow:hidden;}
.mb1{ margin-bottom:1em;}
.idxTop{ width:92%; padding:1em 4% 1em; overflow:hidden;}
.idxPerson{ width:2em; height:2em; float:right; overflow:hidden;}
.idxPerson img{ width:2em; height:2em;}
.idxLogo{ width:6em; margin:0.5em auto 0.75em; text-align:center; overflow:hidden;}
.idxLogo img{ width:100%; max-width:300px;}
.idxSearch{ position:relative; display:flex; width:100%; background:#fff; border-radius:5px; overflow:hidden;}
.idxSearch input[type='text']{ flex:1; padding:0 2%; height:3em; line-height:3em; font-size:1em; color:#888; border:1px solid #ddd; border-radius:5px; background:url(../images/search.png) no-repeat right center; background-size:auto 1.5em;}
.secrchBtn{position:absolute;right:0; top:0; width:3em; height:3em; cursor:pointer; }

.idxMenu{ width:100%; padding-bottom:1em; overflow:hidden;}
.idxMenu ul{ width:100%; overflow:hidden;}
.idxMenu ul li{ float:left; width:16.66%; color:#888; font-size:0.875em; text-align:center;}
.idxMenu ul li img{ width:30%; min-width:2em; margin-bottom:5px;}
.idxTitle{ width:92%; height:1.125em; padding:1.125em 4%; border-bottom:1px solid #efefef; overflow:hidden;}
.idxList{ display:flex; width:92%; padding:0.875em 4%; border-bottom:1px solid #efefef; overflow:hidden;}
.idxListImg{ position:relative; float:left; width:25%; max-width:7em;}
.idxListImg:after { content:''; display:block; margin-top:75%;}
.idxListImg::after { content:''; display:block; margin-top:75%;}
.idxListImg img{ position:absolute; top:0; width:100%; height:100%;}
.idxListFont{ flex:1; position:relative; min-height:5em; margin-left:1.25em; overflow:hidden;}
.idxListTitle{ position:absolute; top:0; left:0; width:100%; height:3em; line-height:1.5em; font-size:1.125em; overflow:hidden;}
.idxListInfo{ position:absolute; left:0; bottom:0; width:100%; height:2em; line-height:2em; font-size:0.75em;}
.idxListInfo ul{ width:100%; color:#888;}
.idxListInfo ul .mr5{ margin-right:5px;}
.idxListInfo img{ width:2em;border-radius: 50%;}
.idxListBtn{ height:1.6em; line-height:1.6em; margin-top:0.2em; margin-left:5px; padding:0 5px; border:1px solid #ddd;}
.idxListBtn img{ width:1em; margin-top:0.25em; margin-right:2px;}
.idxBtn{ width:92%; height:2.4em; line-height:2.4em; font-size:1.125em; color:#fff; text-align:center; margin:6px auto; border-radius:5px; overflow:hidden;}
.idxBtn img{ width:1.25em; margin-right:5px; vertical-align:middle;}
.disflex{ display:flex;}
.idxBottom{ width:92%; font-size:1.125em; padding:0 4%; border-bottom:1px solid #efefef; overflow:hidden;}
.idxBottom .mt1{ margin-top:1em;}
.idxTab{ float:left; flex:1;}
.idxTabBtn{ float:left; width:50%; text-align:center;}
.idxTabBtn.selected .idxTabFont{ float:left; height:3em; line-height:3em; margin-left:10%; border-bottom:2px solid #21aaf8;}
.idxTabFont{ float:left; height:3em; line-height:3em; margin-left:10%;}
.idxHotAnswer{ width:100%; vertical-align:middle; overflow:hidden;}
.idxHotAnswer tr td{ width:42%; padding:0.75em 4%; border-bottom:1px solid #efefef; border-right:1px solid #efefef;}
.idxHotAnswer tr td:last-child{ border-right:none;}
.idxHotAnswer tr:last-child td{ border-bottom:none;}
.idxHotTd{ display:flex; width:100%;}
.idxInner{ width:auto; margin:0 auto;}
.idxExpImg{ position:relative; float:left; width:45%; max-width:6em;}
.idxHotImg:after { content:''; display:block; margin-top:75%;}
.idxExpImg img{ position:absolute; top:0; width:100%; height:100%;}
.idxHotImg{ position:relative; float:left; width:3.5em;}
.idxHotImg:after { content:''; display:block; margin-top:100%;}
.idxHotImg::after { content:''; display:block; margin-top:100%;}
.idxHotImg img{ position:absolute; top:0; width:100%;}
.idxHotFont{ float:left; position:relative; flex:1; margin-left:10px;}
.idxExpTitle{ height:1.5em; line-height:1.5em; font-size:1; color:#333;}
.idxHotTitle{ height:1.5em; line-height:1.5em; margin-top:0.75em; font-size:1; color:#333;}
.idxHotCont{ height:2.4em; line-height:1.2em; font-size:0.75em; color:#666; overflow:hidden;}
/********index 20161228********/

/********发起成功页 20161229********/
.success{ width:100%; margin-top:4em; font-size:1.25em; text-align:center; overflow:hidden;padding-bottom: 2em;}
.successImg img{ width:3em;}
.successFont{ margin-top:0.8em;}
/********发起成功页 20161229********/

/********搜索页 20161229********/
.SearchMenu{ width:100%; overflow:hidden;}
.SearchMenu ul{ width:100%; overflow:hidden;}
.SearchMenu ul li{ float:left; width:33.33%; color:#888; font-size:0.875em; text-align:center;}
.SearchMenu ul li img{ width:30%; min-width:2em; margin-bottom:5px;}
/********搜索页 20161229********/

/********热门问答 20161230********/
.hotAns{ width:92%; padding:0 4%; height:3em; line-height:3em; font-size:1.125em; border-bottom:1px solid #efefef; overflow:hidden;}
.hotAnsMain{ width:92%; padding:0.875em 4%; font-size:1em; overflow:hidden;}
.hotAnsTitle{ width:100%; line-height:1.5em; font-size:1.125em; overflow:hidden;}
.hotAnsDate{ width:100%; font-size:1.125em; text-align:right;}
/********热门问答 20161230********/

/********诉求须知 20161230********/
.noticeHead{ width:92%; padding:1em 4% 0.75em; font-size:1.5em; color:#000; text-align:center; overflow:hidden;}
.noticeTitle{ width:92%; padding:0 4%; line-height:1.5em; font-size:1em; color:#333; overflow:hidden;}
.noticeCont{ width:88%; padding:0 6%; margin:0; line-height:1.8em; font-size:1em; color:#666; overflow:hidden;}
/********诉求须知 20161230********/

/********曝光台 20170103********/
.exposInner{ width:92%; padding:0 4%; margin-top:10px; overflow:hidden;}
.expImg{ float:left; width:33.33%;}
.expImg img { width:100%; vertical-align:middle;}
.expImgInner{ margin:3px; border:1px solid #ddd;}
.expTitle{ width:100%; line-height:2em; font-size:0.875em; background:#fff; border-bottom:1px solid #ddd; overflow:hidden;}
.expSolve{ width:100%; line-height:2em; font-size:0.875em; background:#fff; overflow:hidden;}
.expSolve img{ width:1em; margin-top:-3px; margin-right:2px;}
/********曝光台 20170103********/

/********搜索结果页 20170103********/
.schListImg{ position:relative; float:left; width:20%; max-width:4em;}
.schListImg:after { content:''; display:block; margin-top:75%;}
.schListImg::after { content:''; display:block; margin-top:75%;}
.schListImg img{ position:absolute; top:0; width:100%; height:100%;}
.schListFont{ flex:1; position:relative; min-height:3.2em; margin-left:1.25em; overflow:hidden;}
.schTip{ width:92%; padding:0.875em 4%; border-bottom:1px solid #efefef; overflow:hidden;}
.schTipTitle{ width:100%; line-height:1.375em; font-size:1.125em; overflow:hidden;text-align: justify;}
.schTipGuide{ text-align:right; margin-top:0.5em; font-size:0.75em; color:#888;}
.schTipGuide a{ font-size:1em; color:#888; text-decoration:underline;}

.schTip .photoBox { margin-left:-5px; margin-top:10px; overflow:hidden;}
.schTip .photoBox .photo { width:50%; padding-left:5px; margin-top:5px; box-sizing:border-box; overflow:hidden;}
.schTip .photoBox .photo .inner { width:100%; height:130px; overflow:hidden;}
.schTip .photoBox .photo .inner img { width:100%; height:130px;}

.schHot{ width:100%; height:2em; line-height:2em; margin-bottom:1em; font-size:0.75em; overflow:hidden;}
.schHotImg { width:2em; height:2em; border-radius:50%; margin-right:0.5em; overflow: hidden;}
.schHotImg img{ width:100%; height:100%;}
.schCal{ background:url(../images/calendar.png) no-repeat left center; background-size:1em; text-indent:1.4em;}
/********搜索结果页 20170103********/

/********诉求列表 20170104********/
.suqTab{ width:92%; padding:0 4%; font-size:1.2em; color:#666; background:#fff; overflow:hidden;}
.suqTabBtn{ height:3em; line-height:3em; margin-right:0.6em; overflow:hidden;}
.suqTabBtn.selected{ color:#21aaf8; border-bottom:2px solid #21aaf8;}
.suqName{ width:25%;}
.suqNo{ height:1.6em; line-height:1.6em; margin-top:0.6em; padding:0 5px; text-indent:1.1em; border:1px solid #ddd; background:url(../images/idxno.png) no-repeat 5px center; background-size:1em; overflow:hidden;}
.suqOk{ height:1.6em; line-height:1.6em; margin-top:0.2em; padding:0 5px; text-indent:1.1em; border:1px solid #ddd; background:url(../images/idxok.png) no-repeat 5px center; background-size:1em; overflow:hidden;}
.suqImgs{ width:33.33%; float:left;}
.suqImgInner:nth-child(3n+1){ margin-right:4px;}
.suqImgInner:nth-child(3n+2){ margin:0 2px;}
.suqImgInner:nth-child(3n+3){ margin-left:4px;}
.suqImg{ position:relative; width:100%; max-width:200px;}
.suqImg:after { content:''; display:block; margin-top:75%;}
.suqImg::after { content:''; display:block; margin-top:75%;}
.suqImg img{ position:absolute; top:0; width:100%; height:100%;}
.suqPos{ height:1em; line-height:2em; margin-bottom:0.5em; font-size:1em; color:#ccc;}
.suqPos img{ height:1em; vertical-align:middle; margin-right:2px;}
.suqComp{ font-size:0.75em;}
.suqRight{ margin-top:1em;}
.suqRightImg{ height:1.5em; line-height:1.5em; font-size:1.125em; margin-right:10px;}
.suqRightImg img{ height:1em; margin-right:2px;}
.suqAnsbg{ width:100%; font-size:1em; padding-left:1em; overflow:hidden;}
.suqAnsbg img{ width:2em; vertical-align:middle;}
.suqAnswer{ padding:0.6em 1em; line-height:1.5em; margin-top:-2px; font-size:1em; background:#e7f2f2; border-radius:3px; overflow:hidden;}
/********诉求列表 20170104********/

/********诉求详情页 20170104********/
.suqfoldMore{ width:1.2em; height:1.2em; background:url(../images/suqMore.png) no-repeat left center; background-size:1.2em;}
.suqfoldLess{ width:1.2em; height:1.2em; background:url(../images/suqLess.png) no-repeat left center; background-size:1.2em;}
.suqfoldCont{ width:92%; padding:0 4% 1em;}
.suqfooldTtile{ width:92%; padding:0.5em 4% 0; line-height:1.5em; font-size:1.125em; word-break:break-all; overflow:hidden;}
.suqfoldProg{ position:relative; display:flex; width:100%; font-size:1.125em; line-height:1.5em; overflow:hidden;}
.suqfoldProgBar{ width:10px; margin:0 25px 0 15px; background:url(../images/suqline.png) repeat-y 4px 0; background-size:2px; overflow:hidden;}
.suqtop img{ width:10px; position:absolute;}
.suqmid img{ width:10px; position:absolute; top:1em;}
.suqbot img{ width:20px; position:absolute; left:10px; bottom:0;}
.suqfoldFirst{ flex:1; padding-bottom:0.5em; border-bottom:1px solid #ddd; overflow:hidden;}
.suqfoldOthers{ flex:1; padding:0.5em 0; border-bottom:1px solid #ddd; overflow:hidden;}
.suqfoldLast{ flex:1; padding-top:0.5em; overflow:hidden;}
.suqAns{ width:100%; overflow:hidden;}
.suqBottom{ position:fixed; display:flex; bottom:0; width:92%; height:4em; padding:0 4%; border-top:1px solid #ddd; overflow:hidden;}
.suqBotImg{ width:2.5em; height:2.5em; margin:0.75em 1em 0 0; overflow:hidden;}
.suqBotImg img{ width:2.5em;}
.suqBotInp{ flex:1; height:2.5em; line-height:2.5em; margin-top:0.75em; border:1px solid #efefef; border-radius:5px;}
.suqBotInp input{ width:92%; padding:0 4%; font-size:1.125em;}
.suqBotBtn{ width:2.5em; height:2.5em; line-height:2.5em; margin:0.75em 0 0 1em; color:#fff; text-align:center; border-radius:5px; overflow:hidden;}
.suqAnsMB{width:100%;height: 4em; overflow:hidden;margin-bottom: 10px;}
/********诉求详情页 20170104********/

/********弹出选择框 20170110********/
.PopList{ height:auto; background:#fff; overflow:hidden;}
.PopList ul{ margin:0; padding:0;}
.PopList ul li{ list-style:none; padding:0.5em 1em; font-size:1.5em; color:#007aff; border-bottom:1px solid #ddd; text-align:center;}
.BtnCancel{ padding:0.5em 1em; margin-top:5px; font-size:1.5em; color:#007aff; border-bottom:1px solid #ddd; text-align:center; background:#fff; border-radius:10px; overflow:hidden;}

.KnowCancel{ width:100%; background:#fff; overflow:hidden;}
.KnowCancelBtn{ width:92%; margin:0 auto 1em; padding:0.5em 0; font-size:1.375em; color:#fff; text-align:center; border-radius:10px; overflow:hidden;}
/********弹出选择框 20170110********/

/********暂无数据 20170110********/
.nodata1{ width:100%; text-align:center; overflow:hidden;}
.nodata1 img{ width:80%; max-width:300px;}
/********暂无数据 20170110********/
/********自定义单选框 20170110********/
.noCheck{ padding-left:1.2em; background:url(../images/check.png) no-repeat left center; background-size:1em;}
.Checked{ padding-left:1.2em; background:url(../images/checked.png) no-repeat left center; background-size:1em;}
/********自定义单选框 20170110********/

.botEvaluate.statu1 {color: #e60000;border: 1px solid #e60000;}
.botEvaluate.statu2 {color: #666666;border: 1px solid #666666;}
.botEvaluate {width:6em;height: 2em;line-height: 2em;font-size: 0.6em; text-align:center;cursor: pointer;border-radius: 1em;overflow: hidden;}

.mt01 { margin-top:0.1rem; }
.myInteractTitle { width: 100%; height: 0.6rem; line-height: 0.6rem; padding: 0 0.25rem; font-size: 0.22rem; color: #333333; border-top: 1px solid #EEEEEE; box-sizing: border-box; background: #FFFFFF; overflow: hidden;}
.myInteractTitle .titleLine { width: 0.05rem; height: 0.22rem; margin: 0.19rem 0.15rem 0.19rem 0; background: #21aaf8; overflow: hidden;}
.myInteractTitle .processBtn { width: 0.3rem; height: 0.3rem; margin: 0.16rem 0; background: url(../images/processBtn1.png) no-repeat right center; background-size: 0.28rem; overflow: hidden;}
.myInteractTitle .processBtn.hide { background: url(../images/processBtn2.png) no-repeat right center; background-size: 0.28rem;}

.myProcess { width: 100%; padding: 0 0.25rem; box-sizing: border-box; background: #FFFFFF; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; overflow: hidden;}
.proccessList { width: 100%; line-height: 0.34rem; font-size: 0.22rem; color: #999999; background: url(../images/processLine.png) repeat-y left center; background-size: 0.14rem auto; box-sizing: border-box; overflow: hidden;}
.proccessList .processInfo { position: relative; width: 100%; padding-left: 0.45rem; box-sizing: border-box; overflow: hidden;}
.proccessList .processInfo.first { background: url(../images/processFirst.png) no-repeat left top; background-size: 0.24rem auto;}
.proccessList .processInfo.middle { background: url(../images/processIco.png) no-repeat left 0.25rem; background-size: 0.24rem auto;}
.proccessList .processInfo.last { background: url(../images/processLast.png) no-repeat left top; background-size: 0.24rem auto;}
.proccessList .proccessFont { width: 100%; min-height: 0.68rem; padding: 0.15rem 0; border-bottom: 1px solid #EEEEEE; overflow: hidden;}
.interactBlue { color: #21aaf8;}
.proccessList .time { margin-left: 0.4rem;}
.proccessList .processInner { position: absolute; left: 0; bottom: 0; width: 0.24rem; height: 0.22rem; background: url(../images/processInner.png) no-repeat left bottom; background-size: 0.24rem auto;}
.interactAnswerTitle { width: 100%; padding: 0.1rem 0; line-height: 0.48rem; font-size: 0.26rem; color: #333333; text-align: justify;}
.interactAnswerTitle div { clear: both; overflow: hidden;}
.interactAnswerTitle .time { color: #999999;}
.myInteractEvaluate { width: 100%; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; overflow: hidden;}
.evaluateOption { width: 100%; padding: 0.3rem 0.2rem; overflow: hidden;}
.evaluateOption .option { width: 33.33%; font-size: 0.24rem; overflow: hidden;}
.evaluateOption .option:active { background: none;}
.evaluateOption .facePhoto { width: 0.68rem; height: 0.68rem; margin: 0 auto; overflow: hidden;}
.evaluateOption .option .facePhoto.faceBad { background: url(../images/evalFace11.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option.selected  .facePhoto.faceBad { background: url(../images/evalFace12.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option .facePhoto.faceNormal { background: url(../images/evalFace21.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option.selected  .facePhoto.faceNormal { background: url(../images/evalFace22.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option .facePhoto.faceGood { background: url(../images/evalFace31.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option.selected  .facePhoto.faceGood { background: url(../images/evalFace32.png) no-repeat center center; background-size: 0.64rem;}
.evaluateOption .option .faceFont { width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #999999; text-align: center; overflow: hidden;}
.evaluateOption .option.selected .faceFont { color: #21aaf8;}
.evaluateFont { width: 100%; padding: 0 0.25rem; box-sizing: border-box; overflow: hidden;}
.evaluateFont .fontInner { width: 100%; border: 1px solid #EEEEEE; box-sizing: border-box; overflow: hidden;}
.evaluateFont .font { width: 100%; height: 1.8rem; line-height: 0.4rem; padding: 0.1rem 0.2rem; font-size: 0.24rem; color: #333333; border: none; resize: none; box-sizing: border-box; overflow: auto;}
.evaluateBtn { width: 100%; padding: 0.2rem 0.25rem; box-sizing: border-box; overflow: hidden;}
.evaluateBtn .btnSubmit { width: 100%; height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem; color: #FFFFFF; text-align: center; background: #1E81D2; border-radius: 0.05rem; overflow: hidden;}
.evaluateBtn .btnSubmit:active { background: #1769ab;}

.evalDeptList { width:100%; padding:0 0.25rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem; border-bottom:1px solid #EEEEEE; color:#666666; box-sizing:border-box; overflow:hidden;}
.evalDeptList * { vertical-align:middle; font-size:0.24rem;}