@charset "utf-8";

/* CSS Document */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  line-height: 1;
}

html {
  font-size: 12px
}

@media screen and (min-width:320px) {
  html {
    font-size: 12.333px
  }

}

@media screen and (min-width:375px) {
  html {
    font-size: 16px
  }

}

@media screen and (min-width:410px) {
  html {
    font-size: 20px
  }

}

@media screen and (min-width:569px) {
  html {
    font-size: 28px
  }

}

@media screen and (min-width:640px) {
  html {
    font-size: 36px
  }

}

body {
  -webkit-backface-visibility: hidden;
  font-family: "microsoft yahei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
  min-width: 296px;
  -webkit-text-size-adjust: none;
  background: #f7f7f7;
  overflow-y: auto;
}

ol, ul, li {
  list-style: none outside none;
}

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

caption, th, td {
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

img {
  vertical-align: top;
  border: 0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {
  display: block;
}

strong {
  font-weight: bold;
}

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

.link {
  color: #07d;
}

.link:link, .link:hover, .link:visited, .link:active {
  color: #07d;
}

h1 {
  font-size: 1.2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 15px;
  line-height: 18px
}

button, input[type='number'], input[type='text'], input[type='password'], input[type='email'], select, textarea {
  font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

div, h1, p, ul, li, label, textarea, span {
  word-break: break-all;
}

div, h1, p, ul, li, label, textarea, input, button, form {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input, textarea {
  border: 0 none;
  outline: none;
}

input, select, textarea {
  font-family: "Microsoft YaHei", "SimSun", Verdana, Arial, Helvetica, sans-serif;
}

input, select, button {
  margin: 0;
  border: none;
  padding: 0;
  outline: none;
  vertical-align: middle;
  background: transparent;
}

hr {
  margin: 10px 0;
  border: none;
  border-top: 1px solid #ddd
}

.bg_f {
  background: #FFFFFF !important;
}

.black10 {
  height: 10px;
  clear: both;
  margin: 0;
  padding: 0;
}

.black20 {
  height: 20px;
  clear: both;
  margin: 0;
  padding: 0;
}

.black40 {
  height: 44px;
  clear: both;
  margin: 0;
  padding: 0;
}

.black80 {
  height: 80px;
  clear: both;
  margin: 0;
  padding: 0;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
  width: 100%;
}

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

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.center, .text-center {
  text-align: center;
}

.clear {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.outSide {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.outSide_down {
  padding-bottom: 84px;
}

#cover2, .cover2 {
  background-color: #333333;
  display: none;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

#cover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  z-index: 9000;
  _position: absolute !important;
  _height: 1000px !important;
}

.toast {
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}

#toast {
  display: none;
  position: fixed;
  padding: 9px 15px;
  background-color: #333;
  z-index: 8000;
  border-radius: 5px;
}

.loading_center {
  font-size: 14px;
  color: #000000;
  text-align: center;
}

#loading_center {
  display: none;
  position: fixed;
  width: 60px;
  padding: 25px 35px;
  border: 1px solid #000000;
  background-color: #ffffff;
  z-index: 10000;
}

#loading_center img {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}

.button_3 {
  font-size: 16px;
  color: #757575;
  line-height: 20px;
  text-align: center;
  border: none;
  background-color: #eeeeee;
  padding: 10px 0;
  border-radius: 8px;
}

.button_3:active {
  background-color: #cccccc;
}

.alert {
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  text-align: center;
}

.alert_cancel, .dt_pay_guide_cancel {
  font-size: 14px;
  color: #666666;
  text-align: right;
}

.alert_cancel:active, .dt_pay_guide_cancel:active {
  color: #2da9bf;
}

#alert {
  display: none;
  position: fixed;
  width: 300px;
  z-index: 10000;
  border-radius: 5px;
  overflow: hidden;
}

#alert_title {
  padding: 8px;
  background-color: #22b14c;
  color: #FFF;
}

#alert_text {
  padding: 25px 10px;
  background-color: #ffffff;
  font-size: 15px;
}

#alert_text span {
  color: #22b14c;
}

#alert_button {
  padding: 0 10px 10px;
  background-color: #FFF;
}

#alert_button button {
  width: 100%;
  padding: 6px 0;
  font-size: 14px;
  border: 1px solid #22b14c;
  border-radius: 5px;
  background-color: #22b14c;
  cursor: pointer;
  color: #FFF;
}

#alert_cancel {
  display: none;
  margin-top: -4px;
  padding: 0 10px 6px 10px;
  background-color: #FFF;
}

/*分享图标*/
#share_weixin, #share_qq {
  display: none;
  position: fixed;
  z-index: 3000;
}

#share_weixin, #share_qq {
  right: 10px;
  top: 2px;
  width: 260px;
}

#share_weixin img, #share_qq img {
  width: 260px;
  height: 165px;
}

#share_weixin button, #share_qq button {
  margin-top: 25px;
  width: 100%;
}

/*二维码*/
.tc_c {
  display: none;
  width: 330px;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 8px;
  position: fixed;
  z-index: 3000;
}

.tc_c .tc_c_close {
  height: 30px;
  position: relative;
}

.tc_c .tc_c_close img {
  position: absolute;
  width: 22px;
  right: 8px;
  top: 8px;
  cursor: pointer;
}

.tc_c .tc_c_title {
  padding: 0 0 15px;
  text-align: center;
  font-size: 18px;
  color: #000;
}

.tc_c .tc_c_nr {
  margin: 10px 20px;
}

.tc_c .tc_c_nr .tc_c_nr_txt {
  color: #999;
}

.tc_c .tc_c_nr .tc_c_nr_pic {
  text-align: center;
  margin: 10px auto;
}

.tc_c .tc_c_nr .tc_c_nr_pic .weima2 {
  width: 150px;
}

.tc_c .tc_c_btn {
  overflow: hidden;
  margin: 20px;
}

.tc_c .tc_c_btn a {
  display: block;
  color: #FFF;
  background-color: #22b14c;
  padding: 12px 0;
  text-align: center;
  border-radius: 8px;
}

.tc_c .tc_c_btn a:hover {
  background-color: #0082c6;
}

.tc_c .tc_c_btn a.blueBtn .fenX {
  display: inline-block;
  background: url(../img/detail/fenxiangIcon01.png) no-repeat bottom;
  background-size: 22px auto;
  width: 30px;
  height: 20px;
}

.font02 {
  font-size: 18px;
}

.form_placeholder {
  background-color: #fff;
  padding-left: 10px;
  font-size: 13px;
  color: #999;
}

#markerName {
  height: auto !important;
  white-space: inherit !important;
}

#markerDiv {
  height: auto !important;
  top: auto !important;
  bottom: 30px !important;
}

/*登录*/
#login {
  position: fixed;
  width: 80%;
  background-color: #FFF;
  border-radius: 8px;
  z-index: 10000;
  padding: 0 !important;
  display: none;
}

#login .tc_c_close {
  height: 22px;
  margin: 5px 5px 0;
}

#login .tc_c_close div {
  position: absolute;
  width: 22px;
  height: 22px;
  right: 5px;
  top: 5px;
  cursor: pointer;
  overflow: hidden;
}

#login .tc_c_close div img {
  width: 22px;
  height: 44px;
  position: static;
}

#login .tc_c_close div img:active {
  margin-top: -22px;
}

.login_title {
  font-size: 18px;
  color: #000;
  text-align: center;
  padding: 0 0 15px !important;
}

.login_more {
  font-size: 14px;
  text-align: right;
  padding: 15px 10px 10px 0;
}

.login_more a:active {
  color: #000;
}

#login_button div {
  overflow: hidden;
  border-radius: 8px;
  text-align: center;
  background-color: #22b14c;
  margin: 0 10px !important;
}

#login_button div:active {
  background-color: #0082c6;
}

#login_button div p {
  display: inline-block;
}

#login_button div img {
  float: left;
  margin: 13px 0 7px;
}

#login_button div span {
  font-size: 16px;
  color: #FFF;
  display: inline-block;
  margin: 10px 0 10px 4px;
}

/*loading*/
.loading_center {
  font-size: 14px;
  color: #000000;
  text-align: center;
}

#loading_center {
  display: none;
  position: fixed;
  width: 60px;
  padding: 25px 35px;
  border: 1px solid #000000;
  background-color: #ffffff;
  z-index: 10000;
}

#loading_center img {
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}

#cover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  z-index: 9000;
}

#cover2 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #333333;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 1000;
}

/*loading区*/
.loadingDiv {
  width: 120px;
  height: 120px;
  background-image: url(../img/other/loadingBj.png);
  position: absolute;
}

.loadingDiv .pImg {
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
}

.loadingDiv .pImg img {
  width: 30px;
  height: 30px;
}

.loadingDiv .pTxt {
  text-align: center;
  font-size: 12px;
  color: #FFF;
}

/*公共灰色底部*/
.footer_gray {
  overflow: hidden;
  text-align: center;
  clear: both;
}

.footer_gray p {
  text-align: center;
  color: #aaaaaa;
  font-size: 13px;
  line-height: 30px;
  padding: 20px 0;
}

.footer_gray p a {
  color: #aaaaaa;
  cursor: pointer;
}

.footer_gray p a:hover {
  color: #333;
}

/*底部悬浮引导下载*/
.guide_Download {
  position: fixed;
  width: 100%;
  height: 64px;
  left: 0;
  bottom: 0;
}

.guide_Download .guide_K {
  position: relative;
  width: 100%;
  height: 64px;
}

.guide_Download .guide_K .down {
  display: block;
  width: 100%;
  height: 64px;
  background: url(../img/other/trans_75.png);
}

.guide_Download .guide_K .down img {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 10px;
  top: 10px;
}

.guide_Download .guide_K .down strong {
  display: block;
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  color: #FFF;
  background-color: #22b14c;
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: normal;
}

.guide_Download .guide_K .down:active strong {
  background-color: #0082c6;
}

.guide_Download .guide_K .down p {
  text-align: left;
  padding: 13px 50px 0 64px;
  font-size: 11px;
  color: #FFF;
  line-height: 18px;
}

.guide_Download .guide_K .down p span {
  font-size: 15px;
}

.guide_Download .guide_K .close {
  display: block;
  width: 21px;
  height: 22px;
  background: url(../img/other/guide_Download_close.png);
  background-size: 21px 22px;
  position: absolute;
  right: 0;
  top: 0;
}

.logo {
  position: absolute;
  left: 10px;
  top: 0px;
  vertical-align: middle;
}

.logo img {
  height: 25px;
  margin-top: 8px;
}

/*5.0.3 首页 精选活动*/
body.index_re {
  background-color: #efeff4;
}

.index_re_Top {
  width: 100%;
  height: 40px;
  background-color: #FFF;
  position: fixed;
  z-index: 3001;
  border-bottom: 1px solid #e8e8e8;
}

.index_re_Top .re_top_btn1 {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  float: right;
  background: url(../img/other/icon_index_4.png) no-repeat left;
  background-size: 1px 12px;
}

.index_re_Top .re_top_btn1 a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: url(../img/other/icon_index_2.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #444;
  padding-left: 18px;
  font-size: 14px;
}

.index_re_Top .re_top_btn1 a:active {
  background: url(../img/other/icon_index_2_on.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #eee;
}

.index_re_Top .re_top_btn2 {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  float: right;
}

.index_re_Top .re_top_btn2 a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: url(../img/other/icon_index_1.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #444;
  padding-left: 18px;
  font-size: 14px;
}

.index_re_Top .re_top_btn2 a:active {
  background: url(../img/other/icon_index_1_on.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #eee;
}

.index_re_Top .re_top_btn3 {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  float: right;
}

.index_re_Top .re_top_btn3 a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: url(../img/other/icon_index_7.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #444;
  padding-left: 18px;
  font-size: 14px;
}

.index_re_Top .re_top_btn3 a:active {
  background: url(../img/other/icon_index_7_on.png) no-repeat 0 13px !important;
  background-size: 14px 14px !important;
  color: #eee;
}

.index_re_Top .re_top_logo {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: url(../img/other/icon_index_logo2.png) no-repeat left;
  background-size: 18px 18px;
  float: left;
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #22b14c;
  padding-left: 18px;
}

.index_re_Top .re_top_logo:active {
  background: url(../img/other/icon_index_logo2_on.png) no-repeat left;
  background-size: 18px 18px;
  color: #0082c6;
}

.index_re_Top .re_top_attr {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: url(../img/other/icon_index_3.png) no-repeat right;
  background-size: 9px 6px;
  padding-right: 13px;
  color: #444;
  font-size: 11px;
  float: left;
  margin: 0 0 0 10px;
}

.index_re_Topfull {
  height: 41px;
  overflow: hidden;
}

.index_re_Zt {
margin-top: 45px;
  margin-bottom:10px;
}

.index_mod_tit{
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    padding: 0 10px;
    color: #233040;
}
.index_mod_tit .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../img/index/wapIndexIcon1.png) no-repeat 0px 0px /375px;
    background-position: 0px -41px;
}
.index_mod_tit .more
{
  font-size: 12px;
    color: #98a4b4;
    float: right;
}

.index_mod_tit a i{
display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../img/index/wapIndexIcon1.png) no-repeat -16px 0px /375px
}

.index_re_Hd_update {
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #22b14c;
}

.index_re_Hd_update i {
  width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../img/index/wapIndexIcon1.png) no-repeat -32px 2px/375px;
    margin-left: 4px;
    vertical-align: middle;
    margin-top: -2px;
}
.index_re_Hd {
  overflow: hidden;
  /*padding: 0 10px;*/
  background: #fff;
    margin-bottom: 10px;

}
.index_re_Hd ul {
  padding: 0 10px;
  overflow: auto;
}
.index_re_Hd ul li {
  display: block;
  margin-bottom: 10px;
  background-color: #FFF;
  width: 50%;
  float: left;
}
.index_re_Hd ul li .index_re_List_in {
  border: 1px solid #f7f7f7;
  border-radius: 5px;
margin-left: 5px;

}

.index_re_Hd ul li:nth-child(2n+1) .index_re_List_in {
  margin-left: 0;
  margin-right: 5px;
}



.index_re_Hd ul li .t {
  height: 40px;
}

.index_re_Hd ul li .t a {
  display: block;
  width: 100%;
  height: 40px;
}

.index_re_Hd ul li .t a .index_re_List_Tx {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 30px;
  border: 1px solid #e8e8e8;
  float: left;
  margin: 5px 0 0 10px;
  background-color: #000;
}

.index_re_Hd ul li .t a .index_re_List_Tx img {
  width: 28px;
  height: 28px;
  border-radius: 30px;
}

.index_re_Hd ul li .t a:active .index_re_List_Tx img {
  opacity: 0.7;
}

.index_re_Hd ul li .t a .index_re_List_Name {
  display:block;
  font-size: 14px;
  color: #222;
  margin-left: 50px;
  padding-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index_re_Hd ul li .t a:active .index_re_List_Name {
  color: #dde1ea;
}

.index_re_Hd ul li .c {
  overflow: hidden;
}

.index_re_Hd ul li .c .index_re_List_Pic {
  display: block;
  overflow: hidden;
  padding-bottom: 58%;
  height: 0;
}

.index_re_Hd ul li .c .index_re_List_Pic:active {
  background-color: #000;
}

.index_re_Hd ul li .c .index_re_List_Pic img {
  width: 100%;
  background-size: 100% 185px !important;
}

.index_re_Hd ul li .c .index_re_List_Pic:active img {
  opacity: 0.7 !important;
}

.index_re_Hd ul li .b {
  overflow: hidden;
}

.index_re_Hd ul li .b .index_re_List_Txt {
  display: block;
  overflow: hidden;
  padding-bottom: 5px;
}

.index_re_Hd ul li .b .index_re_List_Txt:active {
  background-color: #d9d9d9;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_Tittle {
  font-size: 14px;
    line-height: 18px;
    color: #233040;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 36px;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 7px;
    padding: 10px 10px 0;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_timeQu {
  overflow: hidden;
  margin: 5px 10px;
  position: relative;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_timeQu .index_re_List_time {
  height: 16px;
  line-height: 16px;
  background: url(../img/other/icon_index_time.png) no-repeat left;
  background-size: 13px 13px;
  padding-left: 18px;
  font-size: 12px;
  color: #8c8c8c;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_timeQu .index_re_List_join {
  display: none;
  position: absolute;
  height: 16px;
  line-height: 16px;
  right: 0;
  top: 0;
  font-size: 11px;
  color: #8c8c8c;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_timeQu .index_re_List_join span {
  font-size: 16px;
  color: #ff9e00;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_Attr {
  overflow: hidden;
  margin: 5px 10px;
  height: 20px;
  line-height: 20px;
}

.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_Attr p {
  height: 16px;
  line-height: 16px;
  background: url(../img/other/icon_index_attr.png) no-repeat 0 0;
  background-size: 13px 15px;
  padding-left: 18px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.index_re .activity_address_tc ul {
  margin-top: 0;
}

.index_re .activity_address_tc>:first-child {
  margin-top: 35px;
}

.index_re_More {
  display: block;
  height: 40px;
  padding-bottom: 64px;
  text-align: center;
}

.index_re_More span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 12px auto;
  background: url(../img/other/icon_index_5.png) no-repeat right;
  background-size: 8px 8px;
  padding-right: 13px;
  font-size: 12px;
  color: #22b14c;
}

.index_re_More:active span {
  background: url(../img/other/icon_index_5_on.png) no-repeat right;
  background-size: 8px 8px;
  color: #0082c6;
}

/*5.0.3 发现*/
.index_re_Lg {
  height: 33px;
}

.index_re_Lg .index_re_LoginFront, .index_re_Lg .index_re_LoginAfter {
  display: none;
  overflow: hidden;
}

.index_re_Lg .index_re_LoginFront p {
  line-height: 33px;
  padding-left: 10px;
  font-size: 12px;
  color: #888;
}

.index_re_Lg .index_re_LoginFront p a {
  color: #22b14c;
}

.index_re_Lg .index_re_LoginFront p a:active {
  color: #0082c6;
}

.index_re_Lg .index_re_LoginAfter .login_pic {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  float: left;
  margin: 6px 8px 0 10px;
  border: 1px solid #dcdcdd;
}

.index_re_Lg .index_re_LoginAfter .login_pic img {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

.index_re_Lg .index_re_LoginAfter .login_pic:active img {
  opacity: 0.7;
}

.index_re_Lg .index_re_LoginAfter .login_tit {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  float: left;
  font-size: 12px;
  color: #888;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.index_re_Lg .index_re_LoginAfter .login_tit:active {
  color: #444;
}

.index_re_Lg .index_re_LoginAfter .wel_tit {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  float: left;
  font-size: 12px;
  color: #888;
}

.index_re_Lg .index_re_LoginAfter .login_out {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  float: right;
  margin-right: 10px;
  font-size: 12px;
  color: #bbb;
}

.index_re_Lg .index_re_LoginAfter .login_out:active {
  color: #444;
}

.index_re_Zt2, .index_re_Zt2 ul {
  overflow: hidden;
}

.index_re_Zt2 ul li {
  display: block;
  width: 50%;
  float: left;
}

.index_re_Zt2 ul li a {
  display: block;
  margin-left: 1px;
  position: relative;
}

.index_re_Zt2 ul li a:active {
  background-color: #000;
}

.index_re_Zt2 ul>:first-child a {
  margin-left: 0;
  margin-right: 1px;
}

.index_re_Zt2 ul li a img {
  width: 100%;
}

.index_re_Zt2 ul li a:active img {
  opacity: 0.7;
}

.index_re_Zt2 ul li a span {
  width: 100%;
  line-height: 22px;
  position: absolute;
  top: 10px;
  left: 5px;
  font-size: 16px;
  color: #efeff4;
  display: block;
  text-align: center;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-shadow: 1px 1px 1px #333;
}

.index_re_Lm {
  overflow: hidden;
  margin: 10px 10px 0;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background-color: #FFF;
}

.index_re_Lm ul {
  overflow: hidden;
  margin: 0 10px;
}

.index_re_Lm ul li {
  display: block;
  width: 50%;
  height: 44px;
  float: left;
  border-top: 1px solid #eee;
  background: url(../img/other/icon_index_4.png) no-repeat left;
  background-size: 1px 20px;
}

.index_re_Lm ul li.lm_List0 {
  background: none;
}

.index_re_Lm ul li:nth-child(1), .index_re_Lm ul li:nth-child(2) {
  border: none;
}

.index_re_Lm ul li a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 44px;
}

.index_re_Lm ul li a img {
  width: 20px;
  height: 20px;
  float: left;
  margin: 12px 10px 0 30px;
}

.index_re_Lm ul li a span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-top: 11px;
  font-size: 14px;
  color: #15232a;
}

.index_re_Lm ul li a:active span {
  color: #d3d3d3;
}

.index_re_YxTop {
  height: 37px;
  padding: 0 10px;
  text-align: left;
}

.index_re_YxTop span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  border-left: 1px solid #22b14c;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
}

.index_re_Yx {
  overflow: hidden;
}

.index_re_Yx ul {
  overflow: hidden;
  padding: 0 10px;
}

.index_re_Yx ul li {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.index_re_Yx ul li a {
  display: block;
  width: 100%;
  background-color: #FFF;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding-bottom: 12px;
}

.index_re_Yx ul li a:active {
  background-color: #d9d9d9;
}

.index_re_Yx ul li a .index_re_YxPic {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  background-color: #dadada;
  position: absolute;
  left: 10px;
  top: 10px;
  overflow: hidden;
}

.index_re_Yx ul li a .index_re_YxPic img {
  width: 36px;
  height: 36px;
  border-radius: 38px;
  margin: 1px;
}

.index_re_Yx ul li a .index_re_YxTitle {
  display: block;
  padding: 13px 10px 0 58px;
  line-height: 16px;
  font-size: 15px;
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.index_re_Yx ul li a .index_re_YxNum {
  display: block;
  padding: 5px 10px 0 58px;
  line-height: 16px;
  font-size: 11px;
  color: #aaa;
}

.index_re_Yx ul li a .index_re_YxJj {
  display: block;
  padding: 6px 10px 0 10px;
  line-height: 16px;
  font-size: 12px;
  color: #444;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index_re_Yx ul li .follow {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 22px;
  width: 60px;
  text-align: center;
  line-height: 22px;
  color: #38ADED;
  border: 1px solid #E4E4E4;
  font-size: 12px;
}

.index_re_biao {
  overflow: hiddne;
  padding: 5px 0 30px;
  text-align: center;
}

.index_re_biao img {
  width: 160px;
}

.guide_Download .guide_K .close {
  display: block;
  width: 21px;
  height: 22px;
  background: url(../img/other/guide_Download_close.png);
  background-size: 21px 22px;
  position: absolute;
  right: 0;
  top: 0;
}

.ms-controller, .ms-important {
  visibility: hidden
}

.jz_More span {
  color: #999;
}

/*错误页面提醒*/
.button_2 {
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  text-align: center;
  border: 1px solid #666666;
  background-color: #dddddd;
  padding: 10px 0;
}

.button_2:active {
  background-color: #b4b4b4;
}

.er_main {
  font-size: 16px;
  color: #666666;
  line-height: 25px;
  text-align: center;
}

#er_main {
  display: none;
  position: fixed;
  width: 296px;
}

#er_icon {
  margin-bottom: 30px;
}

#er_icon img {
  width: 63px;
  height: 63px;
}

#er_text {
  margin-bottom: 50px;
}

#er_button button, #er_button_2 button {
  width: 200px;
}

#er_button_2 {
  margin-top: 15px;
}

button.button_2 {
  border: 1px solid #bbb !important;
  border-radius: 8px !important;
  cursor: pointer;
  color: #666 !important;
}

button.button_2:active {
  background-color: #ccc !important;
  color: #666 !important;
}

/**
 * 置顶导航
 */
.pos_fix {
  position: fixed;
}

.fixed_top_line {
  height: 40px
}

.fixed_top {
  height: 44px;
  background: #fff;
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  line-height: 44px;
  z-index: 992;
  border-bottom: 1px solid #efefef;
}

.fixed_top .fixed_top_inner {
  position: relative
}

.fixed_top h3 {
  color: #222;
  font-size: 16px;
  height: 100%;
  line-height: 44px
}

.fixed_top .down_menu {
  position: absolute;
  left: 12px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #333;
  padding-right: 13px;
  font-size: 13px;
  top: 0;
  padding-right: 16px;
}

.fixed_top .down_menu:after {
  content: '\20';
  border-color: #999;
  width: 6px;
  height: 6px;
  right: 0px;
  margin-top: -5px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  position: absolute;
  top: 50%;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  background: 0 0;
}

.fixed_top .down_menu.on {
  color: #0193DC;
}

.fixed_top .down_menu.on:after {
  margin-top: -2px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-color: #0193DC;
}

.fixed_top .back_menu {
  position: absolute;
  top: 0;
  left: 15px;
  color: #333;
  height: 44px;
  line-height: 44px;
  padding-left: 10px;
  font-size: 14px;
}

.fixed_top .back_menu:before {
  content: '\20';
  border-color: #999;
  width: 8px;
  height: 8px;
  left: 0px;
  margin-top: -5px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  background: 0 0;
}

.fixed_top .del {
  position: absolute;
  top: 0px;
  right: 55px;
  color: #FFFFFF;
}

.fixed_top .btn_submit {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #22b14c;
  color: #FFFFFF;
  font-size: 14px;
  padding: 1px 6px;
}

.fixed_top .btn_disable {
  background: #4E4E52;
  color: #8C8C8D;
}

.fixed_top .btn_screen {
  position: absolute;
  top: 0px;
  right: 10px;
  color: #333;
  font-size: 14px;
  padding-left: 22px;
  margin-top: 0px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-image: url(../img/other/icon_index_7_on.png);
  background-position-y: center;
}

.fixed_top .btn_l {
  position: absolute;
  top: 0px;
  left: 10px;
  background: #22b14c;
  color: #FFFFFF;
  font-size: 14px;
  padding: 1px 6px;
}

.fixed_top .btn_r {
  position: absolute;
  top: 0px;
  right: 10px;
  background: #22b14c;
  color: #FFFFFF;
  font-size: 14px;
  padding: 1px 6px;
}

.fixed_top .btn_link {
  position: absolute;
  top: 0px;
  right: 10px;
  color: #333;
  font-size: 14px;
  padding: 1px 6px;
}

/**
 * 页签导航
 */
.twoNav {
  height: 43px;
  background: #FFFFFF;
  /*border-bottom: 1px solid #22b14c;*/
  border-bottom: 1px solid #ddd;
}

.twoNav a {
  display: block;
  width: 50%;
  height: 43px;
  float: left;
  text-align: center;

}

.twoNav a.thisOver {
  /*border-bottom: 1px solid #22b14c;*/
}

.twoNav a span {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.twoNav a.thisOver span {
  border-bottom-color: #22b14c;
  color: #22b14c;
}

.fourNav {
  height: 40px;
  background: #EBEBEB;
}

.fourNav a {
  display: block;
  width: 25%;
  height: 39px;
  float: left;
  border-bottom: 1px solid #E6E6E6;
}

.fourNav a.thisOver {
  border-bottom: 1px solid #22b14c;
}

.fourNav a span {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #E6E6E6;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.fourNav a.thisOver span {
  border-bottom: 1px solid #22b14c;
  color: #22b14c;
}

.threeNav {
  height: 40px;
  background: #fff;
}

.threeNav a {
  display: block;
  width: 33.3%;
  height: 39px;
  float: left;
  border-bottom: 1px solid #E6E6E6;
}

.threeNav a.thisOver {
  border-bottom: 1px solid #22b14c;
}

.threeNav a span {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #E6E6E6;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.threeNav a.thisOver span {
  border-bottom: 1px solid #22b14c;
  color: #22b14c;
}

.pr {
  position: relative;
}

.h35 {
  height: 35px !important;
  line-height: 35px !important;
}

.h40 {
  height: 40px !important;
  line-height: 40px !important;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.mt0 {
  margin-top: 0px !important;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}


.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}
.p10 {
  padding: 10px;
}

.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ptb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.red {
  color: red;
}

.color-1 {
  color: #57B5E7;
}

span.tel {
  word-break: normal;
}

.hide {
  display: none;
}

.f-l {
  float: left;
}

.f-r {
  float: right;
}

.btn-1, .btn-2, .btn-3 {
  display: block;
  min-width: 62px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  background-color: #c8c8c8;
  color: #FFF;
  border-radius: 3px;
  z-index: 104;
  padding: 0 8px;
}

.btn-1 {
  background-color: #22b14c;
}

.btn-1:active {
  background-color: #0082c6;
}

.btn-2 {
  background: #FF9E00;
}

.btn-2 {
  background-color: #FF9E00;
}

.btn-2:active {
  background-color: #FF9E00;
}

.btn-3 {
  background-color: #FFFFFF;
  color: #000000;
}

.btn-3:active {
  background-color: #FFFFFF;
}

.btn-h35 {
  height: 35px !important;
  line-height: 35px !important;
}

/*Flexbox*/
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.flexbox .fb1 {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.single_section {
  position: relative;
  background: #FFF;
  border-bottom:1px solid #f3f5f7;
}


.single_section .head, .single_section .item {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding: 0 15px;
  color: #000
}

.single_section a.head:after, .box-arrow-right:after {
  content: '\20';
  border-color: #999;
  width: 8px;
  height: 8px;
  right: 10px;
  margin-top: -5px;
  transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  position: absolute;
  top: 50%;
  border-top: 1px solid #7d7d7d;
  border-left: 1px solid #7d7d7d;
  background: 0 0
}

.single_section a.box-arrow-bottom:after, .box-arrow-bottom:after {
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.single_section a.head.logout {
  text-align: center;
  color: red;
}
.single_section a.head.logout:after {
  display: none;
}

.single_section .val {
  float: right;
  color: #ADADAD;
  margin-right: 15px;
}
.single_section .val img {

  border-radius: 100px;

 }
.single_msg {
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  color: #A0A0A0;
  font-size: 14px;
}

.single_input {
  padding: 0 15px;
  background: #FFFFFF;
}

.single_input .text {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}

/*alert弹层*/
.alert_tip {
  color: #000000;
  position: fixed;
  font-size: 14px;
}

.alert_tip .inner {
  margin-right: 20px;
  margin-left: 20px;
  background: #FFFFFF;
  text-align: center;
  padding: 10px;
}

.alert_tip .inner .msg {
  line-height: 24px;
  padding-bottom: 15px;
}

.alert_tip .inner .red {
  color: red;
}

.alert_tip .inner .oper {
  border-top: 1px solid #DADADA;
  padding: 15px  10px 5px;
}

.alert_tip .inner button {
  height: 35px;
  line-height: 35px;
  background: #22b14c;
  border-radius: 5px;
  color: #FFFFFF;
  width: 100%;
}

/*confirm弹层*/
.confirm_tip {
  color: #000000;
  position: fixed;
  font-size: 14px;
}

.confirm_tip .inner {
  margin-right: 20px;
  margin-left: 20px;
  background: #EBEBEB;
  text-align: center;
  padding: 0 10px;
}

.confirm_tip .hd {
  height: 40px;
  line-height: 40px;
  color: #22b14c;
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
}

.confirm_tip .inner .msg {
  line-height: 20px;
  padding-bottom: 15px;
  padding-top: 8px;
}

.confirm_tip .inner .red {
  color: red;
}

.confirm_tip .inner .oper {
  overflow: hidden;
  padding: 15px  8px 10px;
}

.confirm_tip .inner button {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  width: 47%;
}

.confirm_tip .inner button.cancel {
  background: #DBDBDB;
  float: left;
  color: #7A7A7A;
}

.confirm_tip .inner button.ok {
  float: right;
  background: #22b14c;
  color: #FFFFFF;
}

.bottom_fn {
  background: #EBEBEB;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 16px;
  display: none;
}

.bottom_fn .inner {
  padding: 10px;
  padding-bottom: 20px;
  text-align: center;
}

.bottom_fn .inner button {
  border-radius: 5px;
  color: #000000;
  width: 100%;
  background: #FFFFFF;
  height: 40px;
  line-height: 40px;
}

.bottom_fn .tips {
  line-height: 20px;
  font-size: 14px;
  color: #A4A4A4;
  text-align: left;
}

.bottom_fn .item {
  margin-top: 10px;
  min-height: 35px !important;
}

.bottom_fn .oper {
  margin-top: 25px;
}

.bottom_fn .oper button {
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #858C96;
  color: #FFFFFF;
}

.bottom_fn_2 {
  background: #FFFFFF;
}

.bottom_fn_2 .item button {
  color: #000000;
  background: #D0D0D0;
}

.bottom_fn_2 .oper button {
  background: #DBDBDB;
  color: #6F6F6F;
}

/*没有记录*/
.list_empty {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.list_empty .empty_icon {
  margin-bottom: 20px;
  margin-top: 100px;
}

.list_empty .empty_icon img {
  width: 60px;
}

.list_empty .empty_text {
  line-height: 20px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #999999;
}

/*报名详情*/
.enroll_info {
}

.enroll_info .item {
  position: relative;
  height: 25px;
  line-height: 25px;
  padding: 10px;
  font-size: 14px;
  background: #FFFFFF;
  color: #000000;
}

.enroll_info .item:before {
  content: '';
  height: 0;
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0
}

.enroll_info .item .tit {
  color: #ADADAD;
  margin-right: 12px;
}

.enroll_info .item .val {
}

.enroll_info .item .line {
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: block;
  height: 14px;
  line-height: 14px;
  margin-left: 10px;
}

.enroll_info .textarea_item {
  height: auto;
}

.enroll_info .textarea_item .val {
  display: block;
}

.enroll_info .check_item {
  height: auto;
}

.enroll_info .check_item .line {
  background-image: url('../img/enroll/05.png');
  margin-bottom: 8px;
}

.enroll_info .radio_item {
  height: auto;
}

.enroll_info .radio_item .line {
  background-image: url('../img/enroll/04.png');
}

.enroll_oper {
  background: #FFF;
  padding: 10px 0
}

.enroll_oper .bd {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.enroll_oper .item {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #60739B;
  border-right: 1px solid #ECECEC;
}

.enroll_oper .item:last-child {
  border: 0 none;
}

.enroll_oper .item span {
  background-size: 12px 12px;
  background-repeat: no-repeat;
  padding-left: 16px;
  font-size: 14px;
  background-position: 0 4px;
}

.enroll_oper span.tel {
  background-image: url('../img/enroll/01.png');
}

.enroll_oper span.sms {
  background-image: url('../img/enroll/02.png');
}

.enroll_oper span.refuse {
  color: #A7A7A7;
  background-image: url('../img/enroll/03.png');
}

/*活动列表*/
.activity_list {
  padding-bottom: 80px;
}

.activity_list .item {
  background: #FFFFFF;
  overflow: hidden;
  margin-bottom: 12px;
  font-size: 14px;
  display: block;
  clear: both;
  padding: 15px 12px;
}

.activity_list .item h3 {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  line-height: 20px;
  margin-bottom: 10px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.activity_list .item .face {
  width: 150px;
  height: 88px;
}

.activity_list .item .face.face-responsive {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}


.activity_list .item .face img {
  width: 150px;
  max-height: 88px;
}
.activity_list .item .face.face-responsive img {
  width: 100%;
  max-height: none;

}
.activity_list .item .cont {
  padding-left: 15px;

  color: #8c8c8c;
}

.activity_list .item .cont .f-r {
  text-align: right;
}

.activity_list .item .status {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-image: url(../img/other/icon_index_time.png)
}

.activity_list .item .address {
  padding-left: 16px;
  margin-top: 8px;
  background-repeat: no-repeat;
  background-size: auto 14px;
  background-image: url(../img/other/icon_index_attr.png)
}

.activity_list .item .foot {
  border-top: 1px solid #e5e5e5;
  padding-top: 12px;
  margin-top: 10px;
  line-height: 1.75;
}
.activity_list .item .btn {
  float: right;
  display: inline-block;
  text-align: center;
    line-height: 1.75;
    cursor: pointer;
    padding: 0 8px;
    border-radius: 3px;
    border: 1px solid #22b14c;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #22b14c;
}
.activity_list .item .btn.disabled {

    border: 1px solid #dedede;
    color: #8c8c8c;
}

.activity_list .item .money {
  color: #f93;
  line-height: 1.75;
  /*font-size: 12px;*/
    padding: 0 5px;

    border-radius: 3px;

  ;float: right;
  margin-right: 10px;
    border: 1px solid #fff;

}

.activity_list .item .money.free  {
  color:  #22b14c;
    border: 1px solid #fff;

}
.activity_list .item .num {
  margin-top: 8px;
}

.activity_list .item .num em {
  color: #22b14c;
}

/*列表筛选条件*/
.screenWrap {
  background: #efeff4;
  position: fixed;
  right: 0;
  overflow: auto;
  top: 90px;
  width: 100%;
  z-index: 1001;
}

.screenWrap .fixed_top {
  background: #FFFFFF;
  left: inherit;
}

.screenWrap .fixed_top h3 {
  color: #000000;
}

.screenWrap .fixed_top .btn_l {
  background: transparent;
  color: #6A6A6A;
}

.screenWrap .fixed_top .btn_r {
  background: transparent;
  color: #6A6A6A;
}

.screenWrap .tagWrap {
  background: #FFFFFF;
  clear: both;
  overflow: hidden;
  padding: 0 15px 15px;
}

.screenWrap .tagWrap li {
  margin-top: 15px;
  width: 33.3%;
  float: left;
  text-align: center;
}

.screenWrap .tagWrap li a {
  border: 1px solid #E7E7E7;
  display: block;
  margin: 0 5%;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.screenWrap .tagWrap li.curr a {
  border-color: #22b14c;
}

.screenWrap .single_section .val {
  color: #22b14c;
}





/*数据加载*/
.data_load {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.data_load .text {
  line-height: 30px;
  font-size: 12px;
  color: #999999;
}

/*全部加载*/
.empty {
  background: transparent !important;
  text-align: center;
  font-size: 14px;
  color: #808080;
  padding: 10px 0 10px 0;
  margin-top: 0 !important
}

/*@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .single_section:before {
    -webkit-transform: scaleY(0.5);
    -webkit-transform-origin: 50% 100%;
  }

}*/
/*search*/
        .search {margin: 0 40px 0 65px;
    padding-top: 8px;
      position: relative;}
      .search-icon {
            width: 16px;
      height: 16px;
      position: absolute;
      left: 6px;
      top: 14px;
      cursor: pointer;
      background: url(https://img-qn.hdb.com/static_v4/images/other/index_icon_search.png) no-repeat 0 0 / 16px 16px;
      }

  #search_key
  {
    display: block;
    width: 100%;
      height: 28px;
      line-height: 28px;
      background: #EEE;
      font-size: 14px;
      color: #444;
      text-indent:  27px;
      border-radius: 4px;
  }
/*top-nav*/
    .top-nav {
        margin-top: 44px;
        height: 40px;
        overflow: hidden;
        background: #fff;
        margin-bottom: 2px;
    }

    .top-nav ul {
        height: 50px;
        line-height: 40px;
        display: block;
        white-space: nowrap;
    }

    .top-nav ul li {
        line-height: 40px;
        float: left;
        width: 25%;
        font-size: 15px;
        color: #233040;
        text-align: center;
    }

    .top-nav ul li span {
        display: inline-block;
        border-bottom: 2px solid #fff;
        height: 38px;
        width: 37px;
    }

    .top-nav ul li.active span {
        border-bottom-color: #22b14c;
        color: #22b14c;
    }

/*host*/
#host-index {

  background: #fff;
  margin-bottom: 10px;
}
   .twoNav.Index {
      background: url(../img/index/wapIndexIcon1.png) no-repeat 0px -256px/100%;

    }
.host {
   padding: 15px 0 20px;
}
.host li {

    width: 134px;
    height: 158px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin: 0px 5px 0px 5px;
    padding-top: 19px;
    position: relative;
    display: inline-block;
    z-index: 0;
}

.host li a.info{
        display: block;
        width: 132px;
    overflow: hidden;
}
.host li a.info .host_head{
width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #d9e1ea;
    overflow: hidden;
    margin: 0 auto;
}

.host li a.info .host_head img{
    width: 100%;
    height: 100%;
}

.host li a.info .host_name{
    width: 100%;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 14px auto 10px;
    text-align: center;
    color: #233040;
    box-sizing: border-box;
    padding: 0px 5px;
}
.host li .focusBtn {
      display: block;
    margin: 0 auto;
    color: #22b14c;
    text-align: center;
    font-size: 12px;
    width: 48px;
    border: 1px solid #22b14c;
    line-height: 1.75;
    border-radius: 5px
}
.host li .focusBtn.grey {
    color: #666;

    border: 1px solid #888;

}
.viphostIcon

{
  display: none;
        position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 8px 0px 0px 0px;
    background: url(../img/index/wapCommonIcons1.png) no-repeat 0px -132px 375px;
}

/*nav*/
  .nav-cate {
        background: #fff;
        /*height: 0;*/
        margin-bottom: 10px;
        overflow: hidden;
        /*padding-bottom: 41.7%;*/
    }

    .nav-cate ul {
        display: block;
        overflow: hidden;
        padding: 10px;
    }

    .nav-cate ul li {
        float: left;
        width: 20%;
        text-align: center;
        /*height: 70px;*/
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .nav-cate ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .nav-cate ul li a img {
        width: 100%;
        height: 100%;
    }

    .nav-cate ul li a .index_classify_icon {
        width: 40px;
    height: 40px;
    margin: 4px auto 0px;
    box-sizing: border-box;
    /*border: 1px solid #e7e7e7;*/
    /*border-radius: 100px;*/
    padding: 5px;
    }

    .nav-cate ul li a span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #65717f;
        margin-top: 6px;
    }
/*culling*/

    #culling .c { float: left; width: 150px; height: 88px; padding: 10px; }
#culling .b {        /*float: left;*/
padding: 10px 0; margin-left: 165px; }
#culling .index_re_List { width: 100%;margin-bottom: 0 }
#culling .index_re_Ul { padding: 0; }
#culling.index_re_Hd ul li .index_re_List_in { border-radius: 0; border-width: 0 0 1px 0; overflow: hidden;margin-left: 0}
#culling.index_re_Hd ul li .b .index_re_List_Txt .index_re_List_Tittle { padding: 0 10px 0 0;font-weight: 700; height: auto; }




/*加载更多*/
.data_loading,.data_loading_done {width: 100%;height: 40px;line-height: 40px;color: #999999;font-size: 13px;text-align: center;}
.data_loading span{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin-right: 10px;-webkit-animation: img-rote 2s linear 2s 5 alternate;animation: img-rote 2s linear infinite;background: url("https://img-qn.hdb.com/static_v4/images/other/icon_loading_blue.png") no-repeat center;background-size: 20px;}
.allDataShow{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #999999;font-size: 13px;}
@keyframes img-rote { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}

@keyframes img-rote {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}