/*网络安全举报页面样式表*/

/*====================举报主页面====================*/
/*==========banner==========*/
/*专页样式调整 banner */
.report-banner{background:url("../images/banner-report.jpg") no-repeat right bottom #f5fafd;}
.report-banner .banner-title{color: #373f60;}
.report-banner .banner-con {color: #7885a2;}
.report-banner .banner-btn{background: #6086d8;color: #fff;border: none;}
.report-banner .banner-btn:hover{background: #4473d5;}
/*=========content=========*/
/*举报入口*/
.report-box{padding: 40px 0;overflow: hidden;background: #fff;}
.report-box a{width: 22%;margin-left:4%;float: left;padding: 20px 0;text-align: center;border: solid 1px #d6e0f0;color: #5776bb;font-size: 24px;font-weight: bold;margin-bottom: 20px;
    background: -webkit-linear-gradient(0deg, #ebf0f8, #ffffff);
    background: -o-linear-gradient(0deg, #ebf0f8, #ffffff);
    background: -moz-linear-gradient(0deg, #ebf0f8, #ffffff);
    background: linear-gradient(0deg, #ebf0f8, #ffffff);}
.report-box a:hover{background:#f5f9fd;box-shadow: 0 5px 8px rgba(117,154,232,.2);border-color: #9bb4e9;}
.report-box a:first-child{margin-left: 0;}
.report-box a i{display:block;width: 60px;height: 70px;margin: auto;background: url("../images/report-icon.png") no-repeat;}
.report-box a i.report-icon01{background-position: 0 0;}
.report-box a i.report-icon02{background-position: 0 -102px;}
.report-box a i.report-icon03{background-position: 0 -206px;}
.report-box a i.report-icon04{background-position: 0 -310px;}

.report-box .report-tel{overflow: hidden;clear: both}
/*举报流程*/
.report-flow{max-width: 1200px;margin:35px auto;text-align: center; overflow: hidden;background: url("../images/report-flow-icon.png") 0 -477px repeat-x;}
.report-flow li{width:23%;display: inline-block;margin:0;vertical-align: top;text-align: left;}
.report-flow li p{font-size: 14px;color: #888;line-height: 20px;}
.report-flow li i{display: block;margin: auto;width:100%;font-size:30px;text-align: center; font-weight: bold;color: #4173c9;background: url("../images/report-flow-icon.png") no-repeat;height: 135px;line-height: 135px;margin-bottom: 20px;}
.report-flow li.report-flow01 i{background-position:center -5px;}
.report-flow li.report-flow02 i{color: #fff;background-position:center -337px;}
.report-flow li.report-flow03 i{background-position:center -167px;}
.report-flow li.report-flow02 {margin: 0 15%;}

.report-tip{color: #666;padding-top:25px;border-top: dashed 1px #ddd;font-size: 14px;}
.report-tip h5{font-size: 16px;margin-bottom: 10px;}
/*网络安全部*/
.report-wlaqb .tab-title{text-align: center;margin-top: 35px;margin-bottom: 20px;overflow: hidden}
.report-wlaqb .tab-title a{padding: 0 50px;margin: 0 5px; line-height: 43px;height: 43px;display: inline-block;border: solid 1px #ddd}
.report-wlaqb .tab-title a.active{color: #fff;background: #557cd1;border-color: #557cd1; font-weight: bold;}
.report-wlaqb .tab-con{display: none;padding:20px;}
.report-wlaqb .nr_p {overflow: hidden}

/*资讯 案例*/
.report-zixun-box{overflow: hidden;}
.report-zixun{width:32.5%;float: left;border: solid 1px #ddd;background: #fff;margin-bottom: 20px;margin-left:1.25%;}
.report-zixun:first-child{margin-left: 0}
.report-zixun-title{line-height: 46px;height: 46px;border-bottom:solid 1px #ddd;padding: 0 20px;background: #f8f8f8;overflow: hidden;}
.report-zixun-con{padding: 20px;overflow: hidden;}
.report-anli-img{overflow: hidden;}
.report-anli-img li{float: left;width:15.6%;margin-right:1.2%;text-align: center;}
.report-anli-img li span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.report-anli-img li:last-child{margin-right:0;}
.report-anli-img li img{width: 100%;height: 135px;}

.report-anli-link{}
.report-anli-link li{line-height: 30px;overflow: hidden;}
.report-anli-link li a{font-size: 14px;width: 80%;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.report-anli-link li span{float: right;font-size: 14px;color: #999;}
@media(max-width:1400px){.report-anli-img li img{width: 100%;height: 125px;}}
@media(max-width:1200px){
    .report-box a{font-size: 20px;}
    .report-anli-img li img{width: 100%;height: 110px;}
}
@media(max-width:992px){
    .report-anli-img li{width: 31%;margin-right: 2%;font-size: 14px;}
    .report-anli-link li span{display: none;}
    .report-anli-link li a{width: 100%;}
    .report-flow li.report-flow02{margin: 0 5%}
    .report-anli-img li img{height: 140px;}
}
@media(max-width:768px){
    .report-anli-img li{width:48%;}
    .report-zixun{width:100%;margin-bottom: 10px;margin-left: 0}
    .report-box{padding: 10px}
    .report-box a{width: 48%;font-size: 15px;margin:5px 1%!important;padding: 15px 0}
    .report-box a i{display: none;}
    .report-box .report-tel{font-size: 14px;}
    .report-flow{background: none;margin: 15px auto}
    .report-flow li i{display: none;}
    .report-flow li{width: 100%;margin-bottom: 10px;}
    .report-flow li.report-flow02{margin: 0 0 10px 0}
    .report-wlaqb .tab-con{padding: 0;font-size: 14px;}
    .report-wlaqb .nr_p p{width:100%;}
    .report-wlaqb .tab-title{margin-top:15px;margin-bottom:10px;}
    .report-wlaqb .tab-title a{margin: 0; padding: 0 3px;font-size: 14px;}
    .report-anli-img li img{height: 100px;}
}
/*官方举报合作*/
.report-cooperation{text-align: center;overflow: hidden;}
.report-cooperation a{float: left;padding: 15px;border: solid 1px #ddd;width:23%;margin: 0 1%;}
.report-cooperation img{display: block;margin: auto;width: 30px;}



/*====================举报主页面 end====================*/
/*=========举报表单===========*/
.report-from{padding: 50px;background: #fff;box-shadow: 0 5px 8px rgba(0,0,0,.1);margin-bottom:30px;}
.report-from-title{font-size: 24px;color: #666;border-left: solid 5px #ee2d2d;line-height: 1;padding-left:15px;margin-bottom: 20px;}
.report-from-title a{font-size: 14px;color: #fff;background: #ee2d2d;display: inline-block;padding:7px 25px;float: right;}
.report-from .infringe-wrap{max-width: 1000px;margin: auto;}
.report-from .row-name{float: left; width: 180px;text-align: right;color: #666;}
.report-from .row-column{margin-left: 185px;}
.report-from .row {line-height: 2;padding: 12px 0;font-size: 14px;clear: both;}
.report-from .y-input{width: 280px;}
.from-more-btn{position: relative;z-index: 5;}
.from-more-btn .from-more-con{display: none;position: absolute;right: 0;bottom:20px;width:300px;padding: 10px;border: solid 1px #8faae2;background: #f6f9ff;color: #4469b6;}
.from-more-btn:hover .from-more-con{display: block;}
@media(max-width:992px){
    .report-from{padding:20px 10px}
}
@media(max-width:768px){
    .report-from .row-name{float: none;width: 100px;text-align: left;font-weight: bold}
    .report-from .row-column{margin-left: 0;}
    .report-from .row{padding:3px 0;}
    .report-from .y-input{width:100%;}
    .from-more-btn .from-more-con{right:-180px;;}

}
/*我的举报列表*/
.report-table{border:solid 1px #ddd;text-align: center;}
.report-table th{border:solid 1px #ddd;padding:8px 10px;background: #f5f5f5;}
.report-table td{border:solid 1px #ddd;padding:8px 10px;}