/** 初始化相关 **/
*{
  box-sizing: border-box;
  line-height: 22px;
}
body{
  font-size: 14px;
  color: #373d41;
}
input, textarea, select{
  outline: none;
  resize: none;
}
ul{
  list-style: none;
}
h3{
  font-size: 18px;
  font-weight: 500;
}
h4{
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.none{
  display: none;
}
.title{
  font-size: 16px;
  border-left: 2px solid #C12A19;
  padding-left: 10px;
}
.container{
  width: 1000px;
  margin: 0 auto;
}
.primary:before{
  content: '*';
  color: #F00;
  font-weight: 600;
  vertical-align: -5px;
  padding-right: 4px;
  font-size: 18px;
}
.float-left{
  display: inline-block;
  float: left;
}
.adaption{
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
a{
  text-decoration: none;
}
.clear::after{
  display: table;
  content: '';
  clear: both;
}
.btn{
  padding: 12px 50px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 1px;
  font-size: 16px;
  display: inline-block;
}
.btn:active{
  opacity: 0.9;
}
.btn-report{
  background: #8C0000;
  border-color: #8C0000;
  color: #fff;
}

/** 头部 **/
.top{
  width: 1000px;
  height: 180px;
  margin: 0 auto;
  background: url("../img/top.jpg");
}

/** 导航 **/
.nav{
  background: url("../img/nav-aside-bg.jpg");
}
.nav__list{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.nav__list::before{
  width: 33px;
  position: absolute;
  content: ' ';
  height: 100%;
  right: 0;
  top: 0;
  background: url("../img/nav-right-bg.jpg");
}
.nav__list > a, .nav__list > span{
  min-width: 112px;
  line-height: 48px;
  font-size: 17px;
  background: url("../img/nav-main-bg.jpg");
  display: inline-block;
  color: #fff;
  float: left;
  border-right: 1px solid #FF9599;
  text-align: center;
}
.nav__list > a:hover{
  color: #F0A719;
}
.nav__list > span{
  width: 310px;
  border: none;
}

/** 内容 **/
.article{
  width: 1000px;
  margin: 0 auto;
  min-height: 69.3vh;
  border: 15px solid #E6E6E6;
  border-bottom-width: 100px;
}

/** 页脚 **/
.footer{
  background: #001E50;
}
.footer__box{
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0 18px 0;
  background: #001E50;
  color: #a3a9b5;
  text-align: center;
}
.footer__left {
  vertical-align: top;
  width: 60px;
  height: 70px;
  background: url("../img/org.png") no-repeat;
  background-position: center;
  margin-right: 60px;
}
.footer__right{
  text-align: left;
  line-height: 28px;
  font-size: 14px;
}
.footer__right p{margin: 0}
.footer__box > div{
  display: inline-block;
}

/** 举报表单信息 **/
.report-form__input-item{
  margin-top: 16px;
}
.report-form__input-item > div{
  float: left;
}
.report-form__title{
  font-size: 16px;
  text-align: center;
}
.report-form__label, .report-form__error{
  padding-top: 7px;
}
.report-form__label{
  width: 126px;
  text-align: right;
}
.report-form__input{
  width: 320px;
}
.report-form__input select, .report-form__input input, .report-form__input textarea{
  border: 1px solid #C3C5C6;
  color: #373d41;
  padding: 10px 8px;
  width: 100%;
  border-radius: 1px;
}
.report-form__input textarea{
  height: 150px;
  line-height: 20px;
  padding: 8px;
}
.report-form__input select{
  color: #373d41;
  padding: 7px 8px 8px 8px;
  width: 100%;
}
.report-form__input select:hover, .report-form__input select:active, .report-form__input input:hover, .report-form__input textarea:hover, .report-form__input input:focus, .report-form__input textarea:focus{
  border-color: #00C1DE;
}
.report-form__input--error{
  border-color: #F00!important;
}
.report-form__error{
  color: #F00;
  padding-left: 10px;
}
.report-submit{
  margin: 42px 0 40px 0;
  text-align: center;
}
.report-submit > span{
  cursor: pointer;
  padding: 10px 54px;
}

/** 新闻组件 **/
.news{
  margin: 10px 0;
  padding-left: 10px;
}
.news > li{
  margin-top: 10px;
}
.news > li::before{
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #DA4453;
  margin-right: 6px;
  vertical-align: 3px;
}
.news > li > a{
  color: #373d41;
}
.news > li > a:hover{
  color: #428bca;
  text-decoration: underline;
}
