@charset "utf-8";
/* CSS Document */
body{background: #F4F5F7;}
.guidang{position: absolute;right: 0;top: 100px;z-index: 99;}


/*头部*/
.ls-special-header{height: 400px;background:url("../images_hlwjb/banner.png") top center no-repeat;}
.ls-special-header .img_title{display: none;}
.ls-special-logo{padding-top: 20px;}
.ls-special-logo img{max-height: 50px;max-width:80%;height:auto;width:auto;}
.ls-special-ban{padding:23px 0 0;}
.ls-special-ban img{max-width: 90%;height: auto;}


/*主内容*/
.hlwjb_main{border-top-right-radius: 10px;border-top-left-radius: 10px;padding: 50px;position: absolute; top: 325px;  height: auto;  background: #FFFFFF;  box-shadow: 0px 0px 20px 0px rgba(24, 66, 149, 0.1);}
.hlwjb_link ul li{width: 340px; height: 180px;float: left;margin-right: 30px;}
.hlwjb_link ul li img{width: 100%;height: auto;}
.hlwjb_link ul li.num3{margin-right: 0px;}

/*举报内容*/
.jbnr{margin-top: 40px;}
.jbnr_top{text-align: center;font-size: 30px; font-weight: bold;color: #3166D1;background: url(../images_hlwjb/bt.png) center center no-repeat;}
.jbnr_bot{width: 844px;margin: 52px auto 0px;}
.jbnr_bot li{font-size: 20px;line-height: 48px;}
.jbnr_bot li .red{color: #CB0000;}
.jbnr_bot li.half .select{margin-left: 109px;height: 48px;}
.jbnr_bot li.half .select .n-invalid{width: 712px; border-radius: 5px; height: 100%;    color: #9E9E9E;    border: 1px solid #DDDDDD; border-radius: 5px; }


.jbnr_bot li.full{margin-top: 32px;}
.jbnr_bot li.full .textarea{margin-left: 109px;}
.jbnr_bot li.full textarea{margin-bottom: 12px;height: 318px;border: 1px solid #DDDDDD; border-radius: 5px;background: none; resize: none; font-size: 16px; line-height: 22px;    width: 692px; padding: 10px;}
.jbnr_bot li.full .sp_bz{margin-left: 109px;}


.jbnr_bot li.yzm{margin-top: 25px;}
.jbnr_bot li.yzm .code{margin-left: 109px;}
.jbnr_bot li.yzm .code .verification{border: 1px solid #DDDDDD; width: 569px; height: 28px; border-radius: 5px; padding: 10px; font-size: 16px; color: #9E9E9E;}
.jbnr_bot li.yzm .code .hyg{font-size: 16px;color: #3166D1;}


.jbnr_bot li.btnbox{margin: 0 auto;width: 286px;margin-top: 54px;}
.jbnr_bot li.btnbox .btn-submit{ border: 1px solid #DDDDDD;float: left;height: 50px;width: 123px; border-radius: 6px;background: #1D52BE;line-height: 50px;color: #FFFFFF;}
.jbnr_bot li.btnbox .btn-search{ border: 1px solid #DDDDDD;float: right; width: 123px;line-height: 50px;height: 50px;background: #FFFFFF;  box-shadow: 0px 0px 10px 0px rgba(29, 82, 190, 0.3);border-radius: 6px;}



/*底部*/
.ls-footer{ position: absolute; left: 0px; top: 1420px; right: 0px; }



@media(max-width:1299px) and (min-width:992px){
	.hlwjb_main{margin: 0 auto; left: 0px; right: 0px; width: 892px;}
	.hlwjb_link ul li{width: 277px;}
}


@media(max-width:991px){
  .ls-special-header{height: auto;}
    .ls-special-ban{padding: 40px 0;}
    	.hlwjb_main{margin: 0 auto; width:668px;position:static;}
	.hlwjb_link ul li{width: 216px;margin-right: 10px;height: auto;}
	.ls-footer{position:static;}


	.jbnr_bot{width: auto;}
	.jbnr_bot li.half .select .n-invalid{width: 98%;}
	.jbnr_bot li.full textarea{height: auto;width: 96%;}
	.jbnr_bot li.full .sp_bz{margin-left: 0px;}
	
	.jbnr_bot li.yzm .code .verification{width: 70%;}
	
}


@media(max-width:767px){
	    .ls-special-logo{float: none;text-align: center;}
    .ls-special-logo img{max-width: 80%;}
    .hlwjb_main{width: auto;}
    .hlwjb_link ul li{width: auto;float: none;margin-right: 0px;margin-bottom: 10px;}
    .hlwjb_link ul li.num3{margin-bottom: 0px;}
    .jbnr_bot li{line-height:inherit;}
    .jbnr_bot li.half .select,.jbnr_bot li.full .textarea{margin-left: 0px;}
    
}

@media(max-width:767px){
	.jbnr_bot li.btnbox{width: 250px;}
}

/*长辈版*/
body.useOldFixed .hlwjb_main{position: static;}
body.useOldFixed .ls-footer{position: static;}
body.useOldFixed .hlwjb_link ul li{margin-bottom: 10px;}
body.useOldFixed .hlwjb_link ul li.num3{margin-bottom: 0px;}
body.useOldFixed .jbnr_bot li.half .select{margin-left: 0px;height: auto;}
body.useOldFixed .jbnr_bot li.full .textarea{margin-left: 0px;}
body.useOldFixed .jbnr_bot li.full textarea{width: 98% !important;}
body.useOldFixed .jbnr_bot li.full .sp_bz{margin-left: 0px;}
body.useOldFixed .jbnr_bot li.yzm .code{margin-left: 0px;}
body.useOldFixed .jbnr_bot li.btnbox{text-align: center;}
body.useOldFixed .jbnr_bot li.btnbox .btn-submit{float: none;}
body.useOldFixed .jbnr_bot li.btnbox .btn-search{float: none;}
body.useOldFixed .jbnr_bot li.yzm .code .verification{width: 98% !important;}