.web-index {
  min-height: calc(100vh - 6rem);
  min-width: 10rem /* 800/80 */;
  width: 100%;
  background-color: #fff;
  padding-top: 1.75rem 140/80;
}

.web_hed{
  width: 100%;
  height: 1.75rem /* 140/80 */;
  background-color: #173F8F;
}
.web-index .bannner {
  width: 100%;
  height: 5rem /* 400/80 */;
  /*background-image: url("../image/prepare.png");*/
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_img{
  width: 100%;
  height: 100%;
  display: block;
}
.bannner_title{
  color: #fff;
  font-size: .375rem /* 30/80 */;
  margin-top: 2.375rem /* 190/80 */;
}

.bannner_title_one{
  color: #fff;
  font-size: .25rem /* 20/80 */;
  margin-top: 2.625rem /* 210/80 */;
  margin-left: .125rem /* 10/80 */;
}
.content{
  height: 18.175rem /* 1454/80 */;
  width: 100%;
  background-color: #F7F8FA;
  padding-top: .5rem /* 40/80 */;
}
.content_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.content_box_top {
  display: flex;
  width: 10.3875rem /* 831/80 */;
  border-radius: .0375rem /* 3/80 */;
}

.content_box_top_input {
  width: 4.75rem /* 380/80 */;
  height: .65rem /* 52/80 */;
}

.content_box_top_input_one {
  width: 9.1375rem /* 731/80 */;
  height: .65rem /* 52/80 */;
  font-size: .2rem /* 16/80 */;
  border-top-left-radius: .0375rem /* 3/80 */;
  border-bottom-left-radius: .0375rem /* 3/80 */;
  background-color: #fff;
  border-style: none;
  outline: none;
  text-indent: .1875rem /* 15/80 */;
}

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
  - QQ Browser */
::-webkit-input-placeholder {
  color: #999;
  font-size: .2rem /* 16/80 */;
  font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
  color: #999;
  font-size: .2rem /* 16/80 */;
  font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
  color: #999;
  font-size: .2rem /* 16/80 */;
  font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
  font-size: .2rem /* 16/80 */;
  color: #999 !important;
  font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
  color: #999;
  font-size: .2rem /* 16/80 */;
  font-weight: 400;
}

/* CSS Working Draft */
input::placeholder {
  color: #999;
  font-size: .2rem /* 16/80 */;
  font-weight: 400;
}

.content_box_top_search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem /* 100/80 */;
  height: .65rem /* 52/80 */;
  background: #2B84FC;
  cursor: pointer;
  caret-color: transparent;
  border-radius: 0px 3px 3px 0px;
}

.content_box_top_search_one {
  font-size: .225rem /* 18/80 */;
  font-weight: 400;
  line-height: .65rem /* 52/80 */;
  color: #FFFFFF;
  margin-right: .05rem /* 4/80 */;
}

.content_box_top_search_two{
  width: .2125rem /* 17/80 */;
  height: .2125rem /* 17/80 */;
  /* margin-bottom: 50px; */
}
.content_box_top_search_two_img{
  width: 100%;
  height: 100%;
  display: block;
}
.message{
  width: 100%;
  min-height: 15rem /* 1200/80 */;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.04);
  margin-top: .4375rem /* 35/80 */;
  padding-left: .375rem /* 30/80 */;
  display: flex;
  overflow: hidden;
}
.dynamic_top{
  width: 12.125rem /* 970/80 */;
  padding-top: .5rem /* 40/80 */;
  min-height: 13.25rem /* 1060/80 */;
  overflow: hidden;
}
.dynamic_box{
  width: 12.125rem /* 970/80 */;
  height: 1.75rem /* 140/80 */;
  background: #F1F1F2;
  margin-bottom: .375rem /* 30/80 */;
  display: flex;
  padding-left: .375rem /* 30/80 */;
  padding-right: .25rem /* 20/80 */;
  padding-top: .375rem /* 30/80 */;
  padding-bottom: .1875rem /* 15/80 */;
  cursor: pointer;
}

.message_left{
  height: .5rem /* 40/80 */;
  margin-right: .275rem /* 22/80 */;
  width: 1.6125rem /* 129/80 */;
  font-size: .3rem /* 24/80 */;
  color: #B0B4BC;
  height: 100%;
}
.message_left_one{
  font-size: .3rem /* 24/80 */;
  font-weight: bold;
  color: #8E8E8E;
  margin-top: .0625rem /* 5/80 */;
}
.message_left_two{
  width: .875rem /* 70/80 */;
  height: .0125rem /* 1/80 */;
  background: #B6BAC9;
  opacity: 1;
  margin-top: .5rem /* 40/80 */;
  caret-color: transparent;
}

.message_right{
  display: flex;
  flex-direction: column;
  gap: .25rem /* 20/80 */;
  width: 9.6375rem /* 771/80 */;
}
.message_right_one{
  font-size: .2rem /* 16/80 */;
  font-weight: bold;
  line-height: .375rem /* 30/80 */;
  color: #000000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.message_right_two{
  font-size: .175rem /* 14/80 */;
  font-weight: 400;
  color: #999999;
  line-height: .3rem /* 24/80 */;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.xian{
  width: .0125rem /* 1/80 */;
  height: 8.4625rem /* 677/80 */;
  background: #EBECEE;
  margin-left: .375rem /* 30/80 */;
  margin-right: .475rem /* 38/80 */;
}
.inform{
  width: 5.25rem /* 420/80 */;
  height: 15rem /* 1200/80 */;
  padding-top: .5rem /* 40/80 */;
}
.inform_title{
  font-size: .225rem /* 18/80 */;
  color: #666666;
  font-weight: 400;
}
.inform_xian{
  width: 5.2625rem /* 421/80 */;
  height: .025rem /* 2/80 */;
  background: #CCCCCC;
  margin-bottom: .25rem /* 20/80 */;
  margin-top: .125rem /* 10/80 */;
}
.inform_img{
  width: 5.25rem /* 420/80 */;
  height: 2.875rem /* 230/80 */;
}
.inform_img_one{
  width: 100%;
  height: 100%;
  display: block;
}
.inform_time{
  font-size: .3rem /* 24/80 */;
  font-weight: bold;
  color: #B0B4BC;
  margin-top: .25rem /* 20/80 */;
  margin-bottom: .25rem /* 20/80 */;
}
.inform_one{
  font-size: .2rem /* 16/80 */;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
  margin-bottom: .1875rem /* 15/80 */;
  width: 5.2625rem /* 421/80 */;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.inform_two{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #999999;
  width: 5.2625rem /* 421/80 */;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}









.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: .375rem /* 30/80 */;
  margin-bottom: .25rem /* 20/80 */;
}

.pagination a {
  color: #333;
  padding: .1rem .2rem;
  text-decoration: none;
  border: 1px solid #ddd;
  margin: 0 .0625rem;
  font-size: .175rem /* 14/80 */;
  width: unset;
}

.pagination a.active {
  background-color: #2B65A5;
  color: white;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

.pagination a.prev, .pagination a.next {
  background-color: #f2f2f2;
}

.pagination a.disabled {
  pointer-events: none;
  opacity: 0.6;
}