*{
  margin:0;
  padding: 0;
  box-sizing: border-box;
}
.zdqh_modal_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.3;
  opacity: .30;
  filter: alpha(opacity=30);
}
.zdqh_modal_bg_white {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 1001;
  -moz-opacity: 0.3;
  opacity: .30;
  filter: alpha(opacity=30);
}
li {
  list-style: none;
}
.ui-zdqh-container {
width: 800px;
  text-align: left;
  font-family: 'Microsoft YaHei';
  color: #333333;
  background: #fff;
  font-size: 16px;
  z-index: 1002;
  padding: 20px;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}
.ui-zdqh-container .item.child{
  display: inline;
  margin-right:15px;
}
/* .ui-zdqh-container a, .ui-zdqh-container ins {
  text-decoration: none;
} */
/* .ui-zdqh-container a {
  color: #333333;
} */
/* .ui-zdqh-container a:hover {
  text-decoration: none;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.ui-zdqh-container a:visited,.ui-zdqh-container a:active,.ui-zdqh-container a:focus{
  text-decoration: none;
} */
.ui-zdqh-container .content1{
  /* width:100%; */
  /*padding: 0 4%;*/
}
.ui-zdqh-container .l_float{
  float: left;
}
.ui-zdqh-container .r_float{
  float: right;
}
/* .ui-zdqh-container .hidden{
  display: none;
} */
.clearfix:after{
  content:"";
  height:0;
  line-height:0;
  display:block;
  visibility:hidden;
  clear:both;
}
.clearfix{
  zoom:1;
}

/* .ui-zdqh-container .zdqh_item{
  width: 1080px;
  min-height: auto;
  background: #fff;
  position: absolute;
  top: 32px;
  left: -498px;
  z-index: 100;
  text-align: left;
  padding-bottom: 20px;
  padding: 23px 29px 24px 29px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);
} */
.ui-zdqh-container .close_btn{
  width: 16px;
  height: 16px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.ui-zdqh-container .place1{
  font-size: 20px;
  color: #999999;
  padding: 20px 0;
  /* line-height: 29px; */
  border-bottom:  1px solid #eeeeee;
  /* transform: scaleY(-1) rotate(-270deg); */
}
.ui-zdqh-container .place1 .selected{
  color: #316cf1;
  text-decoration: underline;
  cursor: pointer;
}
.ui-zdqh-container  .zd_list{
  margin-top: 15px;
  min-height:102px;
}
.ui-zdqh-container .zd_list>ul{
max-height: 175px;
overflow-y: auto;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid #eeeeee;
  padding:0;
}
.ui-zdqh-container .zd_list>ul>li{
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
  cursor: pointer;
  min-width: 69px;
  height:  30px;
  padding: 0 9px;
  line-height: 30px;
  font-weight: normal;
text-align: left;
}
.ui-zdqh-container .zd_list>ul>li:hover{
  background: #eeeeee;
  color: #255bda;
}
.ui-zdqh-container .choosed{
  height: 96px;
}
.ui-zdqh-container .choosed>.leftItem{
  width: 112px;
  height: 82px;
}
.ui-zdqh-container .choosed>.leftItem>p{
  font-size: 14px;
  color: #333;
  padding-top: 1px;
  margin-bottom: 19px;
}
.submit{
  width: 96px;
  height: 34px;
line-height: 33px;
  cursor: pointer;
  background: #255bda;
border-radius: 20px 20px;
  font-size: 16px;
  color: #f8f8f8;
  border: none;
  outline: none;
  margin-top: 15px;
margin-right: 10px;
}
.quit {
width: 96px;
  height: 34px;
line-height: 33px;
  cursor: pointer;
  background: #e9edf7;
border-radius: 20px 20px;
  font-size: 16px;
  color: #255bda;
  border: none;
  outline: none;
  margin-top: 15px;
}
.ui-zdqh-container .choosed>.rightItem {
margin: 20px 0 10px 0;
}
.ui-zdqh-container .choosed>.rightItem>.place2{
  font-size: 14px;
  color: #333333;
  display: inline-block;
  font-weight:  normal;
}
.disabled{
  /* background: #ccc; */
  color: #ccc !important;
  cursor: default !important;
  /* cursor: not-allowed !important; */
}
/*
.disabled:hover{
  background: none !important;
}
*/
/* 站点切换 */


@media screen and (max-width: 719px) and (min-width: 375px) {
#ui-zdqh-container {
         width: 100%;
}
.ui-zdqh-container .item.child {
         margin-right: 14px;
}
}
@media screen and (max-width: 999px) and (min-width: 720px) {
  #ui-zdqh-container {
      width: 100%;
  }
}