* {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

a {
  text-decoration: none;
  color: #333; }

body {
  font-size: .26rem; }

.clearfix:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

.text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.text-center {
  text-align: center; }
.btn-baomings{
	width:3rem;
	height:.8rem;
	line-height:.8rem;
	margin:.2rem auto;
	text-align:center;
	color:#000;
	background:#fed815;
	border-radius:.4rem;
	display:block;
	font-size:.32rem;
	border:2px solid #4883a9;
}
.dn {
  display: none; }

.content-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fff; }

.indexpage {
  position: relative;
  width: 100%;
  height: 100%; }
  .indexpage .index-banner {
    position: relative;
    width: 100%;
    height: 10.23rem;
    overflow: hidden; }
    .indexpage .index-banner a {
      display: block;
      height: 10.23rem; }
    .indexpage .index-banner img {
      width: 100%;
      position: relative; }
  .indexpage .index-bg-con {
    width: 100%;
    height: 100%;
    background: url("bg1.png") no-repeat center bottom;
    background-size: 100% 100%; }
    .indexpage .index-bg-con .hd-desc {
      padding: .5rem .5rem 0rem; }
      .indexpage .index-bg-con .hd-desc .sec {
        margin-bottom: .3rem; }
        .indexpage .index-bg-con .hd-desc .sec .text {
          text-indent: .5rem;
          font-size: .24rem;
          color: #000;
          line-height: .4rem; }
        .indexpage .index-bg-con .hd-desc .sec .zh {
          margin: 0 auto;
          width: 2.49rem;
          background: url("xian.png") no-repeat center;
          background-size: 100% .04rem;
          text-align: center; }
          .indexpage .index-bg-con .hd-desc .sec .zh em {
            font-size: .28rem;
            color: #ff4c4c; }
    .indexpage .index-bg-con .cyrequire {
      padding: .3rem; }
      .indexpage .index-bg-con .cyrequire .tou {
        width: 100%; }
        .indexpage .index-bg-con .cyrequire .tou a {
          display: inline-block;
          width: 1.56rem;
          height: .43rem;
          line-height: .43rem;
          border: 0.03rem solid #0c4a6f;
          background-color: white;
          font-size: .3rem;
          color: #0c4a6f;
          border-radius: .3rem;
          margin-bottom: .2rem; }
      .indexpage .index-bg-con .cyrequire .detail ul li {
        display: flex;
        align-items: flex-start;
        margin-bottom: .12rem; }
        .indexpage .index-bg-con .cyrequire .detail ul li i {
          flex: 0 0 .15rem;
          display: inline-block;
          border-radius: 50%;
          background-color: black;
          opacity: 0.388;
          width: .15rem;
          height: .15rem;
          margin-right: .1rem;
          vertical-align: middle; }
          .indexpage .index-bg-con .cyrequire .detail ul li i.bgn {
            background-color: transparent; }
        .indexpage .index-bg-con .cyrequire .detail ul li span {
          margin-top: -.12rem;
          font-size: .24rem;
          color: #000;
          line-height: .4rem; }
    .indexpage .index-bg-con .woyaobaoming .media-list .detail-li {
      box-sizing: border-box;
      position: relative;
      margin-bottom: .2rem; }
      .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row {
        box-sizing: border-box;
        padding: 0 .6rem;
        min-height: .7rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        overflow: hidden; }
        .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-33 {
          font-size: .3rem;
          color: #000;
          box-sizing: border-box;
          float: left; }
        .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 {
          width: 3.81rem;
          box-sizing: border-box;
          float: left; }
          .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 .item-input {
            width: 100%; }
            .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 .item-input input, .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 .item-input textarea {
              border: none;
              box-shadow: none;
              display: block;
              padding: 0 0 0 .2rem;
              margin: 0;
              min-height: .7rem;
              width: 100%;
              color: #000;
              font-size: .24rem;
              border-radius: .08rem; }
            .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 .item-input textarea {
              height: 1.8rem;
              padding: .2rem 0 0 .2rem; }
          .indexpage .index-bg-con .woyaobaoming .media-list .detail-li .row .col-65 .fileElem-photo {
            display: inherit;
            width: 1rem;
            height: 1rem;
            background: url("tupj.png") no-repeat center;
            background-size: 100%; }
    .indexpage .index-bg-con .btn-row {
      width: 100%;
      height: .77rem;
      text-align: center;
      margin-top: .7rem;
      margin-bottom: 1.5rem; }
      .indexpage .index-bg-con .btn-row a {
        display: inline-block; }
      .indexpage .index-bg-con .btn-row .bm {
        width: 3.14rem;
        height: .77rem;
        background: url("baoming.png") no-repeat center;
        background-size: 100% 100%;
        margin-right: .4rem; }
      .indexpage .index-bg-con .btn-row .qt {
        width: 3.18rem;
        height: .77rem;
        background: url("qita.png") no-repeat center;
        background-size: 100% 100%; }
.other-btn{ display:block;width: 3.18rem;
        height: .77rem;
		margin:0 auto;
        background: url("qita.png") no-repeat center;
        background-size: 100% 100%; }}
.listpage {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #62bcf1; }
  .listpage .searchbar {
    margin: 0 auto;
    padding: .4rem .69rem;
    overflow: hidden;
    height: .6rem;
    background-color: #62bcf1; }
    .listpage .searchbar .search-input {
      position: relative;
      height: 100%; }
      .listpage .searchbar .search-input .icon {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: .9rem;
        height: 100%;
        background-color: #fec429;
        border-bottom-right-radius: 0.75rem;
        border-top-right-radius: 0.75rem; }
        .listpage .searchbar .search-input .icon .icon-search {
          width: .49rem;
          height: .5rem;
          position: absolute;
          top: 10%;
          right: 0.25rem;
          background: url("sousuo.png") no-repeat center right;
          background-size: 100% 100%; }
      .listpage .searchbar .search-input input {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        display: block;
        border: none;
        appearance: none;
        border-radius: 0.75rem;
        font-family: inherit;
        color: #3d4145;
        font-size: 0.24rem;
        font-weight: normal;
        padding: 0 0 0 0.5rem;
        background-color: #fff; }
      .listpage .searchbar .search-input input::-webkit-input-placeholder {
        color: #b8b8b8;
        font-size: .24rem; }
  .listpage .list-box {
    padding: 0 .85rem;
    background-color: #62bcf1; }
    .listpage .list-box .zp-ul {
      display: flex;
      flex-flow: row wrap;
      align-content: center;
      justify-content: space-between; }
      .listpage .list-box .zp-ul .item {
        box-sizing: border-box;
        padding: .15rem;
        position: relative;
        background-color: #fff;
        margin-bottom: .3rem; }
        .listpage .list-box .zp-ul .item .imgrow {
          margin-bottom: .35rem; }
          .listpage .list-box .zp-ul .item .imgrow img {
            display: block;
            width: 2.5rem; }
        .listpage .list-box .zp-ul .item .numrow {
          width: 100%;
          margin-bottom: .35rem; }
          .listpage .list-box .zp-ul .item .numrow .text-left {
            text-align: left;
            float: left; }
            .listpage .list-box .zp-ul .item .numrow .text-left .font-27 {
              font-size: .27rem; }
            .listpage .list-box .zp-ul .item .numrow .text-left .font-21 {
              font-size: .21rem; }
          .listpage .list-box .zp-ul .item .numrow .text-right {
            float: right;
            font-size: .27rem;
            text-align: right; }
        .listpage .list-box .zp-ul .item .btnrow {
          text-align: center; }
          .listpage .list-box .zp-ul .item .btnrow .btn {
            display: inline-block;
            width: 1.92rem;
            height: .46rem;
            line-height: .46rem;
            font-size: .28rem;
            color: #fff;
            background-color: #ff4c4c;
            margin: 0 auto;
            border-radius: .25rem;
            text-align: center; }
    .listpage .list-box .yeshul {
      display: flex;
      align-content: center;
      justify-content: center;
      margin: .4rem auto; }
      .listpage .list-box .yeshul li {
        box-sizing: border-box;
        padding: 0 .1rem;
        margin: .1rem;
        position: relative;
        background-color: #fff;
        text-align: center;
        font-size: .28rem;
        color: #000;
        border-radius: .05rem;
        border: .01rem solid #2e94d0; }

.modal-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10600;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms; }
  .modal-overlay.modal-overlay-visible {
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    visibility: visible; }

.modal {
  width: 4.5rem;
  position: fixed;
  z-index: 11000;
  left: 50%;
  margin-left: -2.25rem;
  margin-top: 0;
  top: 15%;
  border-radius: 0.35rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  color: #020100;
  display: none; }
  .modal.modal-in {
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    display: block; }
  .modal .close {
    position: absolute;
    z-index: 100;
    top: -.15rem;
    right: -.15rem;
    width: .55rem;
    height: .55rem; }
    .modal .close img {
      width: 100%;
      height: 100%; }
  .modal .modal-inner {
    padding: 0.4rem;
    border-radius: 0.05rem;
    position: relative;
    background: #fff; }
    .modal .modal-inner .modal-image {
      width: 3.74rem;
      overflow: hidden; }
      .modal .modal-inner .modal-image img {
        display: block;
        width: 100%; }
    .modal .modal-inner .modal-text {
      margin-top: .23rem; }
      .modal .modal-inner .modal-text .xmxx {
        font-size: .24rem;
        margin-bottom: .15rem; }
        .modal .modal-inner .modal-text .xmxx .name {
          display: inline-block;
          overflow: hidden; }
        .modal .modal-inner .modal-text .xmxx .school {
          display: inline-block;
          overflow: hidden; }
      .modal .modal-inner .modal-text .jiyu {
        font-size: .28rem;
        border-bottom: 1px solid  #b8b8b8;
        padding-bottom: .1rem; }
      .modal .modal-inner .modal-text .cansu {
        padding-top: .1rem; }
    .modal .modal-inner.modal-inner2 {
      border-radius: .1rem;
      background-color: #000;
      opacity: .7; }
      .modal .modal-inner.modal-inner2 .modal-text2 {
        text-align: center;
        margin-top: 0;
        color: #fff; }
.btn-list{
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 0;
	width:7rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
.g-box{
	display:block; width:7.5rem; height:11.34rem; margin:0 auto; overflow:hidden;
	background:url(3g.jpg) no-repeat;
	background-size:100% 100%;
	position: relative;
}
.erwei-box{ width:1.86rem; height:1.86rem; overflow:hidden; position:absolute; top:6.24rem; left:.32rem;}

.erwei-box img{ width:1.86rem; height:1.86rem;}