@charset "utf-8";
/* CSS Document */
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0;}
.m-tabnav{overflow: hidden;text-align: center;}
.m-tabnav li{float: left;position: relative;}
.m-tabnav li a{display:block;line-height: 42px;font-size: 24px;color: #1f89e1;}

/*style2-背景色 */
.m-tabnav2{border-bottom:1px solid #dddddd;}
.m-tabnav2 li{height: 48px;}
.m-tabnav2 li a{padding:0 5px; font-weight: normal; font-size: 24px;line-height: 42px;color:#000;position: relative;}
.m-tabnav2 li+li{margin-left: 30px;}
.m-tabnav2 li.u-active a{color:#1f89e1;font-weight: bold;}
.m-tabnav2 li.u-active::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #1f89e1;}	

/*文字列表 */
.m-liststylecom li{height: 46px; line-height: 46px;}
.m-liststylecom li>a{display: block; font-size: 18px; padding-left: 14px; background: url(../images/public/icon-li.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li span{float: right; color: #b8b8b8; font-size: 16px;}
.m-liststylecom li a:hover{padding-left: 16px;}
.m-dashed li{border-bottom:1px dashed #ddd}

/* 主任信箱 */
.col-lg-8{width: 67.5%;}
.zrxx{margin-top: 17px;}
.xx-header{height:50px;line-height: 50px;background-color:#f0f0f0;}
.xx-header .thead{color: #1f89e1;font-size: 16px;}
.th.th1,.th.th2{padding-left: 48px;}
.th.th4{text-align: center;}
.th1{width: 22%;padding-right: 20px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.th2{width: 54%;padding-right: 20px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.th3{width: 12%;}
.th4{width: 12%;min-width: 110px;}
li.row{height: 42px;line-height: 42px;overflow: hidden;}
li.row span,li.row a{font-size: 18px;color: #333333;}
li.row .th3,li.row .th4{color: #666;}
li.row .td-green{color: #009933;}

/*writemail 写信*/
.u-xjlbbtn{display: block; margin-right: 20px; padding-left: 30px; background: url(../images/interact/icon-xjlb.png) left center no-repeat; font-size: 16px; font-weight: bold; color: #1f89e1;}
.m-nytit{padding: 12px 0; }
.m-mailxz{margin: 1px 0 20px; padding: 10px 40px 30px; line-height: 38px; color: #525252; background: #f5f5f5;}
.m-mailxz h1{font-size: 16px; font-weight: bold;}
.m-mailxz p{text-indent: 2em;}
.m-mailnologin,.m-mailnologin a{font-size: 14px;}
.m-mailnologin a{margin: 0 5px; color: #256ca4;}
.m-mailform{padding: 0 130px;}
.m-mailform label.u-tit{float: left; display: block; width: 90px; height: 38px; line-height: 38px; text-align: right;}
.m-mailform label.u-tit span{color: #f00;}
.m-usjbxx{height: 81px; padding: 12px 0 30px; border-bottom: 1px dashed #ddd;}
.u-stinps,.u-rdpub{width: 460px; height: 38px;}
.u-stinps input{width: 348px; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid #ddd; font-size: 14px;}
.u-stinps select{width: 370px; height: 38px; line-height: 36px; border: 1px solid #ddd; font-size: 14px;}
.m-mlcgxx{padding: 11px 0;}
.u-gkb{width: 370px; height: 38px; line-height: 38px;}
.u-gkb label{margin: 0 10px;}
.m-lginps{padding: 11px 0;}
.m-lginps input{width: 828px; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid #ddd; font-size: 14px;}
.m-lginps textarea{width: 828px; padding: 10px; border: 1px solid #ddd; font-size: 14px;}
.m-mlcode{padding: 11px 0;}
.m-mlcode input{float: left; padding: 0 10px; width: 158px; height: 36px; line-height: 36px; border: 1px solid #ddd; font-size: 14px;}
.m-mlcode img{float: left; display: block; width: 120px; height: 38px; margin: 0 10px;}
.m-mlcode span.u-qh{font-size: 12px; line-height: 60px; height: 38px; display: block; float: left; cursor: pointer;}
.m-mltjcz{padding: 30px 0 50px;width: max-content;margin: 0 auto;}
.m-mltjcz input{margin: 0 16px; width: 124px; height: 44px; line-height: 44px; border: none; font-size: 18px; -moz-border-radius: 6px; border-radius: 6px; background: #ebebeb; color: #999; cursor: pointer;}
.m-mltjcz input.u-sub{background: #1f89e1; color: #fff;}

/* 信件统计和查询 */
.col-lg-4{width: 32.5%;padding-left: 20px;margin-bottom: 60px;}
.zrxx-img{margin-top: 64px;}
.xj-info{height:588px;width: 435px;padding-left:50px;padding-top: 38px;margin-top: 33px;background: url(../images/interact/bg-xj.png) left top no-repeat;}
.m-xjcx{margin-top: 45px;}
.m-xjcx input,.m-xjcx .query-btn{outline: none; border: none;} 
.m-xjcx input{padding: 0 10px}
.xjtj-show .red{color: #ff0000;}
.xj-tit{font-size: 24px;color: #1f89e1;}
.xjcx-show,.xjtj-show{margin-top: 20px;font-size: 18px;line-height: 42px;color: #333333;}
.xjcx-show label{font-weight: bold;}
.xjcx-show .mm{margin-top: 20px;}
.submit-btn{padding-left: 90px;text-align: center;margin-top: 33px;}
.query-btn{padding:0 52px;height:49px;font-weight:bold;line-height:49px;color:#ffffff;background-color:#1f89e1;border-radius:25px;font-size:18px;}

/* 信件列表 */
.mainborder {border: 1px solid #e1ecfa;padding: 25px 30px;}
.xj-list-table .th{font-size: 18px;text-align: center;}
.xj-list-table .th1{width: 18%;}
.xj-list-table .th2{width: 46%;}
.xj-list-table .th3{width: 12%;}
.xj-list-table .th4{width: 12%;}
.xj-list-table .th5{width: 12%;}
.xj-list-table .th1,.xj-list-table .th2{padding: 0;}
.m-mailsearch{background:#f7f7f7;padding:25px 50px;}
.g-mailsearch{padding: 20px 0;margin: 0 -10px;}
.form-group{width:calc(100% - 125px);}
.cx-tit{padding-left:30px;font-size: 20px;margin-right: 15px;height: 46px;line-height: 46px;background:url(../images/interact/xjcx.png) left center no-repeat;color:#1f89e1;font-weight:bold;}
.g-mailsearch .cx-input{width:44%;margin-right:2%;}
.g-mailsearch .form-control{height: 46px;line-height: 46px; font-size: 18px;border: none;outline: none;}
.g-mailsearch .form-control::-webkit-input-placeholder{font-size: 18px;}
.g-mailsearch .btn{padding:0 20px;background-color:#1f89e1;color:#fff;border-radius:0;}
.m-wyxx{font-size: 18px;padding-left:30px;background:url(../images/interact/wyxx.png) left center no-repeat;}

/* 信件详情 */
.m-detailbox{padding:20px 45px;border:1px solid #e1ecfa;margin-bottom: 20px;}
.m-dcfuns{padding: 12px 20px;line-height: 24px;border-bottom: 1px solid #ddd;}
.u-dctime span{margin-right: 60px; color: #999;}
.u-dctime span i{color: #cd0000; font-style: normal;}
.m-yjzjtabs{background: #e6e6e6; overflow: hidden;}
.m-yjzjtabs li{float: left; width: 150px; text-align: center; line-height: 46px; cursor: pointer;}
.m-yjzjtabs li.u-active{background: #016bb6; color: #fff;}
.g-yjzjbox{padding: 20px 0;}
.g-yjzjbox table{width:100%}
.g-zjinfo{line-height: 188%; min-height: 164px;}
.m-lginps label.u-tit{float: left; display: block; width: 90px; height: 38px; line-height: 38px; text-align: right;}
.m-lginps label.u-tit span{color: #f00;}
.m-yjzjform{padding-left: 102px;}
.m-lylists h1{font-weight: bold; color: #d00d0d; padding: 5px; font-size: 16px;}
.m-lylists li{margin: 15px 0; padding: 20px; border: 1px solid #ddd;}
.m-lylists li .u-lynames{padding: 0 10px 10px; color: #ff862d;}
.m-lylists li .u-lybd{text-indent: 2em; font-size: 14px; color: #666;}
.m-zjrst .u-tit{font-weight: bold; color: #d00d0d; padding: 5px;}
.u-zjsetbs{line-height: 188%; min-height: 164px; text-indent: 2em;}
.m-mlcode label.u-tit{float: left; display: block; width: 90px; height: 38px; line-height: 38px; text-align: right;}

/*survey*/
.m-dcfuns{padding: 7px 20px 7px 25px; height: 56px; line-height: 42px; font-size: 16px; border-bottom: 1px solid #ddd;}
.u-dctime span{margin-right: 60px; color: #999;}
.u-dctime span i{color: #cd0000; font-style: normal;}
.u-dctime .share-main{margin-top: 10px;}
.g-survey{margin-bottom: 15px; padding: 15px; border: 1px solid #ddd;}
.g-survey .u-tit{line-height: 24px;}
.u-radio,.u-checkbox,.u-textarea{margin-top: 10px;}
.u-radio label,.u-checkbox label{display: inline-block; max-width: 100%; min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
.u-radio label input,.u-checkbox label input{position: absolute; margin: 4px 0 0 -20px;}
.u-textarea textarea{padding: 5px; width: 1038px; border: 1px solid #ddd;}
.m-mlcode label.u-tit{float: left; display: block; width: 90px; height: 38px; line-height: 38px; text-align: right;}
.m-mlcode label.u-tit span{color: #f00;}
.m-dcjsbd{padding: 14px; background: #f5f5f5;}
.m-dcjsbd span{color: #015293;}
.m-dcjsbd a{display: inline-block; width: 128px; height: 42px; line-height: 42px;text-align: center; background: #015293; color: #fff; -moz-border-radius: 6px; border-radius: 6px;}
.u-dcjgtit{margin: 1px 0 2px; padding: 10px; background: #f5f5f5; font-size: 14px;}
.g-dczjjg{margin-top: 15px; padding: 15px 15px 0; border: 1px solid #ddd;}
.g-dczjjg h1{font-weight: bold; font-size: 16px; margin-bottom: 10px; line-height: 24px;}
.u-dcname,.m-progress{width: 516px; line-height: 24px;}
.u-progress{width: 50%; height: 14px; background: #f5f5f5; padding: 5px; overflow: visible; -moz-border-radius: 20px; border-radius: 20px;}
.progressbar{float: left; height: 100%; -moz-border-radius: 20px; border-radius: 20px; position: relative; -webkit-animation: animate-positive 2s; -moz-animation: animate-positive 2s; animation: animate-positive 2s; background: #015293;}
@-webkit-keyframes animate-positive{
  0% {width: 0;}
}
@-moz-keyframes animate-positive{
  0% {width: 0;}
}
@keyframes animate-positive{
  0% {width: 0;}
}

@media screen and (max-width:1400px) {
    .container{width: 1200px;}
    .th1{width: 25%;}
    .th2{width: 48%;}
    .th3{width: 12%;}
    .th4{width: 12%;}
    /* 信件列表页面 */
    .g-mailsearch .cx-input{width: 43%;}
    /* 征集调查结果 */
    .u-dctime span{margin-right: 30px;}
}
@media screen and (max-width:1200px) {
    .container{width: 970px;}
    .col-lg-8,.col-lg-4{width: 100%;}

    /* 写信页面 */
    .m-usjbxx{height: auto;}
    .m-usjbxx .u-stinps:first-child{margin-bottom: 20px;}

    /* 信件列表页面 */
    .g-mailsearch .cx-input{width: 42%;}
    .xj-list-table .th2{width: 43%;}

    /* 征集调查结果 */
    .m-dcfuns{height: auto;}
    
}
@media screen and (max-width: 991px) {
    .container{width: 750px;}
    .th1{width: 35%;}
    .th2{width: 68%;}
    .th3{width: 14%;}
    .th4{width: 18%;}

    /* 写信页面 */
    .m-lginps input,.m-lginps textarea{width: 100%;}

    /* 信件列表页面 */
    .g-mailsearch .cx-input{width: 40%;}
    .xj-list-table .th2{width: 72%;}
    .xj-list-table .th3{width: 20%;}
}
@media screen and (max-width: 767px) {
    .container{width: 100%;}
    .th.th1, .th.th2{padding-left:0; text-align: center;}
    .zrxx .list-switch{overflow-x: auto;}
    .col-lg-4{width: 100%; margin-bottom: 20px;padding-left:0;}
    .zrxx-img{margin-top: 20px;}
    .xj-info,.img-fluid{width: 100%;}
    .xx-header,.zrxx-flash{width: 576px;}
    .xjtj-show .col-lg-12{width: 100%;}
    .xjtj-show .col-lg-6{width: 50%;}
    .xj-info{padding-left: 20px;}
    .layui-input-wrap{width: calc(100% - 110px);}

    /* 写信页面 */
    .m-mailform{padding: 0;}
    .u-stinps input,.u-stinps select{width: 250px;}

    /* 信件列表页面 */
    .xx-header, .zrxx-flash,.form-group,.g-mailsearch .cx-input{width: 100%;}
    .xj-list-table .th2{width: 62%;}
    .xj-list-table .th3{width: 37%;}
    .g-mailsearch .cx-input{margin-bottom: 20px;}
    .m-wyxx{margin-top: 12px;}

    /* 征集调查结果 */
    .m-yjzjform{padding-left: 15px;}
    .ls-window-box{width: 300px;}
    /* 投票 */
    .m-detailbox{padding: 20px 10px;}
}
@media screen and (max-width: 430px) {}