@charset "utf-8";
.m-ft .u-photo img{min-height: 158px;object-fit: unset!important;}
.m-ft .ab{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis}
.pd-20 { overflow: hidden; height: auto; padding: 20px; }
.ft-mb { overflow: hidden; height: auto; min-height: 500px; padding: 50px 100px; }
.phone-12345 { height: 100%; background: url("../../images/hd.files/12345-bg.png") no-repeat center top; }
.phone-bd { height: auto; padding: 30px 40px; background: @basecolor; color: #fff; }
.phone-bd h3 { line-height: 32px; font-weight: bold; font-size: 24px; }
.phone-bd h3 a { color: #fff; }
.phone-bd p { line-height: 28px; font-size: 16px; }
.sq-xinx { overflow: hidden; height: auto; min-height: 244px; }
.sq-xinx .btbg { height: 80px; margin-top: 18%; text-align: center; background: #fff; background: rgba(255,255,255,.8); }
.sq-xinx .btbg a { display: inline-block; width: 100%; height: 30px; margin: 25px 0; border-right: 1px solid #9f9f9f; line-height: 30px; color: #090909; font-size: 20px; }
.sq-xinx .btbg:hover a { color: #090909; font-weight: bold; }
.sq-xinx .btbg:last-child a { border: none; }
/*选项卡*/
.tab-head { overflow: hidden; width: 100%; height: auto; padding: 0; }
.tab-head .tabs { overflow: hidden; height: auto; margin: 0; padding: 0; }
.tab-head .vote { overflow: hidden; height: auto; margin: 0; padding: 0; }
.tab-head ul li { float: left; margin: 0 10px; border-top: 4px solid #fff; line-height: 50px; color: #333; font-size: 18px; }
.tab-head ul li a { font-weight: bold; font-size: 18px; }
.tab-head ul li:first-child { margin: 0; }
.tab-head ul li.default { border-top: 4px solid @basecolor; color: @basecolor; }
.tab-head ul li.default a { color: @basecolor; }
.pd-020 { overflow: hidden; height: auto; padding: 0 20px 20px 20px; }
.ft-bd { overflow: hidden; height: auto; min-height: 384px; padding: 10px 10px 0 10px; }
/*在线访谈*/
.ft-img { position: relative; overflow: hidden; width: 360px; height: 212px; margin: 0 auto; }
.ft-img img { width: 100%; height: 100%; }
.ft-img a { position: absolute; top: 0; right: 0; left: 0; display: block; height: 100%; margin: 0 auto; text-align: center; background: rgba(34,34,34,.5); }
.ft-img i { z-index: 1; width: 70px; height: 70px; margin-top: 20%; border-radius: 50%; line-height: 70px; text-align: center; background: rgba(255,255,255,.8); color: rgba(34,34,34,.5); font-size: 25px; }
.ft-img i:hover { background: @basecolor; color: rgba(255,255,255,.9); }
.ft-img a span { display: inline-block; width: 100%; line-height: 40px; color: #fff; font-size: 16px; }
.ft-con { min-height: 160px; padding-top: 10px; line-height: 30px; font-size: 16px; }
.ft-con p { overflow: hidden; display: -webkit-box; margin: 0; word-break: break-all; text-overflow: ellipsis; }
.ft-con p span { display: inline-block; width: 50px; text-align: justify; color: @basecolor; font-weight: bold; }
.ft-con .ft-jiabin p { text-indent: 50px; }
.ft-con .ft-jiabin p span { margin-left: -50px; text-indent: 0; }
/*调查征集*/
.hd-dc { overflow: hidden; height: auto; min-height: 384px; padding: 10px 10px 0 10px; }
.dc-ul { overflow: hidden; height: auto; padding: 0; }
.dc-ul li { overflow: hidden; height: 36px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; }
.dc-ul li .continued { padding: 3px 8px; border-radius: 5px; background-color: @basecolor; color: #fff; font-size: 10px; }
.dc-ul li .finish { padding: 2px 8px; border-radius: 5px; background-color: #d2d2d2; color: #343434; font-size: 10px; }
.dc-ul li .glyphicon.glyphicon-play { color: #d2d2d2; font-size: 10px; }
.dc-ul li .continued.icon-hover { background-color: @basecolor; }
.dc-ul li .glyphicon.glyphicon-play.icon-hover { color: @basecolor; }
.dc-ul li a { padding-left: 10px; line-height: 36px; color: #333; font-size: 16px; }
/*调查征集翻页*/
.to-page {margin: -2px 5px;height: 22px;width: 44px;vertical-align: middle;}
.pagination > li > a, .pagination > li > span{float: none;}
/*回应关切*/
.hd-hy { overflow: hidden; height: auto; min-height: 384px; padding: 10px 10px 0 10px; }
.hy-ul { overflow: hidden; height: auto; padding: 0; }
.hy-ul li { overflow: hidden; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; }
.hy-ul li a { padding-left: 10px; line-height: 36px; color: #333; font-size: 16px; }

/*回应关切正文*/
.hygq{background: @basecolor2;height: auto;padding: 20px 40px;border:solid 1px @basecolor3;overflow: hidden;font-size: 18px;}
.hygq-type{font-weight: bold;color: @basecolor;background: #fff;padding:10px 20px;margin-top: 20px;display: block;}
.hygq-unm{color: @basecolor;background: #fff;padding:10px 20px;clear: both;float: right;}
.hygq-unm span{padding: 0 15px;}
.hygq-txt{line-height: 36px;background: #fff;display: block;padding: 0 20px;}
.hygq-txt p{line-height: 36px;}
/*4色块*/
.wxwb-bd { padding: 40px 10px; text-align: center; background: @basecolor; }
.wxwb-bd a { color: #fff; font-size: 20px; }


/*.m-lst ul{padding: 20px 0}
.m-lst ul li{line-height: 38px;}*/

.lst-tnm { border-bottom: 1px solid #e5e5e5; line-height: 50px; }
.lst-tnm a { padding: 15px 15px  13px 15px; border-bottom: 3px solid @basecolor; color: @basecolor; font-weight: bold; font-size: 20px; }
/*在线访谈*/
.m-ft { overflow: hidden; height: auto; padding: 20px 0; }
.m-ft .ft-tnm { line-height: 36px; font-size: 16px; }
.m-ft .ft-tnm span { color: @basecolor; font-weight: bold; }
.m-ft .ft-jb { line-height: 32px; font-size: 16px; }
.m-ft .ft-jb span { color: @basecolor; font-weight: bold; }
.m-ft .ft-jb-txt { line-height: 36px; color: #333; font-size: 16px; text-indent: 5em; }
.m-ft .ft-jb-txt p { margin: 0; line-height: 30px; }
.m-ft .ft-tm { line-height: 36px; font-size: 16px; }
.m-ft .ft-tm span { color: @basecolor; font-weight: bold; }
.m-ft .u-txt { overflow: hidden; height: auto; min-height: 164px; padding: 10px; border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5; background: #f6f6f6; }
.m-ft .u-photo { overflow: hidden; height: auto; min-height: 164px; }
.m-ft .u-photo img {max-height: 164px; -o-object-fit: cover; object-fit: cover;width: 100%}
/*调查*/
#survey_div { overflow: hidden; height: 100%; margin: 0 auto; border: 0 none; text-align: center; clear: both; }
.s_name_show { margin-bottom: 10px; font-weight: bold; font-size: 22px; }
#s_name_title { padding-top: 16px; padding-bottom: 13px; border-bottom: 1px solid #eee; text-align: center; font-weight: bold; font-size: 22px; }
.sub_div { padding: 10px 0; text-align: left; font-weight: bold; font-size: 16px; }
.item_div { width: 100%; height: auto; }
.item_div table { width: 100%; }
#s_description_show { overflow: hidden; width: auto; line-height: 32px; font-size: 16px; }
#s_status { width: 95%; margin-top: 15px; border-radius: 4px; line-height: 28px; text-align: center; background: #f5efea; font-size: 14px; }
#button_div { overflow: hidden; height: auto; margin-top: 20px; line-height: 40px; text-align: center; }
#button_div button { width: 120px; border: none; border-radius: 5px; text-align: center; background: @basecolor; color: #fff; font-weight: normal; font-size: 16px; cursor: pointer;; }
#button_div #sub_button { display: inline-block; width: 120px; border: none; border-radius: 5px; text-align: center; background: @basecolor; color: #fff; font-weight: normal; font-size: 16px; cursor: pointer;; }
#button_div .view { display: inline-block; width: 120px; margin-left: 20px; border: none; border-radius: 5px; line-height: 42px; text-align: center; background: @basecolor; color: #fff; font-weight: normal; font-size: 16px; cursor: pointer;; }
#button_div a { display: block; width: 120px; height: 40px; margin: 0 auto; border-radius: 20px; background: @basecolor; color: #fff; font-size: 16px; }

/*调查详细*/
#survey_div { overflow: hidden; height: auto; padding: 10px; }
#design_div { font-weight: normal; font-size: 20px; }
.m-dc_time{padding-bottom: 15px;}
.m-dc_time span{font-size: 16px;padding-right: 15px;display: inline-block;}
.m-dc_time span i{font-weight: bold;}
/*问卷标题样式*/
#s_name_show { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; line-height: 150%; font-weight: bold; font-size: 24px; }
/*问卷描述内容样式*/
#s_description_show { line-height: 32px; text-align: left; font-size: 16px; }
/*问卷选项标题外层div*/
#title_divs { height: auto; margin-top: 13px; line-height: 26px; text-align: left; font-weight: bold; font-size: 16px; }
/*题目序号外层div样式*/
.sort_num_div { float: left; width: 20px; font-weight: bold; }
/*题目标题外层div样式*/
#title_span { overflow: hidden; }
/*问卷选项内容div样式，缩进２个字符*/
#des_items_divs { overflow: hidden; margin-left: 24px; padding: 10px 15px; text-align: left; font-size: 16px; }
#des_items_divs input { overflow: hidden; display: inline-block; height: auto; margin-right: 10px; line-height: 24px; }
#des_items_divs span { line-height: 24px; }
/*必选题的*号样式 id 为　req_span*/
.wargin_span { color: red; cursor: pointer; }
/*选项提示信息*/
#description_div { margin-top: 5px; text-align: left; clear: both; text-indent: 2em; }
/*单选，多选列表样式*/
#item_ul { margin: 0; padding: 0; text-align: left; }
#item_ul li { overflow: hidden; height: auto; line-height: 28px; background: none; font-size: 16px; list-style-type: none; }
#item_ul li span { float: none; }
.li_css1 { float: left; width: 90%; }
.li_css2 { float: left; width: 45%; }
.li_css3 { float: left; width: 31%; }
.li_css4 { float: left; width: 24%; }
.li_css5 { float: left; width: 17%; }
.li_css6 { float: left; width: 14%; }
.li_css7 { float: left; width: 14%; }
.li_css8 { float: left; width: 12%; }
.li_css9 { float: left; width: 11%; }
.li_css10 { float: left; width: 9%; }

/*选项中图片外层div*/
#item_img_div { padding-bottom: 5px; }
/*选项中图片描述内容外层div*/
#show_img_des_div { position: absolute; display: none; width: 300px; padding: 5px; border: 1px solid #9fb2c7; line-height: 20px; text-align: left; background: #fff; text-indent: 2em; ; }

/*量表图样式*/
.scale { margin-right: 12px; }
.scale li { float: left; list-style-type: none; ; }
.scale_li_radio { padding-right: 12px; }
#items_divs th { padding-top: 12px; }

/*投票题*/
.pro_back { float: left; width: 100%; height: 16px; margin: 8px 0 0 5px; padding: 0 0 0 1px; line-height: 16px; background: #e2e8f0; }
.pro_back .pro_fore { overflow: hidden; display: block; height: 16px; line-height: 16px; background: @basecolor; }

/*矩阵题横向字符样式*/
.m_td { height: 25px; font-weight: bold; ; }

/*提示信息样式*/
.message_div { height: 20px; padding-top: 10px; ; }
.anwsercontent { padding: 20px 20px; }

/*调查时间*/
.survey-time-box { padding: 0 10px; font-size: 16px; }

@media all and (max-width: 1024px) { [class*="col-"] { padding: 0; }
  .ft-mb { padding: 20px; }
  .sq-xinx .btbg { height: 80px; margin-top: 26%; text-align: center; background: #fff; background: rgba(255,255,255,.8); }
  .phone-12345 { height: 300px; background: url("../../images/hd.files/12345-bg.png") no-repeat center top; background-size: cover; }
  #card .col-md-3 { padding: 8px; }
  #dcft .col-md-12,.col-md-6 { padding: 8px; }
  #lst .col-md-3,.col-md-9 { padding: 8px; }
  #ftlst .col-md-8 .ft-tnm { font-size: 16px; }
  #ftlst .col-md-8 .ft-tm { font-size: 16px; }
  #ftlst .col-md-8 .ft-jb { line-height: 21px; font-size: 16px; } }
@media all and (max-width: 768px) { #local .col-md-12 { padding: 0 11px; }
  .ft-mb { padding: 20px; }
  #call .col-sm-12 { padding: 0; }
  [class*="col-"] { padding: 8px; }
  .pd-20 { overflow: hidden; height: auto; padding: 0; }
  /*wap导航*/
  .lst-nav-title { height: 40px; line-height: 40px; font-weight: bold; font-size: 18px; }
  .lst-nav-list li { margin: 5px 0; border: none; line-height: 42px; text-align: center; }
  .lst-nav-list li a { display: block; border: 1px solid #e5e5e5; border-radius: 5px; line-height: 42px; font-weight: 400; font-size: 1.5rem; cursor: pointer; }
  .lst-tnm { overflow: hidden; height: auto; border: solid 1px #e1e1e1; border-bottom: none; line-height: 50px; }
  .lst-tnm a { font-size: 18px; }
  #w-nav .col-xs-6 { padding: 0 5px; }
  /*end*/
  .sq-xinx { min-height: 356px; margin-right: 0; background-size: cover; }
  .sq-xinx .btbg { height: 60px; margin-top: 20px; line-height: 60px; text-align: center; background: #fff; background: rgba(255,255,255,.6); }
  .sq-xinx .btbg a { display: block; width: 100%; height: 40px; margin: 0; border-right: 1px solid #9f9f9f; line-height: 40px; color: #090909; font-size: 20px; }
  .sq-xinx .btbg:last-child a { border-right: 1px solid #9f9f9f; }
  .mb-22 { margin-bottom: 0; }
  .lst-nav-list { overflow: hidden; height: auto; padding: 15px 20px; } }
@media all and (max-width: 750px) { body { background: #f2f2f2 !important; }
  .wxwb-bd { padding: 20px 10px; }
  .sq-xinx .btbg { float: right; width: 50%; height: 50px; margin-top: 10px; margin-left: 30px; line-height: 50px; text-align: center; background: #fff; background: rgba(255,255,255,.6); }
  .ft-mb { padding: 10px; }
  #button_div #sub_button { width: 80px; line-height: 36px; }
  #button_div .view { width: 80px; line-height: 36px; }
  .lst-tnm { border: none; }
  .container .m-bg { box-shadow: 0 2px 5px #c1c1c1; }
  .m-lst ul { padding: 5px 10px; }
  .lst-nav-list li { float: left; width: 50%; }
  .lst-nav-list li a { margin: 0 5px; } }

.dc-title{font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.dc-question{font-size: 16px;font-weight: bold;padding: 10px 0;}
.progress {height: 16px;}
.u-finished{width: 120px;margin: 0 auto;height: 40px;line-height: 40px;display: block;background: #226ebc;color: #ffffff;font-size: 16px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;margin-bottom: 2rem;}
.u-finished:hover{color: #ffffff;}