@charset "utf-8";
@import "http://www.ayaidi.com/images/animate.min.css";
/* 背景 */
body{ background: url("2021yhyshj_banner.png") no-repeat center top; }
/* 标题 */
.header-zl .logo{ padding-top:33px; padding-bottom:77px; }
.header-zl .zhuti{ padding-left:16px; }
/* 底部 */
.footer2020 .gov{ background:#7791c2; }
.footer2020 .gov .box{ background: #3b4861; }

/* 投诉须知 */
.tsxz{ background: url("2021yhyshj_wyjytabsbg.png"); height:390px; border-radius:4px; -webkit-border-radius: 4px; margin-top:100px; padding:30px 36px; overflow:hidden; }
.tsxz .tsxz-h2 h2{ color:#29367e; font-size:36px; font-family: "方正行楷简体"; text-align:center; margin-bottom:5px; }
.tsxz .tsxz-h2 p{ color:#29367e; font-size:18px; line-height: 40px; text-indent:2em; }

.tsxz-tabs{ margin-top:20px; }
.tsxz-tabs-hd ul{ text-align:center; }
.tsxz-tabs-hd ul li{ display:inline-block; text-align:center; width:150px; height:35px; line-height:35px; background:#fff; border-radius: 20px; -webkit-border-radius: 20px; margin: 0 10px; }
.tsxz-tabs-hd ul li a{ color:#374387; font-size:18px; }
.tsxz-tabs-hd ul li.on { background:#374387; }
.tsxz-tabs-hd ul li.on a{ color:#fff;}
.tsxz-tabs-bd{ padding: 0 20px; margin-top:25px; }
.tsxz-tabs-bd p{ color:#29367e; font-size:18px; line-height: 40px; text-indent:2em; }
#slfw{ height:190px; overflow-y:scroll; }
#slfw::-webkit-scrollbar { width: 8px;height: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#slfw::-webkit-scrollbar-track-piece { background-color: #fff; }
#slfw::-webkit-scrollbar-thumb { background-color: #d1d1d1; background-clip: padding-box;-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius:8px; }
#slfw::-webkit-scrollbar-thumb:hover { background-color: #d1d1d1; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
/* 投诉建议 */
.ts-jy{ margin-top:50px; }
.ts-jy-hd{ height:135px; background: url("2021yhyshj_wyjytabs.png") no-repeat center; }
.ts-jy-hd ul{ padding-top:37.5px; text-align:center; }
.ts-jy-hd ul li{ cursor:pointer; display:inline-block; width:370px; height:60px; line-height:60px; border-radius:4px; margin: 0 33px; background:#ffffff; font-size:18px; color:#000; text-align:center; }
.ts-jy-hd ul li.on{  background:#374387; color:#ffffff; }
.ts-jy-bd{ padding: 30px 50px; background:#fff; }
.ts-jy-bd .tit{ font-size:24px; color:#528afc; font-weight:bold; margin-bottom:30px; }
.ts-jy-bd .tit i{ display: inline-block; background-color: #528afc; width: 7px; height: 22px; margin-right: 10px; margin-top: -4px; vertical-align: middle; }
/*区域选择*/
.qyxz { margin-bottom:10px; overflow:hidden; }
.qyxz ul{ margin: 0 -12px; overflow:hidden; }
.qyxz li{ width: 20%; float:left; }
.qyxz li span{ display:block; background: #eeeeee; height: 35px; line-height:35px; border-radius:20px; text-align:center; margin: 0 12px 25px; font-size:18px; color:#676767; }
.qyxz li{ -webkit-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.qyxz li.on span{ background: #528afc; color:#fff; font-weight:bold; }
/*框架表单样式覆盖*/
.layui-form-label{ color: #165693; font-size: 18px; width:90px; }
.layui-input-block{ margin-left:120px; }
.layui-form-select dl dd.layui-this{ background-color: #528afc; }
.layui-icon{ font-size:20px; }
.va-m { vertical-align: middle!important; }
.red{ color:red; }
.layui-input-submit{ text-align:center; }
.min-text{ padding: 0 15px; }


@media only screen and (max-width: 1100px){
    .floor{ width:100%; }
    .w1200{ width:100%; }
    /* 背景 */
    body{ background: url("2021yhyshj_banner.png") no-repeat center top; background-size: cover; }
    /* 标题 */
    .header-zl .logo{ padding:20px; }
    .header-zl .logo img{ max-width:100%; }
    .header-zl .zhuti{ padding: 20px 20px 0; }
    .header-zl .zhuti img{  max-width:100%; }
    /* 投诉须知 */
    .tsxz{ margin: 40px 5px 0; height:auto; padding: 10px; }
    .tsxz .tsxz-h2 h2{ font-size:26px; }
    .tsxz .tsxz-h2 p{ line-height: 28px; }
    .tsxz-tabs-hd ul li{ width:auto; padding: 0 10px; margin: 0 5px; }
    .tsxz-tabs-bd{ padding: 0 10px; }
    .tsxz-tabs-bd p{ line-height: 28px; }
    /* 投诉建议 */
    .ts-jy{ margin: 15px 5px;  }
    .ts-jy-hd{ height:75px; padding: 0 2%; background-size: cover; }
    .ts-jy-hd ul{ padding-top: 15px;  }
    .ts-jy-hd ul li{ width: 45%; height:45px; line-height:45px; border-radius:4px; margin: 0 2%; }
    .ts-jy-bd{ padding: 20px 10px; }
    .ts-jy-bd .tit{ font-size:20px; color:#528afc; font-weight:bold; margin-bottom:30px; }
    /*区域选择*/
    .qyxz ul{ margin: 0 -12px; overflow:hidden; }
    .qyxz li{ width: 33.333%; float:left; }
    .qyxz li span{ display:block; background: #eeeeee; height: 35px; line-height:35px; border-radius:20px; text-align:center; margin: 0 12px 25px; font-size:18px; color:#676767; }

    .layui-form-item .layui-col-md6{ margin-bottom:15px; }
    .layui-form-item .layui-col-md6:last-child{ margin-bottom:0; }
    .layui-form-item .layui-form-label{ white-space: inherit; float:none; }
    .layui-form-item .layui-input-block{ margin:0; }
    .layui-form-label,.min-text{  padding: 9px 15px 9px 0; width:80%; text-align:left; }
    .red{ display:inline-block; }
}

@media only screen and (max-width: 375px){
    .tsxz-tabs-hd ul li{ padding: 0 8px; }
}