a{
    text-decoration: none;
}

.tops-content-after{
    display:inline-block;
}

.my-content{
    width: 100%;
    min-width: 1200px;
}
.banner_img_t{
    width: 100%;
    height: 250px;
}

.banner{
    position: relative;
}

.banner_search{
    position: absolute;
    top: 60px;
    
    width: 100%;
}
.banner_search_son{
    width: 840px;
    margin:0 auto;
}

.tops-content-after .city {
    width: 100px;
    height: 32px;
    display: flex;
}
.tops-content-after .city .left {
    width: 70px;
    height: 100%;
    background-color: #f2f2f2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tops-content-after a {
    color: #333333;
    font-family: "pingfang sc";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tops-content-after  .city .right {
    width: 30px;
    height: 100%;
    background-color: #ff6600;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tops-content-after .city img {
    width: 12px;
    height: 8px;
}


.tops{
    width: 100%;
    min-width: 1300px;
    height: 76px;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 2px 8px 0 #0000000d;
    /* margin-bottom:20px; */
}
.tops-content{
    width:1300px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding:13px 0;

}
.tops-content img{
    width:97px;
    height:50px;
    cursor: pointer;
    margin-right: 30;
}
.tops-content-middle a:hover{
    color: #ff6600;
}
.content .entry:hover{
    color: #fff;
}
.tops-content-middle .morecity:hover{
    color: #ff6600;
}
.tops-content-middle a{
    display:inline-block;
    margin-right:16px;
    color: #333333;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}
.tops-content-middle  .morecity{
    display:inline-block;
    margin-right:16px;
    color: #333333;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    cursor: pointer;
}
.tops-content-after{
    margin-left:60px;
}
.tops-content-after>a{
   

    color: #ff6600;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.tops-content-after>.app{
   

    color: #ff6600;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    margin-left: 32px;

}
.tops-content-after>.home{
   

    color: #000000;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    margin-left: 32px;

}




.my-content-wrap-title{
    display:flex;
    /* margin-left:177px; */
    margin-bottom:20px;

}
.my-content-wrap-title .my-content-wrap-title-fir{
 
    text-align: center;
    font-family: "microsoft yahei";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* background: var(--linear, linear-gradient(0deg, #37eefa 0%, #91eecc 100%)); */
    background-clip: text;
    -webkit-background-clip: text;
    color: #fff;

}
.my-content-wrap-title .my-content-wrap-title-sec{
    width: 1px;
    height: 16px;
    background: #ffffff80;
    margin:0 16px;
    position: relative;
    top: 16px;
}
.my-content-wrap-title .my-content-wrap-title-thi{
 
    text-align: center;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* background: var(--linear, linear-gradient(0deg, #37eefa 0%, #91eecc 100%)); */
    background-clip: text;
    -webkit-background-clip: text;
    color: #fff;
    position: relative;
    top: 16px;

}
.my-content-wrap-search{
width: 840px;
height: 56px;
flex-shrink: 0;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 20px 0 #01699640;
padding:4px 4px 4px 20px;
box-sizing: border-box;
display:flex;
align-items: center;
/* margin-left:177px; */
margin-bottom:48px;
}
.my-content-wrap-search img{
width: 20px;
height: 20px;
flex-shrink: 0;
fill: #ccc;
margin-right:20px;
cursor: pointer;
}
.my-content-wrap-search input{
   height:48px;
   width:630px;
   border: none;
   color: #333;
    font-family: "microsoft yahei";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right:13px;
}
.search_input:focus {
    border-style: none;
    outline: none; 
}
.search_input::placeholder {
    color: #999999;
    font-family: "microsoft yahei";
    font-size: 16px;

    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.search-button{
    cursor: pointer;
    width: 128px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    /* background: var(--linear, linear-gradient(135deg, #00e8da -28.74%, #00a7ef 64.52%)); */
    background: var(--linear, linear-gradient(293deg, #6a70ff 0%, #e477ff 100%));
    box-shadow: 0 0 20px 0 #01699640;

    color: #ffffff;
    font-family: "microsoft yahei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:14px 32px 13px 32px;
    box-sizing: border-box;
}
.middle_content{
    width: 1200px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.banner_search{
    position: absolute;
}
.middle_content_l{
    width: 876px;
}
.middle_content_r{
    width: 300px;
}
.swiper-border,.banner_img{
    width:682px!important;
    height:200px !important;
}
.swiper-pagination-bullet{
  width: 8px!important;
  height: 8px!important;
  flex-shrink: 0!important;
  border-radius:8px!important;
  background: rgba(255, 255, 255, 0.7)!important;

}
.swiper-pagination-bullet-active{
  width: 26px!important;
  height: 8px!important;
  flex-shrink: 0!important;
  border-radius:81px!important;
  background: #fff!important;
}
.flex{
  display:flex;
  /* justify-content: center; */
}
.ju{
    justify-content: space-between;
}
* {
  padding: 0;
  margin: 0;
  margin: 0px;
  text-decoration: none;
  font-family: "microsoft yahei";
}


body {
  font-size: 16px;
  line-height: 16px;
  background: #f5f5f5;
}

a {
  text-decoration: none;
  display: inline-block;
}

ul {
  list-style-type: none;
}

.flex {
  display: flex;
}

.col {
  flex-direction: column;
}

.center {
  justify-content: center;
}

.inline {
  display: inline-block;
}

.around {
  justify-content: space-around;
}

.event {
  justify-content: space-evenly;
}

.between {
  justify-content: space-between;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.just-start {
  justify-content: flex-start;
}

.just-end {
  justify-content: end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.pointer {
  cursor: pointer;
}

div {
  box-sizing: border-box;
}

.over_one_text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.over_two_text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hdh_top {
  width: 100%;
  height: 72px;
  background: #f3f0ff;
  margin-bottom: 16px;
}

.hdh_top_cont {
  width: 1200px;
  height: 100%;
  margin: 0 auto
}

.hdh_top_left {
  height: 100%;
}

.hdh_top_left_img {
  width: 187px;
  height: 34px;
  margin-right: 56px;
}

.hdh_top_left_links a {
  margin-right: 42px;
  font-size: 18px;
  color: #666666;
}

.hdh_top_left_links a:last-child {
  margin-right: 0;
}

.hdh_top_left_links a:hover {
  color: #6a70ff;
  text-decoration: underline;
}

.hdh_top_right {
  width: 300px;
  height: 40px;
  border-radius: 54px;
  border: 1px solid #6a70ff;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.hdh_search {
  outline: none;
  border: 0;
  height: 100%;
  width: 100%;
  padding: 10px 38px 10px 16px;
  box-sizing: border-box;
  font-size: 14px;
}

.hdh_search_icon {
  position: absolute;
  right: 16px;
  bottom: 10px;
  width: 20px;
  height: 20px;
}

.hdh_main {
  width: 1200px;
  margin: 0 auto;
}

.hdh_main_left {
  width: 876px;
  margin-right: 24px;
}

.hdh_main_left_top {
  margin-bottom: 24px;
}

.hdh_main_left_lbt {
  width: 682px;
  height: 200px;
  border-radius: 8px;
  margin-right: 16px;
}

.hdh_main_left_lbt_img {
  width: 100%;
  height: 100%;
}

.hdh_main_left_btns {
  width: 178px;
}

.hdh_main_left_btn {
  position: relative;
  width: 178px;
  height: 92px;
  border-radius: 8px;
  border: 1px solid #fff;
  background: #ffffff;
}

.hdh_btn_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 81px;
  height: 81px;
}

.hdh_th_btn {
  width: 162px;
  height: 76px;
  border-radius: 8px;
  background: linear-gradient(102deg, #b56bff 0%, #e181f0 100%);
  color: #ffffff;
  font-size: 20px;
  line-height: 76px;
  padding-left:16px;
  box-sizing: border-box;
}

.hdh_jd_btn {
  background: linear-gradient(106deg, #6587ff 3.51%, #6db9ff 100%);
}

.hdh_btn_img {
  position: absolute;
}

.hdh_main_left_th {
  margin-bottom: 16px;
}

.hdh_rm {
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border-radius: 8px;
  background: #fff;
}

.hdh_rm a {
  font-size: 18px;
  color: #666666;
  line-height: 56px;
}

.hdh_rm a:hover {
  color: #6a70ff;
  text-decoration: underline;
}

.hdh_month {
  margin: 24px 0;
}

.hdh_month a {
  margin-right: 42px;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}

.hdh_month a:hover {
  color: #6a70ff;
}

.hdh_month_img {
  width: 88px;
  height: 22px;
  background:  no-repeat;
}

.hdh_month_img:hover {
  width: 88px;
  height: 22px;
  background:  no-repeat;
}

.hdh_zx_item {
  width: 300px;
  background-color: #fff;
  padding: 15px 24px 13px;
  border-radius: 8px;
}

.hdh_zx_title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 6px;
}

.hdh_main_item {
  width: 876px;
  padding: 20px 24px 24px;
  border-radius: 8px;
  background: #fff;
}

.hdh_item_tite {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 16px;
}

.hdh_rm_left {
  position: relative;
  margin-right: 16px;
}

.hdh_rm_left_img {
  width: 186px;
  height: 276px;
  border-radius: 8px;
}

.hdh_rm_left_img:hover {
  opacity: 0.8
}

.hdh_rm_left_text {
  position: absolute;
  bottom: 0;
  padding: 7px 12px 12px 12px;
  width: 186px;
  height: 71px;
  border-radius: 0 0 8px 8px;
  background: #0000004d;
  font-size: 16px;
  color: #ffffff;
  line-height: 29px;
}

.hdh_ych_item {
  margin-bottom: 16px;
}

.hdh_rm_ych {
  margin-right: 24px;
}

.hdh_rm_ych a:last-child .hdh_ych_item {
  margin-bottom: 0;
}

.hdh_ych_item_img_cont {
  position: relative;
  width: 88px;
  height: 130px;
  margin-right: 8px;
}

.hdh_ych_item_img {
  width: 88px;
  height: 130px;
  border-radius: 6px;
}

.hdh_ych_item_img:hover {
  opacity: 0.8;
}

.hdh_ych_right {
  width: 128px;
}

.hdh_ych_item_title {
  height: 52px;
  color: #333333;
  font-size: 16px;
  line-height: 25.87px;
}

.hdh_ych_item_title:hover,
.hdh_zh_item_title:hover {
  color: #6849e9;
}

.hdh_ych_item_text {
  font-size: 12px;
  color: #999999;
}

.hdh_ych_item_price {
  font-size: 14px;
  color: #bfbfbf;
}

.price {
  font-size: 20px !important;
  color: #ed3d72 !important;
  font-weight: 700 !important;
  margin-right: 3px;
}

.hdh_zh_item {
  margin-bottom: 16px;
}

.hdh_rm_zh_item_img_cont {
  position: relative;
  width: 200px;
  height: 130px;
  margin-right: 8px;
}

.hdh_rm_zh_item_img {
  width: 200px;
  height: 130px;
  border-radius: 8px;
}

.hdh_rm_zh_item_img:hover {
  opacity: 0.8;
}

.hdh_zh_right {
  width: 170px;
}

.hdh_zh_item_price {
  font-size: 14px;
  color: #ed3d72;
}

.hdh_rm_zh a:last-child .hdh_zh_item {
  margin-bottom: 0;
}

.hdh_ych_item_right {
  width: 164px;
}

.hdh_ych_cont_item {
  margin: 0 24px 24px 0;
}

.hdh_ych_cont a:nth-child(3n) .hdh_ych_cont_item {
  margin-right: 0;
}

.hdh_card_item {
  margin-top: 24px;
  width: 876px;
  padding: 20px 24px 0;
  border-radius: 8px;
  background: #fff;
}

.hdh_more_btn {
  font-size: 14px;
  color: #999999;
  vertical-align: middle;
}

.hdh_more_img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}


.hdh_zh_cont_item {
  margin: 0 24px 24px 0;
}

.hdh_zh_cont a:nth-child(3n) .hdh_zh_cont_item {
  margin-right: 0;
}

.hdh_zh_item_img_cont {
  position: relative;
  width: 123px;
  height: 80px;
  border-radius: 8px;
  margin-right: 8px;
}

.hdh_zh_item_img {
  width: 123px;
  height: 80px;
  border-radius: 8px;
}

.hdh_zh_item_img:hover {
  opacity: 0.8;
}

.hdh_zh_item_right {
  width: 129px;
}

.hdh_zh_item_title {
  height: 26px;
  line-height: 25.87px;
  color: #333333;
  font-size: 16px;
  line-height: 25.87px;
}

.hdh_bug {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 7px;
  border-radius: 0 6px;
  border: 1px solid #ece8ff;
  background: #ed3d72;
  color: #ffffff;
  font-size: 12px;
}

.hdh_sj_cont_item {
  margin: 0 24px 24px 0;
  width: 189px;
  height: 109px;
  border-radius: 8px;
}

.hdh_sj_cont_item_img {
  width: 189px;
  height: 109px;
  border-radius: 8px;
}

.hdh_sj_cont a:nth-child(4n) .hdh_sj_cont_item {
  margin-right: 0;
}

.hdh_sj_cont_item {
  position: relative;
  overflow: hidden;
  width: 189px;
  height: 109px;
  border-radius: 8px;
}

.hdh_sj_cont_item:hover {
  opacity: 0.8;
}

.hdh_sj_cont_item_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.hdh_sj_cont_item_text_title {
  font-size: 16px;
  margin: 5px 10px 5px;
  height: 16px;
}

.hdh_sj_cont_item_text_date {
  margin: 0 10px;
  color: #ffffffe6;
  font-size: 14px;
  height: 18px;
}

.hdh_sj_cont_item_text_link {
  width: 75px;
  height: 26px;
  background-color: #ffffffb3;
  color: #ed3d72;
  font-size: 14px;
  line-height: 26px;
  padding: 0 10px;
  margin-bottom: 15px;
}

.hdh_sj_cont_item_text_link_triangle {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid #ffffffb3;
}

.hdh_bottom_btns {
  height: 24px;
  line-height: 24px;
  color: #6849e9;
  margin: 32px 0 15px;
}

.hdh_bottom_btn {
  color: #999999;
  font-size: 16px;
}

.hdh_bottom_btn_active {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  padding-left: 9px;
  color: #6849e9;
}

.hdh_bottom_btn_active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 90px;
  height: 6px;
  border-radius: 52px;
  background: var(--2, linear-gradient(90deg, #f0cffc 0%, #f0cffc00 122.58%));
}

.hdh_hd_item {
  width: 156px;
  border-radius: 6px 6px 0 0;
  background-color: #fff;
}

.hdh_hd_ych_img_cont {
  width: 156px;
  height: 229.8px;
  border-radius: 6px 6px 0 0;
  position: relative;

}

.hdh_hd_ych_img {
  width: 156px;
  height: 229.8px;
  border-radius: 6px 6px 0 0;
}

.hdh_hd_ych_text {
  padding: 8px 12px 11px;
}

.hdh_hd_ych_title {
  height: 52px;
  font-size: 16px;
  line-height: 25.87px;
  color: #333333;
}

.hdh_hd_ych_title:hover {
  color: #6849e9;
}

.hdh_hd_ych_date {
  color: #999999;
  font-size: 12px;
  margin: 3px 0 12px
}

.hdh_hd_zh_img_cont {
  width: 156px;
  position: relative;
  height: 101.4px;
  border-radius: 8px 8px 0 0;
}

.hdh_hd_zh_img {
  width: 156px;
  height: 101.4px;
  border-radius: 8px 8px 0 0;
}

.hdh_hd_sj {
  position: relative;
  overflow: hidden;
  width: 156px;
  height: 89.97px;
  flex-shrink: 0;
  border-radius: 8px;
}

.hdh_hd_sj_img {
  width: 156px;
  height: 89.97px;
  border-radius: 8px;
}

.hdh_hd_sj_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hdh_hd_sj_text_title {
  font-size: 16px;
  margin: 5px 12px 5px;
  height: 16px;
  color: #ffffff;
}

.hdh_hd_sj_text_date {
  margin: 0 12px;
  color: #ffffffe6;
  font-size: 14px;
  height: 14px;
}

.hdh_hd_sj_text_link {
  width: 64px;
  height: 22px;
  background-color: #ffffffb3;
  color: #ed3d72;
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 10px;
  margin-bottom: 12px;
}

.hdh_hd_sj_text_link_triangle {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #ffffffb3;
}

.hdh_bottom_main {
  column-count: 5;
  column-gap: 0;
}

.hdh_bottom_main a {
  margin: 12px 0;
}


.hdh_zx_item {
  margin: 16px 0;
}

.hdh_zx_cont_item {
  margin: 6px 0;
  font-size: 14px;
}

.hdh_zx_item_img {
  width: 8.4px;
  height: 6px;
  margin-right: 4.6px;
}

.hdh_zx_item_text {
  height: 18px;
  width: 238px;
  color: #5a5a5a;
}

.hdh_hd_city {
  margin-top: 34px;
}

.hdh_hd_city_item {
  margin: 6px 25px 6px 0;
  font-size: 14px;
  color: #666666;
}

.hdh_hd_city_item:nth-child(4n) {
  margin: 6px 0 6px 0;
}

.footer a {
  font-size: 14px !important;
}



#footer {
  margin-top: 0px !important;
}

.footer .notice {
  text-align: center;
  display: block;
  font-size: 17px;
}

.footer {
  width: 100%;
  background-color: #666666;
  color: #999;
  font-size: 17px;
}

.notice {
  margin-top: 15px;
  font-size: 14px !important;
}

.footer a {
  color: #999;
  font-size: 17px;
  text-decoration: none;
}

.wenzi {
  border-top: 0px !important;
  line-height: normal;
  font-size: 14px !important;
}

.wenzi {
  padding: 12px 0px 12px 0px;
  text-align: center;
  border-top: 1px solid #000000;
}

.bot-about {
  color: #666666 !important;
  font-family: "microsoft yahei" !important;
  font-size: 14px !important;
  margin-bottom: 15px !important;
}

.bot-about {
  /* background-color: #666666; */
  text-align: center;
  color: #999;
  margin-top: 60px;
  padding: 10px 50px;
  text-align: center;
  color: #666;
  font-size: 18px;

}

.bot-about>div {
  color: #999;
}

.hdh_bottom_links {
  width: 1200px;
  margin: 50px auto 0;
}

.hdh_bottom_links a {
  color: #666666;
  font-size: 14px;
  margin-right: 20px;
}

.hdh_bottom_links a:hover {
  color: #6849e9;
}









.hdh_hd_city_item:hover,
.hdh_zx_item_text:hover {
  color: #6849e9;
}

.hdh_hd_ych_img:hover,
.hdh_hd_sj:hover,
.hdh_hd_zh_img_cont:hover {
  opacity: 0.8;
}

#free_cont {
  display: none;
}

html { scroll-behavior: smooth; }
.backhome{
   cursor: pointer;
}
.middle_content_absolute{
   position: fixed;
   margin-left: -100px;
   top: 348px;
   z-index: 2;
}
.middle_content_absolute .img_wrap{
   width: 42px;
   height: 42px;
   flex-shrink: 0;
   fill: #fff;
   stroke-width: 1px;

   background:#fff;
   
   border-radius: 50%;
    stroke: rgba(240, 236, 255, 0.8);
   filter: drop-shadow(0 0 4px rgba(104, 73, 233, 0.1));
   margin-bottom:6px;
   position: relative;
   left:14px;
}
.middle_content_absolute .img_wrap img{
   width: 30px;
   height: 30px;
   position: relative;
   top:6px;
   left:6px
}
.middle_content_absolute .text{
   color: rgb(153, 153, 153);
   text-align: justify;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom:32px;
   width:70px;
   text-align:center
}
.middle_content{
   position: relative;
}
.select_wrap{
   display:flex;
   margin-top:24px !important;
   position: relative;

}
.select_data{
   position: absolute;
   top:44px;
   left:0;
   flex-shrink: 0;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
   padding:12px 11px 12px 0;
   z-index:999;
   display:flex;
   box-sizing: border-box;
   overflow: hidden;
   height: auto;
   max-height:375px;
   transition: max-height 0.5s linear 0s;
}
.hidden_data{
   padding:0;
   height:0;
   max-height:0;
}
.select_content{
   width: 200px;
   /* height: 40px; */
   box-sizing: border-box;
   padding: 11px 14px;
   flex-shrink: 0;
   border-radius: 100px;
   background: #fff;
   margin-right:16px;

   color: #333333;
   text-align: center;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   display:flex;
   align-items: center;
   cursor: pointer;
}
.select_content img{
   width: 10px;
   height: 6px;
}
.select_content_text{
   width:153px;
   text-align: center;
}

.select_data_left_detail{
   color: rgb(51, 51, 51);
   text-align: center;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding:8px 24px;
   cursor: pointer;
}
.select_data_left_detail:hover{
   color: rgb(104, 73, 233);
}
.select_data_left_detail.select{
   color: rgb(104, 73, 233);
}
.select_data_left{
   max-height:375px;
   overflow-y: auto;
   margin-right: 11px;
   overflow-y: auto;
   /* overflow-y: scroll; */
}
.select_data_right_f{
   display:flex;
   cursor: pointer;
   width:450px;
   flex-wrap:wrap;
   max-height:375px;
   overflow-y: auto;
   /* overflow-y: scroll; */
}
.select_data_right_detail{
   padding:5px 13px 9px 13px;
   
   color: rgb(102, 102, 102);
   text-align: left;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   
   box-sizing: border-box;
   
   width:fit-content;
   width:-webkit-fit-content;
   width:-moz-fit-content;
}
.select_data_right_detail_wrap{
   width:132px;
   margin-right:16px;
   margin-bottom:2px;
}
.select_data_right_detail.select{
   color: rgb(104, 73, 233);
   border-radius: 4px;
   background: #ece8ff;
}
.select_data_right::-webkit-scrollbar{
   width:3px;
   background:rgba(0,0,0,0.1);
}
.select_data_left::-webkit-scrollbar{
   width:3px;
   background:rgba(0,0,0,0.1);
}
.date_wrap{
   width: 300px;
   height: 117px;
   flex-shrink: 0;
   border-radius: 8px;
   background: linear-gradient(144deg, #ece8ff 6.74%, #fff 50.03%);
   box-shadow: 2px 2px 4px 0 #fff inset;
   box-sizing: border-box;
   padding:15px 14px 27px 15px
}
.date_wrap_top{
   display:flex;
   justify-content: space-between;
   margin-bottom:25px
}
.date_wrap_top_l{
   color: rgb(51, 51, 51);
   font-family: "microsoft yahei";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-left:9px
}
.date_wrap_top_r{
   color: rgb(153, 153, 153);
   text-align: right;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-right:10px
}
.date_wrap_top_r img{
   width:12px;
   height:12px;
   /* margin-left:4px */
}
.date_wrap_bottom{
   display:flex;
   justify-content: space-between;
}
.date_wrap_bottom a{
   display:block;
   padding:6px 10px 6px 9px;
   font-family: "microsoft yahei";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.date_wrap_bottom a:hover{
   border-radius: 4px;
   background: #ece8ff;
   color: rgb(104, 73, 233);
}


.my-content-top{
  width:1200px;
  color: #999999;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin:25px auto 19px auto

}
.my-content-top img{
  width: 12px;
  height: 12px;
  position: relative;
  top:2px;
  margin-right:4px;
}
.my-content-wrap{
  display: flex;
  justify-content: space-between;
  margin:0 auto ;
  width:1200px;
}
.my-content-wrap-l{
  width: 876px;
}
.show-detail{
  padding:30px 24px;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.show-detail .show-detail-img{
  width:300px;
  border-radius: 8px;
}
.show-detail .show-detail-img img{
  width:300px;
  border-radius: 8px;
}
.show-detail-content{
  width:496px;
}
.show-detail-content .title{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}
.show-detail-content .state{
  color: #ed3d72;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 14px;
}
.show-detail-content .time{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 14px;

}
.show-detail-content .time span{
  display:inline-block;
  margin-left:16px;
  color: #999999;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.show-detail-content .other{
  display: flex;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.show-detail-content .other .other-f{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.show-detail-content .other .other-s{
  color: #ed3d72;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
}
.show-detail-content .phone{
  display: flex;
  flex-wrap:wrap;
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:24px;
}
.show-detail-content .phone-s{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left:10px
}
.show-detail-content .price{
  display: flex;
  flex-wrap:wrap;
  
}
.show-detail-content .price .price-f{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}
.show-detail-content .price .price-s{
  color: #ed3d72;
  font-family: "microsoft yahei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;


}

.hdh_main {
  margin-top: 24px;
}

.detail_back {
  padding: 0 0 19px;
}

.detail_back_img {
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

.detail_back_text {
  color: #999999;
  font-size: 14px;
  line-height: normal;
  vertical-align: middle;
}

.ych_detail_card {
  padding: 30px 24px;
  width: 876px;
  border-radius: 8px;
  background: #fff;
}

.ych_detail_card_img {
  width: 163px;
  height: 242px;
  border-radius: 6px;
  margin-right: 32px;
}

.ych_detail_card_name {
  width: 633px;
  color: #333333;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px;
}

.ych_card_item_tags {
  margin-bottom: 12px;
}

.ych_detail_text {
  color: #333333;
  font-size: 14px;
  margin-bottom: 8px;
}

.ych_detail_other_link {
  color: #ed3d72;
  font-size: 14px;
  margin-left: 5px;
}

.ych_detail_price_text {
  color: #333333;
  font-size: 16px;
}

.ych_detail_price_cont {
  max-width: 480px;
  line-height: 20px;
}

.ych_detail_ticket_title {
  color: #999999;
  font-size: 14px;
  margin: 0 0 14px 0;
  min-width: 85px;
  display: inline-block;
}

.ych_detail_ticket_date {
  color: #333333;
  font-size: 14px;
}

.ych_detail_ticket_link {
  color: #ed3d72;
  font-size: 14px;
}

.ych_detail_links {
  padding-bottom: 18px;
}

.ych_detail_links_item {
  padding: 8px 20px;
  border-radius: 52px;
  border: 1px solid #6a70ff;
  background: #f7f5ff;
  margin: 0 12px 12px 0;
  color: #6849e9;
  font-size: 14px;

}

.ych_detail_nav {
  width: 100%;
  padding: 0 56px;
  border-bottom: solid 1px #0000001a;
  height: 34px;
}

.ych_detail_nav_item {
  color: #333333;
  font-size: 18px;
  cursor: pointer;
}

.ych_detail_nav_item_acitve {
  position: relative;
  color: #6849e9;
  font-size: 18px;
}

.ych_detail_nav_item_acitve::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  border-radius: 65px;
  background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%);
}

.detail_card_item {
  padding: 24px 24px 30px;
  background-color: #fff;
  margin-top: 24px;
  width: 876px;
  border-radius: 8px;
}

.ych_detail_cont_item {
  padding: 30px 0 0;
}

.detail_article_item {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 21px;
}

.detail_article_item:last-child {
  margin-bottom: 0;
}

.detail_dt {
  width: 440px;
  float: right;
  margin: 0 0 0 42px;
}

.detail_jt_cg_text {
  max-width: 380px;
}

.detail_dz_link_img {
  width: 16.5px !important;
  height: 20px!important;
}

.detail_dz_link_text {
  color: #6849e9;
  font-size: 13px;
}

.detail_jt_cg_name {
  color: #333333;
  font-size: 15px;
  margin-bottom: 8px;
}

.detail_jt_cg_dz {
  color: #999999;
  font-size: 14px;
  margin-bottom: 8px;
}

.detail_jt_cg_link {
  color: #ed3d72;
  font-size: 13px;
  margin-bottom: 16px;
}

.ych_detail_zh_nav {
  width: 100%;
  height: 34px;
}

#tcs_btn {
  margin-right: 30px;
}

#detail_zh_cont {
  max-height: 576px;
  overflow: hidden;
}

.hdh_card_item {
  padding: 24px 19px 0;
}

.detail_right_title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.detail_right_line {
  width: 1px;
  height: 16px;
  background: #6849e980;
  margin: 11px 10px 0;
}

.detail_right_text {
  margin: 11px 0 0;
  font-size: 14px;
  font-weight: 400;
  background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.detail_search_cont {
  width: 300px;
  height: 48px;
  border-radius: 8px;
  background: #fff;
  padding: 4px 4px 4px 16px;
  margin-top: 14px;
}

.detail_search_icon {
  width: 16px;
  height: 16px;
}

.detail_search_ipt {
  outline: none;
  border: 0;
  height: 100%;
  width: 100%;
  padding: 0 10px 0 12px;
  box-sizing: border-box;
  font-size: 14px;
}

.detail_search_btn {
  font-size: 14px;
  width: 68px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%);
  color: #fff;
}




#gygl_cont,
#zpfw_cont,
#ychjt_cont,
#tmx_cont,
#detail_more_closed_btn {
  display: none;
}
.detail_dt_cont{
  display:flow-root
}


.hdh_zh_cont_item {
margin: 0 24px 24px 0;
}

.hdh_zh_cont a:nth-child(3n) .hdh_zh_cont_item {
margin-right: 0;
}

.hdh_zh_item_img_cont {
position: relative;
width: 123px;
height: 80px;
border-radius: 8px;
margin-right: 8px;
}

.hdh_zh_item_img {
width: 123px;
height: 80px !important;
border-radius: 8px;
}

.hdh_zh_item_img:hover {
opacity: 0.8;
}

.hdh_zh_item_right {
width: 129px;
}

.hdh_zh_item_title {
height: 26px;
line-height: 25.87px;
color: #333333;
font-size: 16px;
line-height: 25.87px;
}
.select_city,.select_cate{
  color: #333333;
  font-family: "microsoft yahei";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.select_city.select,.select_cate.select{
  color: #6849e9;
  position: relative;
}
.select_wrap.select::after  {
  
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  border-radius: 65px;
  background: linear-gradient(293deg, #6a70ff 0%, #e477ff 100%);

}
.hdh_zh_cont{
  /* display:none; */
  
}
.select_wrap {
  margin-right:30px;
  margin-top: 0;
}
.my-content-wrap-r{
  width:300px
}
input::placeholder {
  color: #999999;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.ych_right_link {
  margin: 0 22px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 56px;
}

.ych_right_link_icon_cont {
  width: 56px;
  height: 56px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 8px;
}

.ych_right_link_img {
  width: 36px;
  height: 36px;
}

.ych_right_link_text {
  color: #5a5a5a;
  font-size: 14px;
}

.ych_zb_link {
  padding: 7px 22px;
  background-color: #ece8ff;
  border-radius: 73px;
}

.ych_zb_link_img {
  width: 19.86px;
  height: 12.65px;
  margin-right: 8px;
}

.ych_zb_link_text {
  color: #6849e9;
  font-size: 16px;
}

.ych_zb_price {
  max-width: 560px;
  line-height: 20px;
}


.changguan_son_wrap{
  position: absolute;
  top: 44px;
  left: 215px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 12px 11px ;
  z-index: 999;
  /* display: flex; */
  box-sizing: border-box;
  overflow-y: scroll;
  height: auto;
  max-height: 375px;
  transition: max-height 0.5s linear 0s;

}
.changguan_son{
  color: rgb(51, 51, 51);
  text-align: center;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 8px 24px;
  cursor: pointer;
}
.changguan_son.select{
  color: rgb(104, 73, 233);
}

.changguan_son_wrap::-webkit-scrollbar{
  width:6px;
  background:rgba(0,0,0,0.1);
}
.hidden_data{
  padding: 0 !important;
  height: 0!important;
  max-height: 0!important;
}
.select_content>div{
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;

}
.no-data{
  margin: 22px auto 77px auto;
  width:273px;
  display:none;
}
.no-data .no-data-img{
  width:273px;
  height:273px
}
.no-data .no-data-text{
  color: #999999;
  text-align: center;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top:-30px;
  line-height: normal;
}
.ych_right_date_top {
  margin-bottom: 24px;
}

.ych_right_date_title {
  font-size: 16px;
  color: #333333;
}

.ych_right_date_more {
  font-size: 14px;
  color: #999999;
  vertical-align: middle;
}

.ych_right_date_more_icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.ych_right_date_month {
  font-size: 14px;
  color: #5a5a5a;
  padding: 6px 10px;
}

.ych_right_date_month:hover {
  color: #6849e9;
  background-color: #ece8ff;
  border-radius: 4px;
}

.ych_right_cg_item {
  display: inline-block;
  margin: 0 6px 12px 0;
}

.ych_right_cg_item:nth-child(3n) {
  margin-right: 0;
}

.ych_right_cg_item_img {
  width: 76px;
  height: 50px;
  border-radius: 6px;
  margin-bottom: 8px;
}

.ych_right_cg_item_text {
  font-size: 12px;
  color: #5a5a5a;
  width: 76px;
  height: 32px;
}

.ych_right_link_cont {}

.ych_right_link {
  margin: 0 22px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 56px;
}

.ych_right_link_icon_cont {
  width: 56px;
  height: 56px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 8px;
}

.ych_right_link_img {
  width: 36px;
  height: 36px;
}

.ych_right_link_text {
  color: #5a5a5a;
  font-size: 14px;
}

.ych_zb_link {
  padding: 7px 22px;
  background-color: #ece8ff;
  border-radius: 73px;
}

.ych_zb_link_img {
  width: 19.86px;
  height: 12.65px;
  margin-right: 8px;
}

.ych_zb_link_text {
  color: #6849e9;
  font-size: 16px;
}

.ych_zb_price {
  max-width: 560px;
  line-height: 20px;
}













#ych_zz_more_closed_btn,
#ych_ec_more_closed_btn,
#ych_jqky_more_closed_btn,
#ych_jjks_more_closed_btn,
#ych_zb_more_closed_btn,
#ych_wqyc_more_closed_btn {
  display: none;
}

#ych_zz_cont,
#ych_ec_cont,
#ych_jqky_cont,
#ych_jjks_cont,
#ych_zb_cont,
#ych_wqyc_cont {
  max-height: 546px;
  overflow: hidden;
}

.ych_card_cont_item_img_cont:hover,
.ych_right_cg_item_img:hover {
  opacity: 0.8;
}

.ych_card_cont_item_title:hover,
.ych_right_cg_item_text:hover {
  color: #6849e9;
}





.hdh_main {
  position: relative;
}

.left_tool {
  position: absolute;
  height: 250px;
  left: -80px;
  top: 0;
}

.left_tool_fixed {
  display: none;
  position: fixed;
  top: 0;
  top: 0;
}

.left_tool_item {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #999999;
}

.left_tool_item_icon_cont {
  width: 42px;
  height: 42px;
  background-color: #fff;
  stroke-width: 1px;
  box-shadow: 0 0 4px #6849e91a;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
}

.left_tool_item_icon_img {
  width: 30px;
  height: 30px;
}
.middle_content_top_title{
  color: #333333;
  text-align: center;
  font-family: "microsoft yahei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-right:42px;
}

.middle_content_top_name{
  padding:9px 36px;
  flex-shrink: 0;
  border-radius: 100px;
  background: #f5f5f5;
  color: #666666;
  text-align: center;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}
.middle_content_top_name.seelct{
  color:#6849e9;
  background: #ece8ff;
}
.middle_content_top{
  margin:24px 0 28px 0;
}

.date_wrap_top_r{
  display:block;
}

.gz_wrap{
  cursor:pointer;
  position: relative;

}
.gz_wrap:hover .erweima_wrap{
  display:block
}
.erweima_wrap{
  display:none;
  position: absolute;
  top: 80px;
  right: -90px;

  padding:18px 29px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 4px 0 #0000000f;

}
.erweima_wrap img{
  width: 113px !important;
  height: 113px !important;
  top:auto!important;
  left:auto!important;
  margin-bottom:4px;
}
.erweima_text{
  color: #999999;
  font-family: "microsoft yahei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}




