@charset "UTF-8";
body {
  font-family: 微软雅黑;
  background-color: #f1f1f1;
}
/*.grey{background: @gray_bg_light}*/
.eliminate {
  overflow: hidden;
}
.grey {
  color: #888!important;
}
.rel {
  position: relative;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
a,
button {
  cursor: pointer;
}
.cursor {
  cursor: pointer;
}
.float_r {
  float: right !important;
}
.float_l {
  float: left !important;
}
.vertical_t {
  vertical-align: top;
}
.transition {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.min-h {
  min-height: 500px;
}
.d_ib {
  display: inline-block !important;
}
.d_none {
  display: none;
}
.t-ell {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-ell {
  overflow: hidden;
  text-overline: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.primary {
  color: #51a9f3;
}
.success {
  color: #5cb85c;
}
.info {
  color: #5bc0de;
}
.warning {
  color: #f0ad4e;
}
.danger {
  color: #d9534f;
}
.gray {
  color: #999999;
}
.transition {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-n {
  margin-left: 0px !important;
}
.m-r-xs {
  margin-right: 5px !important;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-n {
  margin-right: 0px !important;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-xs {
  margin-top: 5px !important;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px !important;
}
.m-t-mdf {
  margin-top: -20px !important;
}
.m-t-lg {
  margin-top: 30px !important;
}
.m-t-n {
  margin-top: 0px !important;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px !important;
}
.m-b {
  margin-bottom: 15px !important;
}
.m-b-md {
  margin-bottom: 20px !important;
}
.m-b-lg {
  margin-bottom: 30px !important;
}
.m-b-n {
  margin-bottom: 0px !important;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m-m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-n {
  margin: 0px !important;
}
.p-l-xs {
  padding-left: 5px !important;
}
.p-l-sm {
  padding-left: 10px !important;
}
.p-l {
  padding-left: 15px;
}
.p-l-md {
  padding-left: 20px !important;
}
.p-l-lg {
  padding-left: 30px !important;
}
.p-l-n {
  padding-left: 0px !important;
}
.p-r-xs {
  padding-right: 5px !important;
}
.p-r-sm {
  padding-right: 10px;
}
.p-r {
  padding-right: 15px;
}
.p-r-md {
  padding-right: 20px !important;
}
.p-r-lg {
  padding-right: 30px !important;
}
.p-r-n {
  padding-right: 0px !important;
}
.p-t-xs {
  padding-top: 5px !important;
}
.p-t-sm {
  padding-top: 10px;
}
.p-t {
  padding-top: 15px !important;
}
.p-t-md {
  padding-top: 20px;
}
.p-t-lg {
  padding-top: 30px;
}
.p-t-n {
  padding-top: 0px !important;
}
.p-b-xs {
  padding-bottom: 5px;
}
.p-b-sm {
  padding-bottom: 10px;
}
.p-b {
  padding-bottom: 15px;
}
.p-b-md {
  padding-bottom: 20px;
}
.p-b-lg {
  padding-bottom: 30px;
}
.p-b-n {
  padding-bottom: 0px !important;
}
.p-xs {
  padding: 5px;
}
.p-sm {
  padding: 10px;
}
.p-p {
  padding: 15px;
}
.p-md {
  padding: 20px;
}
.p-lg {
  padding: 30px;
}
.p-n {
  padding: 0px !important;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font24 {
  font-size: 24px !important;
}
.font30 {
  font-size: 30px;
}
.font_b {
  font-weight: bold;
}
.bg-w {
  background-color: #fff;
}

.btn-primary-gray {
  background-color: gray !important;
  border-color: gray !important;
  color: white !important;
}
.btn-primary:hover {
  background-color: #388cd2;
  border-color: #388cd2;
}
/*big-btn*/
.btn {
  border-radius: 2px!important;
  padding: 4px 12px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn:focus {
  outline: none!important;
}
/*.btn-xs{padding: 3px 13px;}
.btn-sm{padding: 5px 34px;}*/
.btn-lg {
  padding: 12px 30px!important;
  font-size: 16px;
}
/*单选*/
.form-table-mid {
  position: relative;
  /*提示图标*/
  /*提示*/
}
.form-table-mid .f-t-m-icon {
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  text-align: center;
  line-height: 28px;
  color: #3c763d;
}
.form-table-mid .f-t-m-icon i.red {
  color: #bb4442;
  cursor: pointer;
}
.form-table-mid .f-t-m-ctn {
  /*内容*/
  /*多行文本框*/
  /*单选框*/
  /*多选框*/
}
.form-table-mid .f-t-m-ctn input[type="text"],
.form-table-mid .f-t-m-ctn textarea,
.form-table-mid .f-t-m-ctn .laydate-icon,
.form-table-mid .f-t-m-ctn select,
.form-table-mid .f-t-m-ctn input[type="number" i]{
  width: 100%;
  border: 1px solid #d0cfcf;
  height: 32px;
  line-height: 32px;
  line-height: 29px\0;
  outline: none;
  text-indent: .6em;
  color: #333333;
  background-color: #fff;
}
.form-table-mid .f-t-m-ctn textarea {
  resize: none;
  height: inherit;
}
.form-table-mid .f-t-m-ctn select {
  cursor: pointer;
  text-indent: 0em!important;
  padding-left: 5px!important;
}
.form-table-mid .f-t-m-ctn .radio_ok_rotate {
  transform: rotate(7deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
}
.form-table-mid .f-t-m-ctn .radio_border {
  border: 2px solid #cccccc;
}
.form-table-mid .f-t-m-ctn .radio_border_on {
  border-color: #1578c9;
}
.form-table-mid .f-t-m-ctn .f-t-m-radio {
  line-height: 100%;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  z-index: 9;
  color: #5a7e8c;
  font-weight: normal;
}
.form-table-mid .f-t-m-ctn .f-t-m-radio input[type="radio"] {
  margin-right: 5px;
}
.form-table-mid .f-t-m-ctn .f-t-m-radio input[type="radio"]:before {
  border: 2px solid #cccccc;
  content: "";
  position: absolute;
  left: -1px;
  z-index: 9;
  top: 4px;
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}
.form-table-mid .f-t-m-ctn .f-t-m-radio input[type="radio"]:checked:before {
  border-color: #1578c9;
  color: #1578c9;
}
.form-table-mid .f-t-m-ctn .f-t-m-radio input[type="radio"]:checked:after {
  content: "";
  position: absolute;
  font-size: 10px;
  border-left: 2px solid #1578c9;
  border-bottom: 2px solid #1578c9;
  z-index: 10;
  left: 2px;
  top: 8px;
  width: 10px;
  height: 5px;
  display: inline-block;
  transform: rotate(7deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
}
.form-table-mid .f-t-m-ctn .f-t-m-checkbox {
  position: relative;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  z-index: 9;
  color: #5a7e8c;
  font-weight: inherit;
}
.form-table-mid .f-t-m-ctn .f-t-m-checkbox input[type="checkbox"] {
  margin-right: 5px;
}
.form-table-mid .f-t-m-ctn .f-t-m-checkbox input[type="checkbox"]:before {
  border: 2px solid #cccccc;
  content: "";
  position: absolute;
  left: -1px;
  z-index: 9;
  top: 4px;
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 2px;
}
.form-table-mid .f-t-m-ctn .f-t-m-checkbox input[type="checkbox"]:checked:before {
  border-color: #1578c9;
  color: #1578c9;
}
.form-table-mid .f-t-m-ctn .f-t-m-checkbox input[type="checkbox"]:checked:after {
  content: "";
  position: absolute;
  font-size: 10px;
  border-left: 2px solid #1578c9;
  border-bottom: 2px solid #1578c9;
  z-index: 10;
  left: 2px;
  top: 8px;
  width: 10px;
  height: 5px;
  display: inline-block;
  transform: rotate(7deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
}
.form-table-mid .f-t-m-ctn.f-t-m-file input[type="text"] {
  width: inherit;
}
.form-table-mid .f-t-m-ctn.f-t-m-input-inline input[type="text"],
.form-table-mid .f-t-m-ctn.f-t-m-input-inline textarea,
.form-table-mid .f-t-m-ctn.f-t-m-input-inline .laydate-icon,
.form-table-mid .f-t-m-ctn.f-t-m-input-inline select {
  width: inherit;
  display: inline-block;
}
.form-table-mid .f-t-m-ctn.f-t-m-no input[type="text"],
.form-table-mid .f-t-m-ctn.f-t-m-no textarea,
.form-table-mid .f-t-m-ctn.f-t-m-no .laydate-icon,
.form-table-mid .f-t-m-ctn.f-t-m-no select {
  width: inherit;
  padding-right: inherit;
}
.form-table-mid .f-t-m-ctn p {
  color: #5a7e8c;
}
.form-table-mid .f-t-m-msg {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 9;
  border: 1px solid #e1d1d2;
  background-color: #f2dedf;
  padding: 6px 12px;
  color: #bb4442;
  border-radius: 3px;
  display: none;
}
.form-table-mid .f-t-m-msg:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f2dedf;
  right: 10px;
  top: -5px;
}
.form-table-mid .f-t-m-msg:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e1d1d2;
  right: 10px;
  top: -6px;
}
.form-table-mid .f-t-m-info {
  color: #bb4442;
}
.form-table-mid > a.icon-btn {
  margin: 0 5px;
  text-decoration: none;
}
.radio_table {
  font-weight: normal!important;
}
.radio_table input[type="radio"] {
  position: relative;
  margin-right: 10px;
}
.radio_table input[type="radio"]:before,
.radio_table input[type="radio"]:checked:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: -2px;
  left: -4px;
}
.radio_table input[type="radio"]:before {
  border: 1px solid #cccccc;
  background: #ffffff;
  border-radius: 50px;
}
.radio_table input[type="radio"]:checked:before {
  border: 2px solid #d9534f;
}
.radio_table input[type="radio"]:checked:after {
  content: "";
  position: absolute;
  font-size: 10px;
  border-left: 3px solid #d9534f !important;
  border-bottom: 3px solid #d9534f !important;
  z-index: 7;
  left: 0px;
  top: 3px;
  width: 12px;
  height: 7px;
  display: inline-block;
  transform: rotate(7deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
}
/*

@keyframes bounce1 {
  0%, 100%, 20%, 53%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
*/
/*
.bounce1 {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}*/
.city-mid .city-tit {
  height: 30px;
  line-height: 30px;
  background-color: #f7f7f7;
  text-indent: 15px;
  color: #ff8017;
  font-size: 14px;
  font-weight: bold;
}
.city-mid .city-list {
  padding: 5px 15px;
  position: relative;
}
.city-mid .city-list ul {
  position: relative;
  overflow: hidden;
}
.city-mid .city-list li .city-list-mid {
  color: #ff8017;
}
.city-mid .city-list li .city-list-mid span {
  display: inline-block;
  min-width: 20px;
  text-align: center;
  float: left;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  font-weight: bold;
}
.city-mid .city-list li .city-list-mid a {
  color: #000;
  font-size: 13px;
  display: inline-block;
  min-width: 55px;
  height: 26px;
  line-height: 26px;
  text-indent: 5px;
  text-decoration: none;
}
.city-mid .city-list li .city-list-mid a.heat {
  font-weight: bold;
}
.city-mid .city-list li .city-list-mid a.focus {
  color: #0075e8;
}
.city-mid .city-list li .city-list-mid a:hover {
  color: #fff;
  background-color: #ff7400;
}
.city-mid .city-list li.city-mid-right {
  position: absolute;
  right: 0;
}
.city-mid .city-list .city-pop {
  position: fixed;
  background-color: #feffef;
  border: 1px solid #ff7400;
  padding: 8px 12px;
  display: none;
}
.city-mid .city-list .city-pop h3 {
  font-size: 12px;
  font-weight: bold;
  color: #ff8017;
}
.city-mid .city-list .city-pop div {
  padding-top: 5px;
}
.city-mid .city-list .city-pop div li {
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.city-mid .city-list .city-pop div li a {
  color: #000;
  font-size: 12px;
}
.city-mid .city-list .city-pop div.pop-row3 {
  width: 240px;
}
.city-mid .city-list .city-pop div.pop-row3 li {
  width: 33.3%;
}
.city-mid .city-list .city-pop div.pop-row4 {
  width: 300px;
}
.city-mid .city-list .city-pop div.pop-row4 li {
  width: 25%;
}
.city-mid .city-list .city-pop div.pop-row5 {
  width: 360px;
}
.city-mid .city-list .city-pop div.pop-row5 li {
  width: 20%;
}
.city-mid .city-list .city-pop div.pop-row5.special1 {
  width: 420px;
}
.city-mid .city-list .city-pop div.pop-row5.special2 {
  width: 480px;
}
.city-mid .city-list .city-pop:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ff7400;
  margin-top: -5px;
  margin-left: 10px;
  left: 0;
  top: 0;
  position: absolute;
}
.city-mid.city-list-one li {
  width: 50%;
}
.city-mid.city-list-two .city-list-mid span {
  margin-right: 20px;
  min-width: 30px!important;
}
.city-mid.city-list-two .city-list-mid a {
  min-width: 70px!important;
}
.layui1 .layui-layer-title {
  background-color: #0a87bb;
  color: #fff;
  font-size: 16px;
}
.layui1 .layui-layer-setwin {
  top: 10px;
  right: 10px;
}
.layui1 .layui-layer-setwin .layui-layer-close1 {
  background-position: -125px -36px;
  width: 22px;
  height: 22px;
}
.reply-mid {
  position: relative;
  margin-bottom: 20px;
}
.reply-mid .reply-mid-img {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.reply-mid .reply-mid-img img {
  width: 100%;
}
.reply-mid .reply-main {
  margin-left: 80px;
  margin-right: 80px;
}
.reply-mid .reply-main h3 {
  font-size: 14px;
  color: #595959;
  margin-bottom: 10px;
  font-weight: bold;
}
.reply-mid .reply-main h3 span {
  font-size: 12px;
  color: #9b9a9a;
  margin-left: 10px;
  font-weight: lighter;
}
.reply-mid .reply-main .reply-main-msg {
  background-color: #f7f7f7;
  border: 1px solid #eee;
  padding: 20px;
  position: relative;
}
.reply-mid .reply-main .reply-main-msg p {
  font-size: 14px;
  color: #282828;
  margin-bottom: 5px;
}
.reply-mid .reply-main .reply-main-msg:after,
.reply-mid .reply-main .reply-main-msg:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #eee;
  border-left: 10px solid transparent;
  top: -1px;
  left: -10px;
}
.reply-mid .reply-main .reply-main-msg:before {
  border-top-color: #f7f7f7;
  z-index: 1;
  top: 0;
  left: -8px;
}
.reply-mid.my .reply-mid-img {
  right: 0;
}
.reply-mid.my .reply-main h3 {
  display: none;
}
.reply-mid.my .reply-main .reply-main-msg {
  background-color: #fff;
  padding: 10px;
}
.reply-mid.my .reply-main .reply-main-msg textarea {
  border: none;
  outline: none;
  width: 100%;
  resize: none;
}
.reply-mid.my .reply-main .reply-main-msg:after,
.reply-mid.my .reply-main .reply-main-msg:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #eee;
  border-right: 10px solid transparent;
  top: -1px;
  left: inherit;
  right: -10px;
}
.reply-mid.my .reply-main .reply-main-msg:before {
  border-top-color: #fff;
  z-index: 1;
  top: 0;
  left: inherit;
  right: -8px;
}



@media (max-width: 768px) {
  .city-mid .city-list .city-pop div.pop-row5.special2 {
    width: 100%!important;
  }
  .city-mid .city-list .city-pop div.pop-row5 li {
    width: 25%!important;
  }
  .city-mid .city-list .city-pop div.pop-row5 li:last-child{
    width: 50%!important;
  }
}