﻿*{font-family:"微软雅黑"; padding:0; margin:0; text-decoration:none;box-sizing: border-box;}
img{border:0}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; border:0; } 


.body_bk{background:url(../images/bk_top.png) no-repeat; background-size:100%; background-color: #eee; color: #666;}

.index_search {
  width: 96%;
  margin: 0pt auto;
  text-align: center; 
  margin-top:30px;
}

.input_search {
  width: 100%;
  background-color: #eee;
  text-align: left;
  height: 25pt;
  text-indent: 1em;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 10pt;
  border:0px;
}

.v_search {
  width: 85%;
  float: left;
}

.v_scan {
  float: left;
  width: 15%;
  height: 25pt;
}

.swiper {
width: 96%;
height: 180px;
margin:0 auto;
border-radius:10px;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}


.view_dh_bg {
  width: 96%;
  background-color: #fff;
  margin: 0pt auto;
  text-align: center;
  border-radius: 5pt;
  padding: 10pt 0pt;
  height: 220px;
  margin-top:10px;
}

.view_dh {
  width: 25%;
  float: left;
  margin-bottom: 5pt;
}

.view_dh img {
  width: 60px;
  height: 60px;
}

.daohang {
  width: 90%;
  margin: 10px auto;
  text-align: center;
  font-size: 16px;
  color: #f64a51;
}

.index_list_big {
  width: 96%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}

.index_list {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-radius: 20rpx;
  margin-top: 5px;
}

.index_list:not(:nth-child(3n)) {
  margin-right: 2%;
}

.img_sptp {
  width: 100%;
  height: 80pt;
  border-radius: 20rpx;
}

.spmc {
  width: 90%;
  margin: 5px auto;
  font-size: 12px;
  height:35px;
}

.spjg {
  width: 90%;
  height:30px;
  float: left;
  color: #f64a51;
}


.list_table{width:100%; border-bottom:1px solid rgb(228, 228, 228); margin-bottom:10px;}
.list_sptp{width:80px; height:80px; margin:10px auto;}
.list_guige{font-size:12px; color:#999999;}
.list_spgj{font-size:13px; color:#f64a51; font-weight:bold;}
.list_jiajian{width: 20px; height:20px; margin: 0 auto;}
.list_sl{width:20px; border:0px; text-align:center;}
.list_qiding{font-size:12px; text-align:center; color:#999999; height:30px;}



input[type='checkbox'] {
cursor: pointer;
font-size: 18px;
width: 20px;
height: 20px;
position: relative;
}

input[type='checkbox']:after {
position: absolute;
width: 20px;
height: 20px;
top: 0;
content: ' ';
color: $white-color;
display: inline-block;
visibility: visible;
padding: 0px 3px;
border-radius: 3px;
background: $white-color;
border: $border;
box-sizing: border-box;
}

input[type='checkbox']:checked:after {
content: '\2713';
font-size: 15px;
text-align:center;
font-weight: 600;
background-color: #f64a51;
color:#FFFFFF;
border: none;
}

.gwc_dw{font-size:12px; color:#999999;}
.gwc_jg{color:#f64a51; width:120px; height:40px;}
.gwc_jiajian{width:30px; text-align:center;}
.gwc_jiajian img{width:20px;height:20px; margin:0 auto;}
.gwc_sl{width:30px;}


.gwc_bottom1{width:40px; float:left; text-align:center; margin-top:5px;}
.gwc_bottom11{width:100px; float:left;height:30px; line-height:30px;}
.gwc_bottom2{width:100px; float:right; text-align:center; height:30px; font-size:16px; line-height:30px; color:#f64a51;}
.gwc_bottom3{width:100px; float:right;}


.grzx_top{background:url(../images/head.png) no-repeat; width:100%; height:150px;}


.tab_bottom{width:25%; text-align:center;}
.tab_bottom img{width:25px; height:25px; margin:5px;}























