@charset "utf-8";
*{outline:none;}
a:focus,input:focus,textarea:focus,select:focus,button:focus,textarea:focus{outline:none;}
.hide.active{ display: block !important;}
/*留言详细页*/
.ls-message-article{font-family: "Microsoft YaHei", 微软雅黑; font-size: 18px; }
.message_wzbt{font-size: 32px; line-height: 62px;color: #256bc4;text-align: center; margin-bottom: 20px;}
.message_con{margin-bottom: 30px;}
.message_nr .liuyancon{margin:0 auto;border-collapse:collapse; max-width: 100%;color: rgba(0, 0, 0, 0.8);font-size:18px;background: #fff;}
.message_nr .liuyancon th.tit,.message_nr .liuyancon td.nr,.message_nr .liuyancon td.nrtxt{border: 1px solid #eee;line-height:52px;padding: 8px 20px; }
.message_nr .liuyancon th.tit{ font-weight:normal;padding:8px 30px 8px 20px; width: 144px; text-align:right;background: #f8f8f8;color: #333;}
.message_nr  .liuyancon td.nr-type,.message_nr .liuyancon td.nr-unit{ width: 310px;}
.message_nr .liuyancon td.nrtxt{padding: 20px; line-height: 34px; font-size: 18px;}
.message_nr .liuyancon td.nrtxt *{ font-size: 18px!important;font-family: "Microsoft YaHei"!important;}
.message_title{ line-height: 34px; margin-bottom: 12px; background: url("../images/zn-icon1.png") left center no-repeat; padding-left: 43px;color: #000; font-size: 26px;}
.message_title span{color: #256bc4;}
.hf_title{background: url("../images/zn-icon2.png") left center no-repeat;}
.replyAndEvaluate .message_con{margin-bottom: 0;}
.ls-ydf-tips{color: #333; font-size: 20px; font-weight: 400; line-height:26px; margin-bottom: 18px;}
.ls-ydf-tab{border-bottom: 1px solid #eee;overflow: hidden;}
.ls-ydf-tab ul li{float:left; width: 108px; height: 38px; text-align: center; line-height: 38px; margin-right: 2px;}
.ls-ydf-tab ul li span{color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: 400; display: block; cursor: pointer;background: #f8f8f8;}
.ls-ydf-tab ul li.active span{background: #256bc4; color: #fff;}
.ls-ydf-list{ padding-top: 13px;}
.ls-ydf-list ul li{height: 38px; line-height: 38px; background:url("../images/icon.gif") left 20px no-repeat; padding:2px 0px 2px 17px;position: relative;}
.ls-ydf-list ul li .columnname{cursor:pointer;display:inline-block;position: absolute;color: rgba(0, 0, 0, 0.6);top:8px; right: 0px;font-size: 14px; line-height: 26px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #ccc; border-radius: 13px;padding: 0 13px;}
.ls-ydf-list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 120px;max-width: 680px;}
.ls-ydf-list ul li .columnname:hover{background: #256bc4; color: #fff;}

.list-content li{ line-height: 28px; font-size: 16px; background: url(../images/icon.gif) left 15px no-repeat;padding: 2px 0 2px 15px;position: relative; }
.list-content li._pagination{ background: none; padding: 0;  margin: 10px 0; text-align: center;}
.list-content li._pagination a.page-item {font-size: 16px;display: inline-block; padding: 0 12px; border-radius: 4px;  border: 1px solid #256bc4; background: #fff; color: #256bc4; margin: 0 3px;}
.list-content li._pagination a.page-item:hover {color: #fff; background: #256bc4;}
.list-content li._pagination a.page-item.active {color: #fff;font-weight: bold; background: #256bc4;}

@media (min-width:992px) and (max-width:1199px) {
    .message_nr  .liuyancon td.nr-type,.message_nr .liuyancon td.nr-unit{ width: 210px;}
    .ls-ydf-list ul li a{ max-width: 520px;}
}
@media only screen and (max-width:991px) {
    .message_nr  .liuyancon td.nr-type,.message_nr .liuyancon td.nr-unit{ width:100px;}
    .message_nr .liuyancon th.tit, .message_nr .liuyancon td.nr, .message_nr .liuyancon td.nrtxt{ line-height: 34px;}
    .ls-ydf-tab ul li{ width: auto}
    .ls-ydf-tab ul li span{ padding: 0 15px;}
    .ls-ydf-list ul li{ height: auto; line-height: 32px; background-position: left 14px; margin-bottom: 4px; }
    .ls-ydf-list ul li a{ margin-right: 0; white-space: normal;display: inline;}
    .ls-ydf-list ul li .columnname{ position: static; margin-left: 10px;}
}
@media only screen and (max-width:767px) {
    .ls-message-article{ font-size: 16px; }
    .message_wzbt{font-size:28px; line-height: 50px;}
    .message_nr .liuyancon{border-bottom: 1px solid #eee; font-size: 16px;}
    .message_nr .liuyancon th.tit,.message_nr .liuyancon td.nr,.message_nr .liuyancon td.nrtxt{ padding:10px!important; line-height: 30px!important; display: block !important; text-align: left !important; width: auto !important;border-bottom: 0 none !important;}
    .message_con{margin-bottom:12px;}
    .ls-ydf-tips{ font-size: 16px;}
    .message_nr .liuyancon td.nrtxt{  font-size: 16px;}
    .message_nr .liuyancon td.nrtxt *{ font-size: 16px!important;}
}
@media only screen and (max-width:509px) {
    .ls-ydf-tab ul li{ margin-top: 2px;}
}
.message_nr .mydcon{height:60px;line-height:60px;font-size:16px;}
.message_nr .mydcon ul li{float:left;white-space:nowrap;}
.message_nr .mydcon ul li.mm{padding-right:10px;}
.message_nr .mydcon ul li p{float:left;}
.message_nr .mydcon ul li p.bt{white-space:nowrap;font-weight:bold;}
.message_nr .mydcon ul li p.srk{position:relative;}
.message_nr .mydcon ul li p.srk .msg-box{position:absolute;left:0;top:14px;}
.message_nr .mydcon ul li p.srk .myd_input{float:left;margin-top:14px;border:1px solid #ddd;width:170px;height:24px;line-height:24px;padding:3px 5px;}
.message_nr .mydcon ul li label{padding-right:15px;white-space:nowrap;}
.message_nr .mydcon ul li.pjbtn{float:right;}
.message_nr .mydcon ul li.pjbtn input.myd_btn{font-size:16px;width:90px;height:36px;line-height:36px;color:#fff;border:0;background:#d61313;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;padding-bottom:2px;}
@media (max-width: 991px) {
    .message_nr .mydcon{height:auto;line-height:50px;}
    .message_nr .mydcon ul li p.srk{height:50px;}
    .message_nr .mydcon ul li p.srk .msg-box{top:9px;}
    .message_nr .mydcon ul li p.srk .myd_input{margin-top:9px;}
}
@media (max-width: 767px) {
    .message_nr .mydcon{line-height:40px;font-size:14px;}
    .message_nr .mydcon ul li{white-space:normal;}
    .message_nr .mydcon ul li.mm{padding-right:5px;}
    .message_nr .mydcon ul li label{padding-right:10px;}
    .message_nr .mydcon ul li p.srk{height:40px;}
    .message_nr .mydcon ul li p.srk .msg-box{top:4px;}
    .message_nr .mydcon ul li p.srk .myd_input{margin-top:4px;}
}
@media (max-width: 479px) {
    .message_nr .mydcon ul li p.srk .myd_input{width:130px;}
    .message_nr .mydcon ul li label{padding-right:5px;font-weight:normal;}
}
/*弹窗重置*/
.item-skin.ui-dialog,.reply-skin.ui-dialog{ border: none; border-radius: 10px;}
.item-skin .ui-dialog-header,.reply-skin .ui-dialog-header{ background: #256bc4;  border-radius: 10px 10px 0 0;}
.item-skin .ui-dialog-header .ui-dialog-title,.reply-skin .ui-dialog-header .ui-dialog-title{ color: #fff; font-size: 24px;}
.item-skin .ui-dialog-close,.reply-skin .ui-dialog-close{ color: #fff; opacity: 1;  font-weight: normal;     font-size: 30px;   text-shadow: 0 0 0 #fff;}
.item-skin .ui-dialog-close:focus,.item-skin  .ui-dialog-close:hover{ color: #fff; opacity: .8;  }
.reply-skin .ui-dialog-close:focus,.reply-skin  .ui-dialog-close:hover{ color: #fff; opacity: .8;  }

/*智能润色助手*/
ins{ text-decoration: none !important;}
.polish-tips{ color: #256bc4; font-size: 20px; line-height: 26px; }
.polish-info{ color:#666;font-size: 16px; line-height:32px; padding: 10px 0 20px 0;}
.ls-polish-form{ background: #fff; border: 1px dashed #E3E6F4;  border-radius: 4px; height: 304px;}
.ls-polish-form .polish-title{  padding: 12px 0 8px 22px;  border-bottom: 1px solid #f3f3f9; }
.polish-left,.polish-right{ position: relative; width: 50%;  box-sizing: border-box; height: 244px;}
.polish-right{ background: #f9f9fc; border-left:1px solid #f0f0f8;padding:25px 14px; }
.polish-left{ padding: 25px 40px 50px 14px;}
.polish-left textarea{border: none; width: 100%; height: 100%; background: none; font-size: 18px; color: #666; line-height: 30px;}
.polish-right textarea{border: none; width: 100%; height: 100%; background: none; font-size: 18px; color: #323232; line-height: 30px;}
.polish-link{ position: absolute; right:14px; text-align: center; bottom: 10px; background: #5e6afd;  background: linear-gradient(107deg, #5B6AFF 4%, #816FF1 90%);border-radius: 3px; width: 60px; height: 30px; line-height: 30px;font-size: 16px; color: #fff; }
.polish-link:hover{ color: #fff;  background: linear-gradient(107deg, #5161fe 4%, #7663ec 90%);}

.polish-close{ position: absolute; top:14px; right: 14px; width: 20px; height: 20px;  background: url(../images/polish-close.png)  center center no-repeat  #F5F7FB; cursor: pointer; border-radius: 50%; -moz-border-radius: 50%;  }
.polish-close:hover{background: url(../images/polish-close.png)  center center no-repeat  #eff4fd; }
.polish-num{ position: absolute;  font-size: 14px; color: #ccc; right: 84px; bottom: 10px; line-height: 30px;}
.polish-num i{ font-style: normal;}
.polish-back{ margin: 30px 0 0 0;font-size: 16px; color:#666; line-height: 18px;}
.polish-back .tit{ display: inline-block; vertical-align: top;}
.polish-rating {display: inline-block; }
.polish-rating input {display:none;}
.polish-rating label {float: right;cursor: pointer;transition: color 0.3s; width: 18px; height: 18px; background: url(../images/start.png)  0 0 no-repeat; margin-left: 8px;}
.polish-rating input:checked ~ label, .polish-rating label:hover, .polish-rating label:hover ~ label { background: url(../images/start-h.png)  0 0 no-repeat;transition: color 0.3s;}
.polish-btn{ text-align: center; margin-top: 50px;}
.polish-btn  input{display: inline-block; width: 145px; margin: 0 10px;height: 48px;border: none; line-height: 48px;color: #fff; font-size: 18px;background: #256bc4; border-radius: 3px; text-align: center;}
.polish-btn  .btn-submit{ background: #123f78; color: #fff;  }

.item-skin .ui-dialog-content,.reply-skin .ui-dialog-content{overflow-y: auto;}
@media only screen and (max-width:1200px) {
    .ai-polish .ui-dialog-content,.reply-skin .ui-dialog-content { width: 800px !important; }

}
@media only screen and (max-width:991px) {
    /*.ui-popup{ right: 1% !important;left:1% !important;}*/
    .ui-dialog-grid{ width: 100%;}

    .ai-polish .ui-dialog-content, .reply-skin .ui-dialog-content{ width: 98% !important;  max-height: none !important; }
    .reply-skin .ui-dialog-content{height: 350px !important;}
    .polish-btn{ margin-top: 20px;}

    .item-skin .ui-dialog-header .ui-dialog-title,.reply-skin .ui-dialog-header .ui-dialog-title{ font-size: 20px;}
    .item-skin .ui-dialog-content{ width: 98% !important;max-height: none !important;height: 300px !important; }
}
@media only screen and (max-width:767px) {
    .item-skin .ui-dialog-header .ui-dialog-title,.reply-skin .ui-dialog-header .ui-dialog-title{ font-size: 18px;white-space: normal;}

    .ls-polish-form{ height: auto;}
    .polish-left,.polish-right{ float: none; width: auto;}
    .polish-right{ border-left:none; border-top:1px solid #f0f0f8;}
    .polish-btn input{font-size: 16px;height: 42px;line-height: 42px;}

    .ui-dialog-content{width:100% !important;max-height:300px !important;}
    .item-skin  .ui-dialog-body{ padding: 10px; }
    .ui-popup-modal{ right: 10px; left: 10px !important;}
}
/*答复助手*/
.aiaq-info{ color: #333; font-size: 18px; text-indent: 2em; padding-bottom: 5px; line-height: 32px;}
.ls-aiaq-form{ border: 1px dashed #E3E6F4; padding: 10px 22px 22px 22px; border-radius: 4px; background: #F9F9FC;}
.ls-aiaq-form .aiaq-title{ margin-bottom: 5px; }
.ls-aiaq-box{background: #FFFFFF; padding: 25px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03); border-radius: 3px;  }
.ls-aiaq-tabs{border-bottom: 1px solid #f3f3f9;overflow: hidden;}
.ls-aiaq-tabs ul li{float:left; width: 108px; height: 38px; text-align: center; line-height: 38px; margin-right: 2px;}
.ls-aiaq-tabs ul li span{color: rgba(0, 0, 0, 0.8); font-size: 16px; font-weight: 400; display: block; cursor: pointer;background: #F4F8FF;}
.ls-aiaq-tabs ul li.active span{background: linear-gradient(102deg, #5B6AFF 2%, #816FF1 90%); color: #fff;}
.ls-aiaq-list{ padding-top: 10px;}
.ls-aiaq-list ul li{height: 38px; line-height: 38px; background:url("../images/icon.gif") left 19px no-repeat; padding:2px 0px 2px 17px;position: relative; font-size: 18px;}
.ls-aiaq-list ul li .columnname{cursor:pointer;display:inline-block;position: absolute;color: rgba(0, 0, 0, 0.6);top:8px; right: 0px;font-size: 14px; line-height: 26px;background: #F9F9FC;border-radius: 13px;padding: 0 12px; color: #AFB0C5;}
.ls-aiaq-list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 120px;}
.ls-aiaq-list ul li .columnname:hover{background: #256bc4; color: #fff;}
.ls-aiaq-form .polish-back{ margin-top: 10px; padding-top: 20px; border-top:1px dashed #e7e9f4;}
.ls-aiaq-form  .polish-btn{ margin-top: 30px;}
.ls-aiaq-form  .polish-btn input{ width: auto;  padding: 0 28px;}

@media only screen and (max-width:991px) {
    .ls-aiaq-form{     padding: 10px 12px 12px 12px;}
    .ls-aiaq-box{ padding: 20px;}
    .ls-aiaq-list ul li{ height: auto;}
    .ls-aiaq-list ul li a{ margin-right: 0; display: inline;white-space:normal; }
    .ls-aiaq-list ul li .columnname{ position: static;}
    .ls-aiaq-form .polish-btn input{ margin-bottom: 8px;}
}
@media only screen and (max-width:767px) {
    .ui-dialog-body{ padding: 10px;}
    .aiaq-info{ font-size: 16px;}
    .ls-aiaq-box{ padding: 15px;}
    .ls-aiaq-form .aiaq-title img{height: 30px;}
    .ls-aiaq-list ul li{font-size: 16px;}
}


/*适老化*/
body.useOldFixed .ls-ydf-tab ul li{width: auto !important;}
body.useOldFixed .ls-ydf-tab ul li span{padding: 0 15px;}
