@charset "UTF-8";
::-ms-clear,
::-ms-reveal {
  display: none;
}
.cont {
  background: none;
  padding-bottom: 32px;
  min-height: 500px;
}
.sideBar {
  width: 286px;
  border-right: 1px solid #ebebeb;
  position: relative;
}
.sideBar ul {
  width: 250px;
}
.sideBar li {
  position: relative;
  height: 64px;
  font: 16px/64px "";
  padding-left: 4px;
  background: #f6f6f6;
}
.sideBar li a {
  display: block;
  padding-left: 60px;
  color: #4a4a4a;
}
.sideBar .active {
  padding: 0;
  border-left: 4px solid #00d0f0;
  background-color: #45484f;
}
.sideBar .active a {
  color: #fff;
}
.sideBar .posSj {
  position: absolute;
  top: 16px;
  right: 0;
  height: 28px;
  width: 14px;
  background-image: url(../images/query/posSj.png);
  transition: 0.45s;
  -webkit-transition: 0.45s;
  -o-transition: 0.45s;
  -ms-transition: 0.45s;
  -moz-transition: 0.45s;
}
.tab {
  margin-left: 328px;
}

.tabBox {
  display: none;
}
.tabnav {
  margin-bottom: -1px;
  position: relative;
  height: 66px;
}
.tabnav_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.navbg2,
.navbg4,
.navbg1,
.tab {
  background: #fff;
}
.navbg2,
.navbg4,
.navbg1,
.navbg {
  position: absolute;
  top: 0;
  left: 0;
  height: 62px;
  width: 189px;
  border-top: 4px solid #00d0f0;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  background-color: #fff;
  transition: 0.45s;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -o-transition: 0.45s;
  -ms-transition: 0.45s;
}
.tabnav a {
  display: inline-block;
  height: 66px;
  width: 190px;
  background-position: -282px -150px;
  font: 14px/66px "微软雅黑";
  color: #9c9c9c;
  text-align: center;
  transition: 0.45s;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -o-transition: 0.45s;
  -ms-transition: 0.45s;
}
.tabnav a span {
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-right: 10px;
  transition: 0.45s;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -o-transition: 0.45s;
  -ms-transition: 0.45s;
}
.tabnav a .cat {
  background-position: -0 -290px;
}
.tabnav a .gou {
  background-position: -0 -92px;
}
.tabnav a .fang {
  background-position: -80px -92px;
}
.tabnav a .zige {
  background-position: -380px -92px;
}
.tabnav a .xinxi {
  background-position: -160px -92px;
}
.tabnav a .chaxun {
  background-position: -240px -92px;
}
.tabnav .active {
  background-position: -140px -150px;
  color: #525252;
}
.tabnav .active .gou {
  background-position: -40px -92px;
}
.tabnav .active .cat {
  background-position: -40px -290px;
}
.tabnav .active .fang {
  background-position: -120px -92px;
}
.tabnav .active .jieye {
  background-position: -80px -132px;
}
.tabnav .active .zige {
  background-position: -420px -92px;
}
.tabnav .active .xinxi {
  background-position: -200px -92px;
}
.tabnav .active .chaxun {
  background-position: -280px -92px;
}
.tab {
  position: relative;
}
.tablist {
  padding: 36px 26px 26px;
  border: 1px solid #d8d8d8;
}
.itemlist {
  text-align: center;
  display: none;
}
.centerinput {
  width: 200px;
  margin: 0 auto;
}
.school_t .btn,
.centerinput .btn {
  width: 180px;
  height: 36px;
}
.centerinput p {
  position: relative;
}
.centerinput .load {
  position: absolute;
  top: 0;
  right: -60px;
  line-height: 36px;
  color: #00d0f0;
}
.centerinput strong {
  position: absolute;
  top: 0px;
  right: -70px;
  color: red;
  font-weight: normal;
  display: none;
  line-height: 36px;
}
.inputselect {
  position: absolute;
  top: 36px;
  left: 0;
  width: 198px;
  border: 1px solid #979797;
  z-index: 10;
  background-color: #fff;
  line-height: 26px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  display: none;
}
.inputselect a {
  display: block;
  color: #525252;
  text-align: left;
  padding: 0 20px;
  font-size: 14px;
}
.inputselect a:hover {
  color: #00d0f0;
}
.iteminput input {
  height: 64px;
}
.itemlist .mblast {
  margin-bottom: 0;
  padding-top: 24px;
}
.mt {
  margin-top: 10px;
}
.yzcode input {
  height: 38px;
  line-height: 38px;
  width: 100px;
  background: url(../images/query/code.png) center center no-repeat;
  margin: 6px;
  margin-top: -6px;
  text-align: center;
}
.yzcode a {
  font-size: 14px;
  color: #000;
  color: #00d1f0;
}

/*犬只查询结果*/
.clubInfo,
.catteryInfo,
.classInfo,
.schoolInfo,
.RcInfo,
.catbirthInfo,
.graduationInfo,
.nextOfKinInfo,
.birthInfo,
.kennelInfo,
.catInfo,
.catbirthInfo,
.dogInfo {
  border-top: 2px dashed #d8d8d8;
  padding-top: 20px;
  display: none;
  margin-top: 18px;
}

/*出生纸查询*/
.birth {
  padding: 50px 201px 236px;
  margin-bottom: -126px;
}
.birth-top-bg {
  height: 226px;
  background: url(../images/query/birthtopbg.png) left top no-repeat;
  padding-top: 90px;
  text-align: center;
}
.birthicon {
  margin: 0 auto;
  height: 100px;
  width: 100px;
  background-position: -440px 0;
}
.dog-top h3,
.info-top h3,
.birth-top-bg h3 {
  font: bold 18px/32px "微软雅黑";
}
.dog-top h3 span,
.info-top h3 span,
.birth-top-bg h3 span {
  margin: 0 10px;
  color: #00d0f0;
}
.birth-center {
  background: url(../images/query/birthcenterbg.png) left top repeat-y;
}
.button span,
.centerinput span {
  display: inline-block;
  font: 14px/64px "微软雅黑";
  width: 322px;
  text-align: right;
  vertical-align: middle;
}
.centerinput .text {
  height: 64px;
  width: 224px;
}
.birth .button input {
  margin-left: 12px;
  margin-top: 16px;
}
.cneter-form {
  margin-bottom: 52px;
}
.center-list {
  margin: 0 118px;
  border-top: 3px dashed #e8e8e8;
  padding-top: 20px;
}
.center-list dt {
  font: 18px/36px "微软雅黑";
}
.center-list dd {
  font: 14px/24px "微软雅黑";
}
.center-list dd a {
  color: #03d1f0;
}
.center-list dd a:hover {
  text-decoration: underline;
}
.birth-bottom {
  height: 88px;
  background: url(../images/query/birthbottombg.png) left top no-repeat;
}

/*出生纸信息查询*/
.info {
  padding: 50px 67px 185px;
  margin-bottom: -83px;
}
.info-top {
  height: 245px;
  background: url(../images/query/infotopbg.png) left top no-repeat;
  padding-top: 90px;
  text-align: center;
}
.infoicon {
  margin: 0 auto;
  height: 100px;
  width: 100px;
  background-position: -440px 0;
}
.info-center {
  background: url(../images/query/infocenterbg.png) left top repeat-y;
}
.info-tab {
  padding: 0 127px;
}
table {
  text-align: center;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #dedede;
  font-size: 14px;
}
.info-bottom {
  height: 149px;
  background: url(../images/query/infobottombg.png) left top no-repeat;
}

/*犬只信息*/
.dog {
  padding: 66px 4px 218px;
  margin-bottom: -116px;
}
.dog-top {
  text-align: center;
  margin-bottom: 20px;
}
.dogicon {
  margin: 0 auto;
  height: 100px;
  width: 100px;
  background-position: -0 -0;
}
.dog-center {
  padding: 1px 50px;
  background: url(../images/query/dogcenterbg.png) left top repeat-y;
}
/*.code{margin:8px auto;height: 130px;width: 130px;}*/
.dog-tit {
  padding: 50px 0 0;
  text-align: center;
  font: 26px/84px "微软雅黑";
}
.dog-bottom {
  height: 121px;
  background: url(../images/query/dogbottombg.png) left top no-repeat;
}

.kennel {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-position: -110px 0;
}
.gra {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-position: -220px 0;
}
.qua {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-position: -330px 0;
}
.close {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-position: -550px 0;
}
.nothing {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background-position: 0 -250px;
}
.height {
  height: 30px;
}

.regulations {
  padding-top: 35px;
}
.regulations h3 {
  font: bold 26px/114px "微软雅黑";
  text-align: center;
}
.regmain {
  border: 1px solid #dedede;
}
.regfl {
  float: left;
  width: 50%;
}
.regfr {
  float: right;
  width: 50%;
}
.regfl .regmain {
  border-right: none;
  padding-top: 62px;
  height: 412px;
}
.regfr .regmain {
  padding: 32px 40px;
}
.regfl li {
  font: 12px/24px "Arail";
}
.regfr li {
  font: 14px/24px "微软雅黑";
  text-align: left;
}
.red {
  color: #ff1919;
}
.height200 {
  height: 200px;
}
.centerinput .ecode {
  width: 100px;
  margin-right: 16px;
}

.none p {
  text-align: center;
  font-size: 18px;
  color: #ff4953;
}
.none span {
  display: inline-block;
  height: 22px;
  width: 26px;
  background-position: -620px -110px;
  vertical-align: bottom;
  margin-right: 10px;
}
.nonemian {
  padding: 50px 0 0 202px;
  font: 14px/24px "微软雅黑";
}

/*人才查询*/
.RcInfo {
  margin: 0 56px;
}
.rcItem ul {
  margin-right: -26px;
}
.rcItem li {
  position: relative;
  height: 134px;
  width: 338px;
  float: left;
  background-color: #f6f6f6;
  padding-top: 26px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  margin: 15px 26px 20px 0;
}
.rcItem dl {
  font: 12px/24px "";
  text-align: left;
}
.rcItem dd span {
  display: inline-block;
  width: 94px;
  text-align: right;
}
.tctit {
  position: absolute;
  top: -16px;
  left: 50%;
  height: 30px;
  width: 132px;
  transform: translate(-50%);
  color: #fff;
  font: 14px/30px "";
}

/*合作机构*/
.tabnav_3 .active .cooperate {
  background-position: -40px -132px;
}
.tabnav_3 .active .school {
  background-position: -360px -92px;
}
.school_t h3 {
  font: 16px/44px "微软雅黑";
  font-weight: bold;
}
.school_t .btn {
  padding: 0 10px;
}
.school_t ul {
  padding-left: 102px;
}
.school_t li {
  float: left;
  margin-right: 63px;
}
.school_t .checkbox {
  display: inline-block;
  height: 17px;
  width: 17px;
  vertical-align: middle;
  margin-right: 10px;
}
.school_t span {
  letter-spacing: 6px;
}
.school_t li {
  line-height: 36px;
  font-size: 12px;
}
.city {
  height: 34px;
  width: 155px;
  border: 1px solid #e0e0e0;
  position: relative;
  font: 12px/34px "";
  float: right;
  margin-left: 14px;
  text-align: left;
}
.city a {
  display: block;
  padding: 0 10px;
  margin-right: 22px;
}
.city > a {
  color: #2dccec;
}
.city_pos {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  border: 1px solid #e0e0e0;
  margin-left: -1px;
  border-top: none;
  background-color: #fff;
  display: none;
}
.city_pos a {
  color: #515151;
}
.city_pos a:hover {
  color: #fff;
  background-color: #2dccec;
}
.city_box {
  position: relative;
  height: 360px;
  overflow: hidden;
  background-color: #fff;
  z-index: 100;
}
.city_over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.city_scroll {
  position: absolute;
  top: 20px;
  right: 6px;
  height: 320px;
  width: 9px;
}
.city_over dd a {
  line-height: 36px;
}
.city_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
.cityPosSj {
  position: absolute;
  top: 14px;
  right: 8px;
  height: 7px;
  width: 11px;
}
.school_t p {
  text-align: left;
  color: red;
  padding-left: 102px;
  font-size: 12px;
  margin-bottom: 26px;
}
.schoolListM {
  padding: 30px 60px 0;
}
.schoolList {
  position: relative;
  border: 1px solid #e0e0e0;
  padding-top: 8px;
  padding-left: 60px;
  padding-right: 100px;
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 14px;
}
.schoolList h3 {
  font: 14px/40px "";
}
.schoolList p {
  font: 12px/22px "";
  color: #a9a9a9;
}
.bor {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 6px;
  background-color: #2dccec;
}
.schoolbg {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 104px;
  width: 82px;
}
.schoolList span {
  color: #4a4a4a;
}
.M-box1 .active,
.M-box .active,
.M-box1 a,
.M-box a {
  display: inline-block;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: #fff;
  border: 1px solid #ebebeb;
  color: #bdbdbd;
  font-size: 14px;
}
.M-box1 .active,
.M-box .active {
  background-color: #2dccec;
  border: 1px solid #2dccec;
  color: #fff;
}
.enshow {
  display: none;
}
.schoolbg,
.cityPosSj,
.city_icon,
.city_scroll,
.school_t .checkbox,
.cooperate,
.school,
.tctit,
.school_t .btn,
.centerinput .btn,
.centerinput .ecode,
.sideBar .posSj,
.itemlist .icon span,
.tabnav a span,
.nothing,
.none span,
.dogicon,
.infoicon,
.kennel,
.close,
.gra,
.qua,
.birthicon,
.centerinput input,
.button input,
.text input,
.itemicon a {
  background-image: url(../images/query/iconfont.png);
  background-repeat: no-repeat;
}
.school_t .btn,
.centerinput .btn {
  background-position: -210px 0;
}
.itemfl .itemicon a {
  background-position: 0 0;
}
.itemfl .itemicon .hover {
  background-position: -210px -46px;
}
.itemfl .itemicon .up {
  background-position: -500px 0;
}
.itemfr .itemicon a {
  background-position: 0 -164px;
}
.school_t .hover,
.centerinput .hover {
  background-position: -210px -46px;
}
.itemfr .itemicon .up {
  background-position: -500px -164px;
}
.centerinput input,
.text input {
  width: 180px;
  background-position: -0px 0;
  height: 36px;
  padding: 0 10px;
  vertical-align: middle;
  line-height: 36px;
  text-align: center;
  margin-bottom: 12px;
}
.button input {
  width: 140px;
  background-position: -664px -148px;
  cursor: pointer;
  height: 39px;
}
.button .down {
  background-position: -664px -244px;
}
.button .hover {
  background-position: -664px -196px;
}
.sideBar .posSj {
  background-position: -184px -45px;
}
.centerinput .ecode {
  background-position: 0 -46px;
}
.tcMtit {
  background-position: -120px -132px;
}
.tcMtitZg {
  background-position: -262px -132px;
}
.tcQtit {
  background-position: -184px -172px;
}
.tcQtitZg {
  background-position: -185px -250px;
}
.tcGtitZg {
  width: 163px;
  background-position: -80px -290px;
  margin-left: -81.5px;
}
.tcXtit {
  background-position: -184px -212px;
}
.jsTit{
  width: 163px;
  background-position: -142px -330px;
}
.pdTit{
  background-position: -0 -330px;
}
.cooperate {
  background-position: -0 -132px;
}
.school {
  background-position: -320px -92px;
}
.school_t .checkbox {
  background-position: -130px -46px;
}
.school_t .checked {
  background-position: -156px -46px;
}
.city_scroll {
  background-position: -420px -0px;
}
.city_icon {
  background-position: -386px -172px;
}
.cityPosSj {
  background-position: -130px -72px;
}
.schoolicon {
  background-position: 0 -176px;
}
.clubicon {
  background-position: -92px -176px;
}
.hospital {
  background-position: -327px -233px;
}

#classQueryInfo {
  background-image: url(../images/query/dogc.png);
  background-repeat: no-repeat;
  background-position: right;
}

/* new */
.dog_type_box {
  position: relative;
  height: 360px;
  overflow: auto;
  background-color: #fff;
  z-index: 100;
}

.city input {
  /* display: block;*/
  padding: 0 10px;

  margin-right: 22px;
}
.city > input {
  color: #2dccec;
}
.city input::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #2dccec;

  /* placeholder位置  */
  text-align: left;
}