﻿
/***<jscompress sourcefile="theme.css" />*/
/* 全局样式重置 */
body,div,span,small,p,em,i,b,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,textarea {
  padding: 0;
  margin: 0;
  font-size: 12px
}
a {
  cursor: pointer;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word
}

a img {
  border: 0
}

ul,ol {
  list-style: none
}

table {
  border-spacing: 0;
  border-collapse: collapse
}

input:focus,select:focus,textarea:focus {
  outline: 0
}

body {
  color: #444;
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

em {
  font-style: normal
}

.Lfll {
  float: left
}

.Lflr {
  float: right
}

.Lcfl {
  clear: left
}

.Lcfr {
  clear: right
}

.Lcfb {
  clear: both
}

.Lfz10 {
  font-size: 10px
}

.Lfz12 {
  font-size: 12px
}

.Lfz14 {
  font-size: 14px
}

.Lfz16 {
  font-size: 16px
}

.Lfz15 {
  font-size: 15px
}

.Lfz18 {
  font-size: 18px
}

.Lfz20 {
  font-size: 20px
}

.Lcfff {
  color: #FFF
}

.Lcf60 {
  color: #F60
}

.Lcc00 {
  color: #C00
}

.Lcf00 {
  color: #F00
}

.Lc390 {
  color: #390
}

.Lc333 {
  color: #333
}

.Lc666 {
  color: #666
}

.Lc999 {
  color: #999
}

.Lc444 {
  color: #444
}

.Lc777 {
  color: #777
}

.Lc000 {
  color: #000
}

.Lcff8 {
  color: #ff8000
}

.Lc313 {
  color: #313131
}

.Lc626 {
  color: #626262
}

.Ltal {
  text-align: left
}

.Ltac {
  text-align: center
}

.Ltar {
  text-align: right
}

.Lfwb {
  font-weight: bold
}

.Lffar {
  font-family: Arial
}

.Lfftm {
  font-family: Tahoma
}

.Lffst {
  font-family: 宋体
}

.Lffyh {
  font-family: Microsoft YaHei
}

.Lti5 {
  text-indent: 5px
}

.Lti10 {
  text-indent: 10px
}

.Lti15 {
  text-indent: 15px
}

.Lti20 {
  text-indent: 20px
}

.Lti25 {
  text-indent: 25px
}

.Lti30 {
  text-indent: 30px
}

.Lti35 {
  text-indent: 35px
}

.Lti40 {
  text-indent: 40px
}

.Lti1000r {
  text-indent: -1000px
}

.Lmt5 {
  margin-top: 5px;
  font-size: 12px
}

.Lmt10 {
  margin-top: 10px
}

.Lmt15 {
  margin-top: 15px
}

.Lmt20 {
  margin-top: 20px
}

.Lmt25 {
  margin-top: 25px
}

.Lmt30 {
  margin-top: 30px
}

.Lmt35 {
  margin-top: 35px
}

.Lmt40 {
  margin-top: 40px
}

.Lmr5 {
  margin-right: 5px
}

.Lmr10 {
  margin-right: 10px
}

.Lmr15 {
  margin-right: 15px
}

.Lmr20 {
  margin-right: 20px
}

.Lmr25 {
  margin-right: 25px
}

.Lmr30 {
  margin-right: 30px
}

.Lmr35 {
  margin-right: 35px
}

.Lmr40 {
  margin-right: 40px
}

.Lmb5 {
  margin-bottom: 5px
}

.Lmb10 {
  margin-bottom: 10px
}

.Lmb15 {
  margin-bottom: 15px
}

.Lmb20 {
  margin-bottom: 20px
}

.Lmb25 {
  margin-bottom: 25px
}

.Lmb30 {
  margin-bottom: 30px
}

.Lmb35 {
  margin-bottom: 35px
}

.Lmb40 {
  margin-bottom: 40px
}

.Lml5 {
  margin-left: 5px
}

.Lml10 {
  margin-left: 10px
}

.Lml15 {
  margin-left: 15px
}

.Lml20 {
  margin-left: 20px
}

.Lml25 {
  margin-left: 25px
}

.Lml30 {
  margin-left: 30px
}

.Lml35 {
  margin-left: 35px
}

.Lml40 {
  margin-left: 40px
}

.Lpt5 {
  padding-top: 5px
}

.Lpt10 {
  padding-top: 10px
}

.Lpt15 {
  padding-top: 15px
}

.Lpt20 {
  padding-top: 20px
}

.Lpt25 {
  padding-top: 25px
}

.Lpt30 {
  padding-top: 30px
}

.Lpt35 {
  padding-top: 35px
}

.Lpt40 {
  padding-top: 40px!important
}

.Lpr5 {
  padding-right: 5px
}

.Lpr10 {
  padding-right: 10px
}

.Lpr15 {
  padding-right: 15px
}

.Lpr20 {
  padding-right: 20px
}

.Lpr25 {
  padding-right: 25px
}

.Lpr30 {
  padding-right: 30px
}

.Lpr35 {
  padding-right: 35px
}

.Lpr40 {
  padding-right: 40px
}

.Lpb5 {
  padding-bottom: 5px
}

.Lpb10 {
  padding-bottom: 10px
}

.Lpb15 {
  padding-bottom: 15px
}

.Lpb20 {
  padding-bottom: 20px
}

.Lpb25 {
  padding-bottom: 25px
}

.Lpb30 {
  padding-bottom: 30px
}

.Lpb35 {
  padding-bottom: 35px
}

.Lpb40 {
  padding-bottom: 40px
}

.Lpl5 {
  padding-left: 5px
}

.Lpl10 {
  padding-left: 10px
}

.Lpl15 {
  padding-left: 15px
}

.Lpl20 {
  padding-left: 20px
}

.Lpl25 {
  padding-left: 25px
}

.Lpl30 {
  padding-left: 30px
}

.Lpl35 {
  padding-left: 35px
}

.Lpl40 {
  padding-left: 40px
}

.Lposa {
  position: absolute
}

.Lposr {
  position: relative
}

.Lposf {
  position: fixed
}

.Lposs {
  position: static
}

.Ldb {
  display: block
}

.Ldn {
  display: none
}

.Ldib {
  display: inline-block
}

.Lovh {
  overflow: hidden
}

.Lovv {
  overflow: visible
}

.Lvv {
  visibility: visible
}

.Lvh {
  visibility: hidden
}

.Lbgcr {
  background-color: Red
}

.Lbgcw {
  background-color: white
}

.Lbgcb {
  background-color: blue
}

.Lbgcg {
  background-color: green
}

.Lbgco {
  background-color: orange
}

.Lbgcy {
  background-color: yellow
}

.Lon {
  outline: 0
}

.Lcurp {
  cursor: pointer
}

.Lcfx {
  zoom:1}

.Lcfx:before,.Lcfx:after {
  content: "";
  display: table
}

.Lcfx:after {
  clear: both
}

.Lmlra {
  margin-left: auto;
  margin-right: auto
}

.link.Lfll {
  font-size: 14px
}

body {
  background: #eee;
  overflow-x: hidden
}

.wp {
  width: 1200px;
  margin: 0 auto;
  position: relative
}

.wp-1200 {
  width: 1200px;
  margin: 0 auto
}

.icon {
  background-image: url("/statics/web3/images/bg_icon1.png");
  background-repeat: no-repeat
}

.topbar {
  height: 46px;
  background: #e5e5e5;
  border-top: 6px #9e764e solid;
  position: relative;
  z-index: 101
}

.u-phone {
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  padding-top: 11px
}

.u-phone em {
  font-size: 20px;
  color: #CFA97A;
  float: left;
  background-position: -2px 4px;
  padding-left: 20px;
  font-style: normal
}

.u-phone span,.u-phone a {
  float: left;
  line-height: 22px;
  color: #959595
}

.u-phone span {
  padding: 0 14px
}

.u-phone a i {
  font-family: 'arial';
  font-weight: bold;
  font-style: normal;
  float: left;
  margin-right: 5px
}

.header {
  height: 86px;
  width: 100%;
  position: relative;
  z-index: 10;
  background: #FFF
}

.header h1 {
  float: left
}

.header .logo {
  width: 180px;
  height: 86px;
  margin-right: 20px;
  background: url(/statics/web3/images/logo-normal-145-70.svg?v=002) no-repeat;
  margin-top: 0;
  font-size: 16.5px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000;
  font-weight: normal;
  letter-spacing: .83em
}

.header .nav .items {
  padding-top: 40px;
  position: relative
}

.header .nav li {
  float: left;
  position: relative;
  height: 45px
}

.header .nav li .ma {
  letter-spacing: .01em;
  color: black;
  height: 28px;
  line-height: 26px;
  padding: 0 20px;
  font-size: 16px;
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  overflow: hidden
}

.header .nav li.navlink5 .ma {
  text-indent: 86px
}

.header .nav li.navlink1 {
  margin-right: 14px
}

.header .nav li.navlink1 .ma {
  border-left: none
}

.header .nav li.navlink1 .ma:hover,.header .nav li.cur.navlink1 .ma {
  color: #ff8000
}

.header .nav li.navlink2 .ma:hover,.header .nav li.cur.navlink2 .ma {
  color: #ff8000
}

.header .nav li.navlink3 .ma:hover,.header .nav li.cur.navlink3 .ma {
  color: #ff8000
}
.header .nav li.navlink100 .ma:hover,.header .nav li.cur.navlink100 .ma {
  color: #ff8000
}

.header .nav li.navlink4 .ma:hover {
  color: #ff8000
}

.header .nav li.navlink5 .ma:hover,.header .nav li.cur.navlink5 .ma {
  color: #ff8000
}

.nav .navlink5 .dropbox {
  display: none;
  position: absolute;
  right: 0;
  top: 45px;
  z-index: 10;
  text-align: left;
  background-color: #FFF;
  padding: 12px 17px 17px;
  width: 330px
}

.nav .navlink5 .dropbox a {
  padding: 0;
  line-height: 20px;
  border-left: none;
  background-image: none
}

.dropbox.will {
  left: auto;
  right: 0
}

.dropbox.will .notice {
  width: 250px
}

.dropbox.will .notice p {
  color: #959595;
  line-height: 20px;
  padding-left: 30px
}

.dropbox.will .notice .top {
  padding-left: 30px;
  position: relative;
  line-height: 30px;
  color: #313131;
  font-size: 14px
}

.dropbox.will .notice .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/statics/web3/images/bg_icon1.png) 0 -350px no-repeat
}

.dropbox.will .willitem,.dropbox.will .consult {
  position: relative
}

.dropbox.will .willitem .close,.dropbox.will .consult .close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/statics/web3/images/bg_icon2.png) -20px -550px no-repeat
}

.dropbox.will .willitem .close:hover,.dropbox.will .consult .close:hover {
  background-position: 0 -550px
}

.dropbox.will .willitem {
  background-color: #f2f2f2;
  min-height: 66px;
  padding: 2px;
  padding-left: 150px;
  width: 178px
}

.dropbox.will .willitem .img {
  position: absolute;
  left: 2px;
  top: 2px
}

.dropbox.will .willitem b {
  zoom:1;height: 24px;
  overflow: hidden;
  display: block
}

.dropbox.will .willitem b a {
  width: auto;
  color: #333;
  line-height: 24px
}

.dropbox.will .willitem p {
  line-height: 18px;
  color: #666;
  height: 36px;
  overflow: hidden;
  zoom:1}

.dropbox.will .consult {
  width: 310px;
  padding: 10px;
  color: #666;
  background-color: #f2f2f2
}

.dropbox.will .consult h3 {
  color: #333;
  font-size: 12px;
  line-height: 24px
}

.dropbox.will .consult p {
  line-height: 16px;
  font-size: 12px
}

.dropbox.will .consult .bottom {
  color: #666;
  line-height: 20px
}

.dropbox.will .consult .Cdateinput {
  border: 1px solid #cbcbcb;
  width: 146px;
  height: 22px
}

.dropbox.will .consult .Cdateinput img {
  padding: 3px;
  background-color: #cbcbcb
}

.dropbox.will .consult .Cdateinput:hover,.dropbox.will .consult .Cdateinput.hover {
  border-color: #262626
}

.dropbox.will .consult .Cdateinput:hover img,.dropbox.will .consult .Cdateinput.hover img {
  background-color: #262626
}

.dropbox.will .consult .msg {
  display: block;
  line-height: 16px;
  height: 16px
}

.dropbox.will .consult .msg.err {
  color: #ed2112
}

.dropbox.will .consult .msg.suc {
  color: green
}

.dropbox.will .input1 {
  width: 136px;
  padding: 0 5px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #cbcbcb
}

.dropbox.will .input2 {
  width: 114px;
  padding: 0 5px;
  height: 22px;
  line-height: 22px;
  border: 0
}

.dropbox.will .tarea1 {
  width: 300px;
  height: 50px;
  padding: 4px;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  border: 1px solid #cbcbcb
}

.destination_position {
  position: fixed;
  height: 0;
  width: 1200px
}

.header .nav .dropbox.termini {
  width: 1200px;
  position: absolute;
  top: 45px;
  height: auto;
  background: rgba(255,255,255,.92);
  left: -0;
  display: none;
  box-shadow: 0 5px 10px #dcdcdc;
  z-index: 20
}

.dropbox.termini .na-items p.da-tit {
  font-size: 14px;
  color: #cfa972;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 18px;
  padding-top: 15px
}

.dropbox.termini .na-items p.da-tit i {
  background-position: 0 -635px;
  width: 11px;
  height: 18px;
  display: block;
  float: left;
  padding-right: 8px
}

.dropbox.termini .na-items .add-tiems {
  width: 270px;
  float: left;
  margin-left: 15px
}

.dropbox.termini .na-items .add-tiems:first-child {
  margin-left: 40px
}

.dropbox.termini .na-items .add-tiems h3 {
  border-bottom: 2px solid #e8d7bf;
  font-size: 18px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000;
  line-height: 28px;
  font-weight: normal;
  padding-left: 15px;
  margin: 5px 0 5px 0
}

.dropbox.termini .dl-c {
  overflow: hidden
}

.dropbox.termini .m-top {
  margin-top: 10px
}

.dropbox.termini .na-items .add-tiems dl.dl-list {
  float: left;
  padding-bottom: 5px;
  padding-left: 15px;
  overflow: hidden
}

.dropbox.termini .na-items .add-tiems dl.dl-list dt a {
  color: #000;
  line-height: 20px;
  font-size: 15px
}

.dropbox.termini .na-items .add-tiems dl.dl-list dd a {
  color: #4F4F4D;
  line-height: 18px
}

.dropbox.termini .na-items .add-tiems dl.dl-list dd .recommend {
  color: #f19149
}

.dropbox.termini .dl-lf,.dropbox.termini .dl-rt {
  width: 120px;
  float: left
}

.header .destion_temp {
  width: 100%
}
.terskimini{
  width: 1200px;
  position: absolute;
  top: 45px;
  height: auto;
  /* background: rgba(255,255,255,.92); */
  left: -0;
  display: none;
  /* box-shadow: 0 5px 10px #dcdcdc; */
  z-index: 20;
  max-height: 780px;
  overflow-y: auto;
}
.ski_warp_termini{
  /* column-count:3;
  column-gap:20px; */
  display: flex;
}
.ski_warp_country{
  width: 100px;
  line-height: 37px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.ski_warp_country_item{
  padding: 6px 20px;
  font-size: 15px;
  cursor: pointer;
  color: #fff;
  background: rgba(0,0,0,.45);
}
.ski_warp_content{
  width: calc(100% - 80px);
  background: rgba(255,255,255,.92);
}
.ski_warp_ground{
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 20px 20px;
}
.ski_warp_en_title{
  color: #888;
  line-height: 16px;
}
.ski_warp_country_item_act{
    color: #ff8000;
    font-weight: bold;
    background: rgba(255,255,255,.92);
}
.ski_warp_country_item_remend{
  flex: auto;
}
.ski_warp_content_head{
  width: calc(100% - 40px);
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
  margin-left: 20px;
}
.ski_warp_content_head_txt{
  font-size: 15px;
  color: #444444;
}
.ski_warp_content_head_all{
  font-size: 12px;
  cursor: pointer;
  color: #ff8000;
}
.ski_termini_warpitem{
  color: #444;
  /* break-inside:avoid; */
}
.ski_termini_warpitem_tit{
  padding: 10px 20px;
  font-size: 16px;
  color: #ff8000;
}
.ski_termini_item{
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.ski_termini_dd{
  width: 32.8%;
  margin-right: 8px;
  margin-bottom: 20px;
  line-height: 18px;
  font-size: 14px;
  color: #4A4A4A;
}
.ski_termini_dd:nth-child(3n){
  margin-right: 0px;
}
.ski_termini_dd>a{
  display: inline-block;
}


.ski_before {
  position: relative;
}
.ski_before:before {
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  position: absolute;
  bottom: 0;
  left: 25px
}

.header .destion_temp li {
  float: none!important;
  height: auto!important
}

.destion_item {
  display: flex;
  flex-wrap: wrap
}

.des_title {
  margin: 30px 0 14px 0;
  font-size: 16px;
  color: #4A4A4A;
  width: 100%;
  display: flex;
  align-items: center
}

.destion_item .des_cell {
  text-decoration: none;
  width: 45%;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.country_name {
  display: inline-block;
  padding: 0 7px 0 0;
  position: relative;
  line-height: 28px;
  margin-bottom: 2px
}

.country_name>a {
  text-decoration: none;
  width: 45%;
  font-size: 14px;
  color: #4A4A4A;
  line-height: 26px
}

.country_name::after {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 1px;
  height: 14px;
  background: #4A4A4A
}

.destion_margin {
  margin-bottom: 20px
}

.country_city_name {
  text-decoration: none;
  width: 45%;
  font-size: 12px;
  color: #888;
  line-height: 27px;
  margin-bottom: 4px;
  padding-left: 3px
}

.country_city_name_active {
  color: #ff8000
}

.country_city_name_active>a {
  color: #ff8000
}

.spent_margin_7 {
  margin: 7px 0!important
}

.des_cell:hover,.country_name>a:hover,.country_city_name:hover {
  color: #C19D6C
}

.country_tag_item_free {
  background: #C19D6C;
  border-radius: 8px;
  color: #fff;
  padding: 0 5px 1px 5px
}

.country_tag_item_hot {
  font-size: 12px;
  font-weight: 400;
  background: #ff8000;
  border-radius: 10px;
  color: #fff;
  height: 14px;
  margin-left: 5px;
  padding: 0 4px 2px 4px;
  line-height: 14px;
  box-shadow: 0 1px 5px #ff8000
}

.defList {
  padding: .875rem;
  padding-bottom: 0;
  position: absolute;
  max-height: 400px;
  overflow-y: auto;
  width: 362px!important;
  border: none!important;
  left: 0!important;
  background-color: #fff;
  display: none;
  z-index: 500;
  -webkit-box-shadow: 0 1px 5px rgba(50,50,50,0.2);
  -moz-box-shadow: 0 1px 5px rgba(50,50,50,0.2);
  box-shadow: 0 1px 5px rgba(50,50,50,0.2)
}

.defList div {
  height: 2rem;
  border-bottom: 1px solid #ddd
}

.defList div img {
  float: left;
  height: 1rem;
  margin: .5rem;
  margin-left: 0
}

.defList div.hot img {
  margin: .5rem .6rem .5rem .1rem
}

.defList div span {
  float: left;
  line-height: 2rem;
  color: #888;
  font-size: .75rem
}

.defList .history {
  display: none
}

.defList .history b {
  float: right;
  line-height: 2rem;
  font-weight: normal;
  color: #ff8000
}

.defList .history b:hover {
  cursor: pointer
}

.defList ul {
  overflow: hidden;
  padding: .35rem 0!important
}

.defList ul li {
  line-height: 1.5rem;
  width: 100%;
  margin-left: 1.4rem!important
}

.defList ul li span {
  font-size: .875rem!important;
  display: inline-block
}

.defList ul li b {
  font-size: .75rem!important;
  color: #888;
  font-weight: normal;
  display: inline-block
}

.defList ul li span:hover {
  cursor: pointer;
  color: #ff8000
}

.defList ul li b:hover {
  cursor: pointer
}

.defList p {
  margin-left: 1.4rem!important;
  line-height: 1.5rem;
  padding: .5rem 0!important
}

.defList p span {
  margin-right: 10px;
  font-size: .875rem;
  display: inline-block
}

.defList p span:hover {
  color: #ff8000;
  cursor: pointer
}

.D1main ul .li1 b.clear {
  width: 30px;
  font-size: 20px;
  color: #888;
  display: none;
  font-weight: normal
}

.D1main ul .li1 b.clear:hover {
  cursor: pointer
}

.des_before:before {
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  position: absolute;
  bottom: 0;
  left: 25px
}

@media(max-width: 1400px) {
  .header .slogan {
      display:none
  }

  #des_navlink1 .des_nav:before {
      display: none
  }
}

.des_before {
  position: relative
}

.head_text {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden
}

.header .nav .dropbox.theme-box {
  width: 1344px;
  position: absolute;
  top: 55px;
  display: none;
  height: 270px;
  background: url(/statics/web3/images/theme-navbg.png) repeat-x;
  left: -527px
}

.header .nav .d-items {
  width: 1100px;
  margin: 0 auto;
  height: 270px;
  overflow: hidden
}

.header .nav .d-items li {
  width: 183px;
  float: left;
  background: url(/statics/web3/images/nav-line.png) no-repeat right top;
  height: 270px;
  text-align: center
}

.header .nav .d-items li.last {
  background: 0
}

.header .nav .d-items li a {
  width: 100%;
  height: 266px;
  display: block;
  overflow: hidden;
  margin-top: 4px
}

.header .nav .d-items li i {
  width: 105px;
  height: 105px;
  background: url(/statics/web3/images/th-icon.png?t=0516) no-repeat;
  display: block;
  margin: 66px auto 15px
}

.header .nav .d-items li strong {
  color: #1b1b1b;
  font-size: 18px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-weight: normal
}

.header .nav .d-items li a:hover {
  background: url(/statics/web3/images/nav-hover.png) no-repeat
}

.header .nav .d-items li a:hover strong {
  color: #cfa972
}

.header .nav .d-items li a .jt {
  background-position: left top
}

.header .nav .d-items li a:hover .jt {
  background-position: -105px top
}

.header .nav .d-items li a .hl {
  background-position: left -105px
}

.header .nav .d-items li a:hover .hl {
  background-position: -105px -105px
}

.header .nav .d-items li a .my {
  background-position: left -210px
}

.header .nav .d-items li a:hover .my {
  background-position: -105px -210px
}

.header .nav .d-items li a .sw {
  background-position: left -315px
}

.header .nav .d-items li a:hover .sw {
  background-position: -105px -315px
}

.header .nav .d-items li a .tx {
  background-position: left -420px
}

.header .nav .d-items li a:hover .tx {
  background-position: -105px -420px
}

.header .nav .d-items li a .hx {
  background-position: left -525px
}

.header .nav .d-items li a:hover .hx {
  background-position: -105px -525px
}

.header .search {
  width: 258px;
  height: 34px;
  position: relative;
  float: right;
  margin-top: 38px;
  background: #fff
}

.header .search .s-input {
  width: 214px;
  height: 24px;
  border: 0;
  padding: 5px;
  font-size: 14px
}

.header .search .s-btn {
  height: 34px;
  width: 34px;
  background-position: left -580px;
  cursor: pointer;
  border: 0
}

.header .search .autoList {
  position: absolute;
  background: #fff;
  border: 1px #ddd solid;
  border-top: 0;
  top: 32px;
  width: 222px
}

.header .search .autoList li {
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  padding-left: 10px;
  cursor: pointer
}

.header .search .autoList li:hover {
  background: #000;
  color: #fff
}

.Cfoot {
  color: #959595;
  background-color: #f7f7f7;
  min-width: 1200px
}

.Cfoot .inner {
  padding: 26px 0;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden
}

.Cfoot .line-bottom {
  border-bottom: 1px solid #dcdcdc
}

.Cfoot .logo {
  width: 245px;
  height: 60px;
  float: left;
  background: url(/statics/web3/images/logo-normal-145-70.svg?v=002) left center no-repeat;
  background-size: 70%
}

.Cfoot .info,.Cfoot .link,.Cfoot .contact,.Cfoot .separate {
  float: left
}

.Cfoot .separate {
  border-left: 1px solid #0a0a0a;
  border-right: 1px solid #1d1d1d;
  width: 0;
  height: 108px
}

.Cfoot .info {
  width: 470px;
  line-height: 21px;
  text-align: justify
}

.Cfoot .info a {
  font-weight: normal
}

.Cfoot .info a:hover {
  text-decoration: underline
}

.Cfoot .link {
  width: 90px;
  float: left;
  line-height: 20px
}

.Cfoot .link ul {
  margin-top: 5px
}

.Cfoot .link a {
  color: #777
}

.Cfoot .info a:link {
  color: #777
}

.Cfoot .info a:visited {
  color: #777
}

.Cfoot .info a:active {
  color: #777
}

.Cfoot .info a:hover {
  text-decoration: underline;
  color: #959595
}

.Cfoot .sever {
  margin-left: 40px
}

.Cfoot .mail {
  margin-left: 40px;
  overflow: hidden;
  height: 100px
}

.Cfoot .link div {
  color: #777;
  font-size: 12px
}

.Cfoot .link li a {
  color: #a0a0a0
}
.foot_media_icons{
  display: flex;
  justify-content: flex-end;
}
.Cfoot .s_icons {
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  margin-left: 20px;
}


.Cfoot .xhsmp_icon {
  background: url("/statics/web3/images/xhs_icon.png?v=002") no-repeat;
  width: 52px;
  height: 52px;
  display: inline-block
}
.Cfoot .xhs_hover {
  position: absolute;
  width: 160px;
  height: 160px;
  margin-top: -221px;
  margin-left: -45px;
  background: url("/statics/web3/images/xhs_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .xhs_hover::after {
  content: '';
  position: absolute;
  left: 41%;
  top: 158px;
  width: 0;
  height: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-top-color: currentColor;
  color: #fff
}

.xhsmp_icon:hover+.xhs_hover {
  display: block
}


.Cfoot .tenxun_icon {
  background: url("/statics/web3/images/tenxun_icon.png?v=002") no-repeat;
  width: 52px;
  height: 52px;
  display: inline-block
}
.Cfoot .tenxun_hover {
  position: absolute;
  width: 160px;
  height: 160px;
  margin-top: -221px;
  margin-left: -45px;
  background: url("/statics/web3/images/tenxun_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .tenxun_hover::after {
  content: '';
  position: absolute;
  left: 41%;
  top: 158px;
  width: 0;
  height: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-top-color: currentColor;
  color: #fff
}

.tenxun_icon:hover+.tenxun_hover {
  display: block
}

.Cfoot .douyin_icon {
  background: url("/statics/web3/images/douyin_icon.png?v=002") no-repeat;
  width: 52px;
  height: 52px;
  display: inline-block
}
.Cfoot .douyin_hover {
  position: absolute;
  width: 160px;
  height: 160px;
  margin-top: -221px;
  margin-left: -35px;
  background: url("/statics/web3/images/douyin_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .douyin_hover::after {
  content: '';
  position: absolute;
  left: 41%;
  top: 158px;
  width: 0;
  height: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-top-color: currentColor;
  color: #fff
}

.douyin_icon:hover+.douyin_hover {
  display: block
}

.Cfoot .instagram_icon {
  background: url("/statics/web3/images/instagram_icon.png?v=001") no-repeat;
  width: 52px;
  height: 52px;
  display: inline-block
}
.Cfoot .instagram_hover {
  position: absolute;
  width: 160px;
  height: 160px;
  margin-top: -221px;
  margin-left: -33px;
  background: url("/statics/web3/images/instagram_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .instagram_hover::after {
  content: '';
  position: absolute;
  left: 45%;
  top: 158px;
  width: 0;
  height: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-top-color: currentColor;
  color: #fff
}

.instagram_icon:hover+.instagram_hover {
  display: block
}

.Cfoot .intag_hover {
  position: absolute;
  width: 235px;
  height: 270px;
  margin-top: -221px;
  margin-left: -45px;
  background: url("/statics/web3/images/instagram_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .we_hover {
  position: absolute;
  width: 160px;
  height: 160px;
  margin-top: -221px;
  margin-left: -45px;
  background: url("/statics/web3/images/wx_qrcode.png?v=002") no-repeat center center;
  background-size: cover;
  display: none;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  box-shadow: 0 1px 10px rgba(102,102,102,0.35);
  z-index: 10
}
.Cfoot .we_hover:after {
  content: '';
  position: absolute;
  left: 41%;
  top: 158px;
  width: 0;
  height: 0;
  border-width: 13px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-top-color: currentColor;
  color: #fff
}

.Cfoot .wei-icon-btn {
  cursor: pointer
}

.wei-icon-btn:hover+.we_hover {
  display: block
}

.Cfoot .foot-icon {
  position: relative
}

.icon_sprite {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("/statics/web3/images/bottom_img.png?v=002")
}

.Cfoot .foot-icon .m-icon1 {
  width: 24px;
  height: 23px;
  background-position: -23px -88px;
  position: absolute;
  margin-top: 10px
}

.Cfoot .foot-icon .m-icon2 {
  width: 25px;
  height: 19px;
  background-position: -23px -115px;
  position: absolute;
  margin-top: 60px
}

.Cfoot .foot-icon .m-icon3 {
  width: 20px;
  height: 29px;
  background-position: -0px -86px;
  position: absolute;
  margin-top: 5px
}

.Cfoot .wechat_icon {
  width: 52px;
  height: 52px;
  background: url("/statics/web3/images/wx_icon.png?v=002") center center no-repeat;
  display: inline-block
}

.Cfoot .sina_icon {
  width: 40px;
  height: 40px;
  background-position: -0px -0px
}
.Cfoot .contact {
  line-height: 26px;
  width: 300px;
  float: left
}

.Cfoot .contact a {
  color: #898989
}

.Cfoot .contact ul {
  margin-top: 5px
}

.Cfoot .contact li {
  padding-left: 24px;
  background-image: url(/statics/web3/images/bg_icon1.png);
  background-repeat: no-repeat
}

.Cfoot .contact .tel {
  background-position: 0 1px
}

.Cfoot .contact .teli {
  font-weight: bold;
  font-style: normal
}

.Cfoot .contact .mail {
  background-position: 0 -49px
}

.Cfoot .contact .mail a {
  color: #898989
}

.Cfoot .contact .location {
  background-position: 0 -99px
}

.Cfoot .qrcode {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: url("/statics/web3/images/bottom_img.png?v=004") 0 -186px no-repeat
}

.Cfoot .qrcode-text {
  color: #444
}

.Cfoot .bottom {
  box-shadow: 0 0 0,0 0 0,inset 0 5px 5px #eee,0 0 0 yellow;
  -webkit-box-shadow: 0 0 0,0 0 0,inset 0 5px 5px #eee,0 0 0 yellow;
  -moz-box-shadow: 0 0 0,0 0 0,inset 0 5px 5px #eee,0 0 0 yellow;
  -ms-box-shadow: 0 0 0,0 0 0,inset 0 5px 5px #eee,0 0 0 yellow;
  -o-box-shadow: 0 0 0,0 0 0,inset 0 5px 5px #eee,0 0 0 yellow;
  padding: 23px 0 18px;
  background-color: #eee;
  line-height: 34px;
  color: #b5b5b5
}

.Cfoot .bottom .inner {
  padding-top: 0;
  padding-bottom: 0
}

.Cfoot .bottom .inner a:link {
  color: #b5b5b5
}

.Cfoot .bottom .inner a:hover {
  text-decoration: underline
}

.Cfoot #bdshare .bds_tsina,.Cfoot #bdshare .bds_tqq,.Cfoot #bdshare .bds_douban,.Cfoot #bdshare .bds_more {
  width: 24px;
  height: 34px;
  display: inline-block;
  margin-left: 20px;
  margin-right: 0;
  text-decoration: none
}

.Cfoot #bdshare .bds_tsina,.Cfoot #bdshare .bds_tqq,.Cfoot #bdshare .bds_douban {
  background-image: url(/statics/web3/images/bg_icon1.png);
  background-repeat: no-repeat
}

.Cfoot #bdshare .bds_tsina {
  background-position: 0 -148px!important
}

.Cfoot #bdshare .bds_tsina:hover {
  background-position: -25px -148px!important
}

.Cfoot #bdshare .bds_tqq {
  background-position: 0 -198px!important
}

.Cfoot #bdshare .bds_tqq:hover {
  background-position: -25px -198px!important
}

.Cfoot #bdshare .bds_douban {
  background-position: 0 -248px!important
}

.Cfoot #bdshare .bds_douban:hover {
  background-position: -25px -248px!important
}

.Cfoot #bdshare .bds_more {
  padding: 0;
  background: url(/statics/web3/images/bg_icon3.png) 0 -98px no-repeat!important
}

.Cfoot #bdshare .bds_more:hover {
  background-position: -25px -98px!important
}

.Cform {
  background-color: #eee
}

.page-list {
  text-align: center;
  font-size: 16px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  padding: 10px 0 20px;
  font-weight: bold
}

.page-list a,.page-list span {
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  margin: 0 2.5px;
  color: #8895a3;
  font-size: 14px;
  background: #fff;
  font-weight: normal
}
.page-list .paging {
  width: 35px;
  height: 35px;
  display: inline-block;
  line-height: 35px;
  margin: 0 2.5px;
  color: #8895a3;
  font-size: 14px;
  background: #fff;
  font-weight: normal
}

.page-list a img {
  margin-top: 12px
}

.page-list b {
  width: 37px;
  height: 37px;
  display: inline-block;
  line-height: 37px;
  margin: 0 2.5px;
  color: #fff;
  font-size: 16px;
  background-color: #ff8000
}
.page-list .paging {
  background: #fff;
  border: 1px solid #dcdcdc;
  cursor: pointer;
}

.page-list .current_page {
  width: 37px;
  height: 37px;
  display: inline-block;
  line-height: 37px;
  margin: 0 2.5px;
  color: #fff;
  font-size: 16px;
  background-color: #ff8000
}


.page-list b.disable {
  background: #fff;
  color: #8895a3
}

.page-list a.disable {
  cursor: default;
  background: #eaeaea
}

.page-list a {
  background: #fff;
  border: 1px solid #dcdcdc
}

.page-list a:first-child,.page-list a:last-child {
  font-weight: bold
}

.page-list a:hover {
  border: 1px solid #ff8000;
  color: #ff8000
}

.page-list span {
  width: 37px;
  height: 37px;
  line-height: 37px
}

.page-list .page-text {
  background: transparent
}

.page-list #input-sureBtn {
  border: 0;
  width: 62px;
  color: #fff;
  background: #ff8000;
  font-weight: normal
}

.page-list .search_sureBtn {
  border: 0;
  width: 62px;
  color: #fff;
  background: #ff8000;
  font-weight: normal
}

.page-list #pageinput {
  text-align: center;
  width: 60px;
  height: 35px;
  border: 1px solid #dcdcdc;
  font-size: 16px;
  padding: 0
}

.xsyh-icon {
  position: absolute;
  left: 30px;
  top: 0;
  z-index: 5;
  width: 92px;
  height: 81px;
  background: url("/statics/web3/images/xsyh-icon.png?t=2") no-repeat;
  padding-top: 10px;
  color: #fff;
  text-align: center
}

.xsyh-icon font {
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-size: 17px;
  line-height: 27px
}

.xsyh-icon em {
  margin-left: 3px
}

.Cmask {
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 200;
  background-color: rgba(0,0,0,0.3);
  display: none
}

#ui-datepicker-div {
  z-index: 10!important
}

.Cdialog {
  z-index: 201;
  position: fixed;
  background-color: #fff
}

.Cdialog .close {
  top: 0;
  right: 0;
  position: absolute
}

.Cbtn_middle_yellow {
  background-color: #ff8000;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: white;
  cursor: pointer;
  text-align: center;
  border: 0;
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.Cuser_dialog {
  width: 804px;
  height: 512px;
  left: 50%;
  margin-left: -402px;
  top: 50%;
  margin-top: -256px;
  display: none
}

.Cuser_dialog .close {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  margin: 6px;
  text-align: center;
  line-height: 29px;
  color: #dcdcdc;
  font-size: 16px
}

.Cuser_dialog .tab {
  height: 35px;
  padding-top: 3px;
  background-color: #262626
}

.Cuser_dialog .tab a {
  width: 210px;
  line-height: 34px;
  height: 35px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  color: white;
  text-decoration: none
}

.Cuser_dialog .tab a.curr {
  color: #262626;
  background-color: #f2f2f2
}

.Cuser_dialog .signin_area,.Cuser_dialog .signup_area {
  padding-left: 45px;
  padding-top: 30px
}

.Cuser_dialog .msg {
  color: #999;
  overflow: hidden;
  line-height: 20px;
  height: 20px;
  zoom:1}

.Cuser_dialog .msg.err {
  color: #ed2112
}

.Cuser_dialog .inputbox {
  border: 1px solid #dcdcdc;
  padding-left: 38px;
  background-color: white;
  position: relative
}

.inputbox1 {
  border: 1px solid #dcdcdc;
  padding-left: 38px;
  background-color: white;
  position: relative
}

.Cuser_dialog .input1 {
  width: 290px;
  padding: 0 5px;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  zoom:1;border: 0;
  font-size: 16px
}

.Cuser_dialog .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 12px;
  left: 10px;
  background-repeat: no-repeat;
  background-image: url(/statics/web3/images/icons.png)
}

.Cuser_dialog .icon1 {
  width: 19px;
  height: 23px;
  background-position: -167px -8px
}

.Cuser_dialog .icon2 {
  width: 16px;
  height: 20px;
  background-position: -232px -8px
}

.Cuser_dialog .icon3 {
  width: 20px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 10px;
  background-repeat: no-repeat;
  background-image: url(/statics/web3/images/icon-verify.png);
  background-size: 100% auto
}

.Cuser_dialog .label1 input {
  vertical-align: -2px
}

.Cuser_dialog .btnarea {
  padding-right: 60px;
  width: 100%
}

.Cuser_dialog .Cbtn_middle_yellow {
  width: 100%
}

.Cuser_dialog .authlogin {
  color: #262626;
  line-height: 30px
}

.Cuser_dialog .authlogin a {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 30px;
  background-color: #ffc976;
  color: black;
  text-decoration: none
}

.Cuser_dialog .authlogin a:hover {
  background-color: #ffcf85
}

.Cuser_dialog .authlogin .wbicon {
  top: 3px;
  left: 30px;
  width: 24px;
  height: 24px;
  position: absolute;
  background: url(/statics/web3/images/bg_icon3.png) 0 0 no-repeat
}

.Cuser_dialog .left_img.sign-in {
  background: url("/statics/web3/images/sign-in.jpg") left center no-repeat;
  width: 374px;
  height: 512px;
  background-size: cover
}

.Cuser_dialog .left_img.sign-up {
  background: url("/statics/web3/images/sign-up.jpg") left center no-repeat;
  width: 374px;
  height: 512px;
  background-size: cover
}

.Cuser_dialog .LT-line {
  margin: 30px 24px 0;
  font-size: 14px;
  color: #777;
  text-align: center
}

.Cuser_dialog .left_img .login-left-box {
  color: #fff;
  margin: 50px 30px 90px 30px
}

.Cuser_dialog .left_img .login-left-box .login-left-title {
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px solid #333;
  color: #333;
  padding-bottom: 5px;
  text-align: center
}

.Cuser_dialog .left_img .login-left-box .login-left-title2 {
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  padding-bottom: 5px;
  text-align: center
}

.Cuser_dialog .left_img .login-left-box .text1 {
  font-size: 16px;
  text-align: justify;
  margin-top: 20px;
  color: #333;
  text-align: center
}

.Cuser_dialog .left_img .login-left-box .text1 span {
  color: #ff8000;
  font-size: 16px
}

.Cuser_dialog .left_img .login-left-box .text2 {
  text-align: center;
  margin-top: 50px
}

.Cuser_dialog .left_img .login-left-box .text2 a {
  padding: 8px 22px 6px;
  line-height: 35px;
  border: 2px solid #ff8000;
  color: #ff8000;
  border-radius: 20px;
  font-size: 16px
}

.Cuser_dialog .left_img .login-left-box .text3 {
  font-size: 32px;
  text-align: justify;
  margin-top: 5px;
  color: #ff8000;
  text-align: center
}

.inputbox1 {
  border: 1px solid #dcdcdc;
  padding-left: 38px;
  background-color: white;
  position: relative
}

.LT-line::after {
  content: "";
  border-top: 1px solid #dcdcdc;
  width: 11%;
  margin-top: 9px;
  position: absolute;
  margin-left: 8px
}

.Cuser_dialog .register_tip {
  text-align: center;
  width: 100%;
  color: #ff8000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.Cuser_dialog .register_tip span {
  font-size: 14px
}

.user_agreement {
  color: #444
}

.agreement_text {
  color: #444;
  text-decoration: underline
}

.agreement_text:hover {
  color: #ff8000;
  text-decoration: underline;
  transition: all 1s ease 0s
}

.Cuser_dialog .register_tip .signuptab,.Cuser_dialog .register_tip .signintab {
  border-bottom: 1px solid #ff8000;
  cursor: pointer
}

.LT-line::before {
  content: "";
  border-top: 1px solid #dcdcdc;
  width: 11%;
  margin-top: 11px;
  position: absolute;
  margin-left: -100px
}

.Cuser_dialog .other_login>a {
  display: block;
  background-repeat: no-repeat;
  background-image: url(/statics/web3/images/icons.png);
  margin-left: 25%
}

.Cuser_dialog .other_login>.other_login_Facebook {
  display: block;
  background-image: url(/statics/web3/images/Facebook.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: 25%;
  width: 41px;
  height: 41px
}

.Cuser_dialog .other_login>.other_login_Twitter {
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/statics/web3/images/Twitter.png);
  margin-left: 25%;
  width: 41px;
  height: 41px
}

.D1main ul li .people-select a {
  padding: 5px 0;
  text-align: center;
  display: inline-block;
  width: 32.9%;
  margin-top: -1px;
  border: 1px solid #dcdcdc;
  border-right: 0;
  line-height: 27px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.people-select a:nth-child(1),.people-select a:nth-child(4),.people-select a:nth-child(7),.people-select a:nth-child(10) {
  border-left: 0!important
}

.D1main ul li .people-select a:hover {
  background: #ff8000;
  color: #fff
}

.D1main ul li .people-select {
  position: absolute;
  z-index: 500;
  width: 187px;
  background: #fff;
  overflow: hidden;
  padding: 1px 0 0;
  display: none;
  -webkit-box-shadow: 0 1px 5px rgba(50,50,50,0.2);
  -moz-box-shadow: 0 1px 5px rgba(50,50,50,0.2);
  box-shadow: 0 1px 5px rgba(50,50,50,0.2)
}

.search-result-cm .items-list .panorama {
  width: 2.8rem;
  background-image: url(/statics/web3/images/panorama.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.01);
  background-size: 2rem;
  position: absolute;
  right: 43%;
  top: 6px;
  z-index: 10;
  padding-top: 2rem;
  text-align: center;
  color: #fff
}

.search-result-cm .items-list .panorama span {
  color: #fff
}

.login_icons {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(/statics/web3/images/icons.png)
}

.icon_lock {
  width: 16px;
  height: 18px;
  background-position: -232px -8px
}

.icon_qq {
  width: 33px;
  height: 39px;
  background-position: -8px -8px
}

.icon_sina {
  width: 40px;
  height: 34px;
  background-position: -113px -8px
}

.icon_user {
  width: 19px;
  height: 21px;
  background-position: -167px -8px
}

.icon_wechat {
  width: 44px;
  height: 36px;
  background-position: -55px -8px
}

.icon_yzm {
  width: 18px;
  height: 18px;
  background-position: -200px -8px
}

.Cconsult_dialog {
  width: 760px;
  height: 440px;
  left: 50%;
  top: 50%;
  margin-left: -380px;
  margin-top: -220px
}

.Cconsult_dialog .close {
  width: 30px;
  height: 30px;
  top: 5px;
  right: 4px;
  background: url(/statics/web3/images/bg_icon2.png) 0 -300px no-repeat;
  z-index: 10
}

.Cconsult_dialog .larea .limg {
  width: 316px
}

.Cconsult_dialog .larea .limg img {
  height: 374px
}

.Cconsult_dialog .larea .info {
  height: 66px;
  background-color: #262626;
  color: gray;
  line-height: 24px
}

.Cconsult_dialog .larea .info h3 {
  color: white;
  font-size: 18px;
  font-weight: normal
}

.Cconsult_dialog .rarea {
  width: 388px;
  padding-left: 28px;
  padding-right: 28px;
  color: #666;
  background-color: #F2F2F2;
  position: relative
}

.Cconsult_dialog .rarea h3 {
  color: #333;
  font-size: 14px;
  line-height: 30px
}

.Cconsult_dialog .rarea p {
  line-height: 20px
}

.Cconsult_dialog .rarea .bottom {
  color: #666;
  line-height: 20px
}

.Cconsult_dialog .input1 {
  width: 178px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #cbcbcb
}

.Cconsult_dialog .input2 {
  width: 151px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  border: 0
}

.Cconsult_dialog .msg {
  display: block;
  height: 16px;
  line-height: 16px
}

.Cconsult_dialog .msg.err {
  color: #ed2112
}

.Cconsult_dialog .msg.suc {
  color: green
}

.Cconsult_dialog .Cdateinput {
  border: 1px solid #cbcbcb
}

.Cconsult_dialog .Cdateinput img {
  padding: 5px;
  background-color: #cbcbcb;
  float: left
}

.Cconsult_dialog .Cdateinput:hover {
  border-color: #262626
}

.Cconsult_dialog .Cdateinput:hover img {
  background-color: #262626
}

.Cconsult_dialog .tarea1 {
  width: 378px;
  height: 70px;
  padding: 4px;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  border: 1px solid #cbcbcb
}

.Cconsult_dialog .Cbtn_small_yellow {
  height: 29px;
  font-size: 14px;
  line-height: 28px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  padding-right: 20px
}

.side-bar {
  width: 45px;
  position: fixed;
  right: 0;
  z-index: 10;
  height: 460px;
  bottom: 74px
}

.side-bar .right-line {
  background-color: #fff;
  height: 1000px;
  width: 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 500
}

.side-bar li {
  width: 45px;
  height: 74px;
  background-color: #fff;
  margin: 2px 0;
  box-shadow: #444 0 0 20px -6px
}

.side-bar li:hover {
  background-color: #ff8000
}

.side-bar li .list {
  position: relative
}

.side-bar li .qrcode>div {
  box-shadow: 0 0 20px -5px #444;
  position: absolute;
  top: -80px;
  right: 56px;
  width: 128px;
  height: 128px;
  padding: 5px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  background: url("/statics/web3/images/bottom_img.png?v=002") left 5px top -267px no-repeat #fff;
  z-index: 9999
}

.side-bar li .qrcode>div:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 32px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-left-color: currentColor;
  color: #fff
}

.side-bar li>a>.plane_ticket_div {
  margin: 7px 10px;
  margin-bottom: 0;
  background: url(/statics/web3/images/ticketsvg.svg) left 0 top 0 no-repeat;
  background-size: 52px 26px;
  width: 25px;
  height: 25px
}

.side-bar li>a:hover>.plane_ticket_div,.side-bar li>a.hover>.plane_ticket_div {
  background: url(/statics/web3/images/ticketsvg.svg) left -26px top 0 no-repeat;
  background-size: 52px 26px
}

.side-bar .chat_invint>div {
  white-space: nowrap;
  box-shadow: 0 0 20px -5px #444;
  position: absolute;
  top: 80px;
  right: 60px;
  background: #fff;
  padding: 10px 30px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-size: 16px;
  color: #ff8000
}

.side-bar .chat_invint>div:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 9px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-left-color: currentColor;
  color: #fff
}

.side-bar .chat_invint>div>div {
  font-size: 12px;
  height: 25px;
  width: 45%;
  margin-top: 5px;
  background: #ff8000;
  text-align: center;
  line-height: 25px;
  cursor: pointer
}

.side-bar .chat_invint {
  display: none
}

.side-bar .chat_invint>div>.a_meiqia_invint_show {
  float: left;
  border: #ff8000 1px solid;
  color: #fff
}

.side-bar .chat_invint>div>.a_meiqia_invint_hide {
  float: right;
  background: #fff;
  border: #ccc 1px solid;
  color: #ccc
}

.side-bar li .tel>div {
  white-space: nowrap;
  box-shadow: 0 0 20px -5px #444;
  position: absolute;
  top: -60px;
  right: 60px;
  background: #fff;
  padding: 10px 30px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-size: 16px;
  color: #ff8000
}

.side-bar li .tel>div:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 9px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  margin-bottom: -16px;
  border-left-color: currentColor;
  color: #fff
}

.side-bar li a {
  width: 45px;
  height: 74px;
  display: block;
  overflow: hidden;
  position: relative
}

.side-bar li>a>.svgsurvey {
  margin: 7px;
  margin-bottom: 2px;
  background: url(/statics/web3/images/right_icons.svg) left 0 top -174px no-repeat;
  background-size: 264px 210px;
  width: 33px;
  height: 33px
}

.side-bar li>a>.private {
  margin: 7px;
  margin-bottom: 2px;
  background: url(/statics/web3/images/privateIcon.png) 3px 0 no-repeat;
  width: 33px;
  height: 33px
}

.side-bar li>a>.svgcustomer {
  margin: 7px;
  margin-bottom: 0;
  background: url(/statics/web3/images/right_icons.svg) left 0 top 0 no-repeat;
  background-size: 264px 210px;
  width: 30px;
  height: 29px
}

.side-bar li>a>.svgHotelIcon {
  margin: 7px;
  margin-bottom: 0;
  background: url(/statics/web3/images/hotelSvgNew.svg) left 0 top 0 no-repeat;
  width: 30px;
  height: 29px
}

.side-bar li>a>.svgVillaIcon {
  margin: 7px;
  margin-bottom: 0;
  background: url(/statics/web3/images/villaSvgNew.svg) left 0 top 0 no-repeat;
  width: 30px;
  height: 29px
}

.side-bar li>a>.svgqr {
  margin: 10px;
  margin-bottom: 2px;
  background: url(/statics/web3/images/right_icons.svg) left 0 top -29px no-repeat;
  background-size: 264px 210px;
  width: 23px;
  height: 23px
}

.side-bar li>a>.svgtel {
  margin: 10px;
  margin-bottom: 2px;
  background: url(/statics/web3/images/right_icons.svg) left 0 top -56px no-repeat;
  background-size: 264px 210px;
  width: 22px;
  height: 22px
}

.side-bar li>a>.svgtotop {
  margin: 7px;
  margin-bottom: 0;
  background: url(/statics/web3/images/right_icons.svg) left 0 top -106px no-repeat;
  background-size: 264px 210px;
  width: 30px;
  height: 30px
}


.side-bar li>a>p {
  width: 45px;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  line-height: 14px;
  color: #cfa972;
  position: absolute;
  bottom: 0;
  margin-bottom: 5px
}

.side-bar li>a:hover>p,.side-bar li>a.hover>p {
  color: #fff
}

.side-bar li>a:hover>.svgcustomer,.side-bar li>a.hover>.svgcustomer {
  background: url(/statics/web3/images/right_icons.svg) left -34px top 0 no-repeat;
  background-size: 264px 210px
}

.side-bar li>a:hover>.svgVillaIcon,.side-bar li>a.hover>.svgVillaIcon {
  background: url(/statics/web3/images/villaSvgNewHover.svg)
}

.side-bar li>a:hover>.svgHotelIcon,.side-bar li>a.hover>.svgHotelIcon {
  background: url(/statics/web3/images/hotelSvgNewHover.svg)
}

.side-bar li>a:hover>.private,.side-bar li>a.hover>.private {
  background: url(/statics/web3/images/privateIconHover.png) 3px 0 no-repeat
}

.side-bar li>a:hover>.svgqr,.side-bar li>a.hover>.svgqr {
  background: url(/statics/web3/images/right_icons.svg) left -34px top -29px no-repeat;
  background-size: 264px 210px
}

.side-bar li>a:hover>.svgtel,.side-bar li>a.hover>.svgtel {
  background: url(/statics/web3/images/right_icons.svg) left -34px top -56px no-repeat;
  background-size: 264px 210px
}

.side-bar li>a:hover>.svgtotop,.side-bar li>a.hover>.svgtotop {
  background: url(/statics/web3/images/right_icons.svg) left -34px top -106px no-repeat;
  background-size: 264px 210px
}

.side-bar li>a:hover>.svgsurvey,.side-bar li>a.hover>.svgsurvey {
  background: url(/statics/web3/images/right_icons.svg) left -34px top -174px no-repeat;
  background-size: 264px 210px
}

.Cdialog .signup_area,.Cdialog .other_area {
  width: 342px
}

.other_area {
  padding-left: 45px
}

#register_select {
  width: 100%
}

.signin_area #wx_login {
  position: absolute;
  background: #fff;
  top: 0;
  text-align: center;
  padding: 22px 40px 22px 0;
  height: 90%;
  width: 340px
}

.signin_area #wx_login #accountBtn {
  cursor: pointer;
  width: 100%;
  line-height: 35px;
  background: #ff8000;
  color: #fff;
  font-size: 18px;
  border: 0
}

.code {
  padding: 0;
  line-height: 46px;
  height: 46px;
  border: 0;
  width: 130px;
  margin-top: 1px;
  font-size: 16px
}

#getCode,#bind_getCode {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ff8000;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 48px;
  width: 140px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}
#getemailCode {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ff8000;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 48px;
  width: 140px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

#getlogCode {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ff8000;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  width: 140px
}

.login_active {
  color: #fff!important;
  background: #dcdcdc!important;
  cursor: unset!important
}

.registerCode .inputbox {
  border: 1px solid #dcdcdc;
  padding-left: 45px;
  background-color: white;
  position: relative
}

.Cfoot .bottom .inner a:link {
  color: #B5B5B5
}

.Cfoot .bottom .inner a {
  color: #B5B5B5
}

.Cfoot .bottom .inner a:hover {
  color: #B5B5B5;
  text-decration: underline;
}

.header .nav .navlink6 {
  width: 90px
}
.header .nav li .ma {
  padding: 0 12px
}
.header_promotion_logo {
  float: right;
  margin-bottom: -20px;
  cursor: pointer
}

.navlink101 >.icon_hot {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  position: absolute;
  width: 30px;
  top: -13px;
  right: -5px
}

.header .nav li.navlink100 {
  margin-right: 14px;
}

.navlink2>.icon_backcash {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  position: absolute;
  width: 63px;
  top: -13px;
  right: -6px
}

.navlink1>.icon_backcash {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  position: absolute;
  width: 50px;
  top: -13px;
  right: -4px
}

.immbook {
  float: left;
  margin-right: 24px;
  width: 210px;
  text-align: center;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  position: relative;
  top: -3px;
  padding: 6px 10px;
  color: #fff;
  cursor: pointer;
  background-color: #ff8000
}

.gotobook {
  float: right;
  margin-right: 10px;
  width: 170px;
  text-align: center;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  position: relative;
  top: -3px;
  padding: 6px 10px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  background-color: #ff8000
}

.D1Search {
  border: 0;
  background: rgba(160,101,42,.4);
  margin: 0 0 20px;
  width: 100%
}

.D1main {
  width: 1200px;
  margin: 0 auto;
  height: 68px
}

.D1main ul {
  padding-top: 15px
}

.D1main ul li {
  background-color: #fff;
  float: left;
  margin-left: 15px;
  width: 187px;
  position: relative
}

.D1main ul li input,.room_list input {
  font-size: 16px;
  background: 0;
  margin-top: 1px;
  height: 36px;
  border: 0;
  padding: 0 10px;
  line-height: 36px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  width: 85%
}

.D1main ul .li1 {
  width: 390px;
  margin-left: 0
}

.D1main ul .li1 input {
  width: 300px
}

.D1main ul .li4 i {
  background-position: -41px 2px;
  width: 22px;
  height: 22px
}

.D1main ul .li5 {
  background-color: #ff8000
}

.D1main ul .li5:hover {
  background-color: #f39800
}

.D1main ul .li5 input {
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: 0;
  cursor: pointer;
  padding: 0
}

.D1main .autoList {
  position: absolute;
  z-index: 99;
  background: #FFF;
  border: 1px solid #e6e6e6;
  border-top: 0;
  left: 0px;
  overflow: hidden;
}

.D1main .autoList li {
  width: 94%;
  line-height: 32px;
  height: 32px;
  border-bottom: 1px solid #f1f1f1;
  margin: 0;
  padding: 0 3%;
}

.D1main .autoList li:hover {
  background: #000;
  color: #FFF;
  margin: 0;
  text-indent: 24px;
  cursor: pointer
}

.D1main .autoList li.hover {
  background: #000;
  color: #FFF;
  margin: 0;
  text-indent: 6px;
  cursor: pointer
}

.D1main .ui-datepicker-trigger {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: url(/statics/web3/css/images/select.svg) no-repeat;
  background-size: 12px 10px;
  background-position-x: 164px;
  background-position-y: 55%
}

.D1Search.fiexd {
  position: fixed;
  top: 0;
  z-index: 11
}

.D1Search.fixedwithbar {
  position: fixed;
  top: 60px;
  z-index: 11
}

.D1main ul li i.bg {
  position: absolute;
  margin-top: 6px;
  margin-left: 16px;
  color: #ff8000;
  font-size: 23px
}

.D1main ul li input {
  padding-left: 50px
}

.new-s-off {
  width: 110px;
  height: 50px;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.5);
  padding: 0
}

.new-s-off p:first-child {
  font-family: "微软雅黑",sans-serif;
  margin: 0 auto;
  padding: 5px;
  border-bottom: 1px solid #E2D0D0;
  height: 15px;
  line-height: 15px;
  font-size: 16px;
  font-weight: bold
}

.new-r-off {
  width: 120px;
  height: 50px;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.5);
  padding: 0
}

.new-r-off p:first-child {
  font-family: "微软雅黑",sans-serif;
  margin: 0 auto;
  padding: 5px;
  border-bottom: 1px solid #E2D0D0;
  height: 15px;
  line-height: 15px;
  font-size: 16px;
  font-weight: bold
}

.new-r-off p:last-child {
  height: 15px;
  line-height: 15px;
  font-size: 11px;
  padding: 5px;
  -webkit-text-adjust-size: none;
  vertical-align: middle
}

.xsyh-icon p {
  padding: 5px;
  height: 15px;
  line-height: 15px
}

.container-pr {
  position: relative
}

.hd-bg-w {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: -40px;
  right: -40px;
  overflow: initial
}

.hd-bg-l {
  left: 390px
}

.icon-hd {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("/statics/web3/images/icon-hd.svg") no-repeat;
  cursor: pointer
}

.icon-hd-w {
  top: 9px;
  right: 75px;
  background: url("/statics/web3/images/icon-hd-w.svg") no-repeat
}

.icon-hd-l {
  left: 15px;
  right: auto
}

.hidden {
  display: none
}

.hd-notice {
  content: "无需等待客服确认即可付款完成预订";
  width: 0;
  height: 40px;
  background: #fff;
  border-radius: 4px;
  position: absolute;
  right: 10px;
  top: -50px;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s
}

.hd-notice:after {
  content: "";
  border-top: 9px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  bottom: -8px;
  right: 39px
}

.hd-notice-new:after {
  content: "";
  border-top: 9px solid transparent;
  border-left: 9px solid #fff;
  border-bottom: 9px solid transparent;
  border-right: 0;
  position: absolute;
  bottom: 15px;
  right: -8px
}

.icon-hd-hover:hover .hd-notice {
  width: 210px;
  opacity: 1
}

.hd-notice p:first-child {
  height: 15px;
  margin: 5px;
  font-size: 14px;
  line-height: 15px;
  color: #000;
  font-family: "华文细黑","微软雅黑";
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  text-indent: 0
}

.hd-notice p:last-child {
  height: 15px;
  margin: 5px;
  margin-top: 0;
  font-size: 12px;
  color: #666;
  font-family: "华文细黑","微软雅黑";
  line-height: 15px;
  text-align: left;
  overflow: hidden;
  text-indent: 0
}

.left-700 {
  left: -220px;
  top: -15px
}

.ti-30 {
  text-indent: -30px
}

.navlink5 .dropbox:before {
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  position: absolute;
  top: -8px;
  left: 297px
}

.pr {
  position: relative
}

.member-flag {
  position: relative;
  padding-left: 50px
}

.icon-member-t1 {
  width: 46px;
  height: 13px;
  background-image: url(/statics/web3/member/images/icon-gold.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -50px
}

.icon-member-t2 {
  width: 46px;
  height: 13px;
  background-image: url(/statics/web3/member/images/icon-bj.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: -50px
}

.icon-member-t3 {
  width: 46px;
  height: 13px;
  background-image: url(/statics/web3/member/images/icon-c.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -50px
}

.top3 {
  top: 3px;
  left: 0
}

@font-face {
  font-family: "iconfont_home";
  src: url('/statics/web3/font/iconfont.eot?t=1472717101');
  src: url('/statics/web3/font/iconfont.eot?t=1472717101#iefix') format('embedded-opentype'),url('/statics/web3/font/iconfont.woff?t=1472717101') format('woff'),url('/statics/web3/font/iconfont.ttf?t=1472717101') format('truetype'),url('/statics/web3/font/iconfont.svg?t=1472717101#iconfont') format('svg')
}

.iconfont-home {
  font-family: "iconfont_home"!important;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  margin-right: .1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #9e9e9e;
  display: inline-block
}

@font-face {
  font-family: "iconfont_villa_items";
  src: url('/statics/web3/font/iconfont_villa_items.eot?t=14871424595924567');
  src: url('/statics/web3/font/iconfont_villa_items.eot?t=14871424595924567#iefix') format('embedded-opentype'),url('/statics/web3/font/iconfont_villa_items.woff?t=14871424595924567') format('woff'),url('/statics/web3/font/iconfont_villa_items.ttf?t=14871424595924567') format('truetype'),url('/statics/web3/font/iconfont_villa_items.svg?t=14871424595924567#iconfont') format('svg')
}

.iconfont_villa_items {
  font-family: "iconfont_villa_items"!important;
  /*! -webkit-font-smoothing: antialiased; */
  /*! -webkit-text-stroke-width: 0.2px; */
  font-style: normal;
  /*! font-weight: 400; */
  speak: none;
  display: inline-block;
  /*! text-decoration: inherit; */
  /*! width: 1em; */
  text-align: center;
  font-variant: normal;
  text-transform: none;
  /*! line-height: 1em; */
  /*! margin-left: .2em; */
  /*! margin-right: .1em; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #444;
  /*! color: rgb(153, 153, 153); */
  display: inline-block
}

@font-face {
  font-family: "iconfont";
  src: url('/statics/web3/font/iconfont1.eot?t=7867453');
  src: url('/statics/web3/font/iconfont1.eot?t=7867453#iefix') format('embedded-opentype'),url('/statics/web3/font/iconfont1.woff?t=7867453') format('woff'),url('/statics/web3/font/iconfont1.ttf?t=7867453') format('truetype'),url('/statics/web3/font/iconfont1.svg?t=7867453#iconfont') format('svg')
}

.iconfont {
  background-image: none!important;
  font-family: "iconfont"!important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  color: #444
}

.icon-pinglun:before {
  content: "\e601"
}

.icon-been:before {
  content: "\e600"
}

.been_comm {
  height: 40px;
  line-height: 41px!important;
  float: right;
  margin-right: 11px
}

.been_comm a {
  color: #444!important
}

#language {
  position: relative;
  padding-bottom: 15px;
  padding-right: 14px
}

#language:after {
  content: "";
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

#language:hover:after {
  content: "";
  border-top: 5px solid #ff8000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

.index-lang #language:after {
  content: "";
  border-top: 5px solid #777;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

.index-lang #language:hover:after {
  content: "";
  border-top: 5px solid #ff8000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

#currency {
  position: relative;
  padding-bottom: 15px;
  padding-right: 14px;
  z-index: 2
}

#currency.currency-dismantle:after {
  border-top: 5px solid #000;
  top: 16px;
  right: 7px
}

#currency:after {
  content: "";
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

#currency:hover:after {
  content: "";
  border-top: 5px solid #ff8000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

.index-lang #currency:after {
  content: "";
  border-top: 5px solid #777;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

.index-lang #currency:hover:after {
  content: "";
  border-top: 5px solid #ff8000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 5px;
  right: 3px
}

.index-lang .lang-trianlge {
  top: -9px
}

.lang-drop {
  display: none;
  position: absolute;
  top: 26px;
  left: -10px;
  box-shadow: rgba(0,0,0,0.3) 0 0 10px;
  background-color: #fff
}

.lang-drop>div {
  width: 60px;
  text-align: center;
  padding: 2px 5px;
  height: 20px;
  color: #444;
  font-size: 12px;
  line-height: 20px;
  border-bottom: 1px solid #dcdcdc
}

.lang-drop>div:hover {
  color: #fff;
  background: #ff8000
}

.lang-drop::after {
  content: "";
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
  box-shadow: 0 0 0 rgba(0,0,0,0.5);
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid #fff
}

.index-lang .curr-trianlge {
  top: -9px
}

.curr-drop {
  display: none;
  position: absolute;
  top: 24px;
  left: -2px;
  box-shadow: rgba(0,0,0,0.3) 0 0 10px;
  background-color: #fff
}

.index-lang .curr-drop {
  display: none;
  position: absolute;
  top: 26px;
  left: -10px;
  box-shadow: rgba(0,0,0,0.3) 0 0 10px;
  background-color: #fff
}

.curr-drop>div {
  width: 60px;
  text-align: center;
  padding: 2px 5px;
  height: 20px;
  color: #444;
  font-size: 12px;
  line-height: 20px;
  border-bottom: 1px solid #dcdcdc
}

.curr-drop>div {
  width: 60px;
  text-align: center;
  padding: 2px 5px;
  height: 20px;
  color: #444;
  font-size: 12px;
  line-height: 20px;
  border-bottom: 1px solid #dcdcdc
}

.curr-drop::after {
  content: "";
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5);
  box-shadow: 0 0 0 rgba(0,0,0,0.5);
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid #fff
}

.curr-drop>div:hover {
  color: #fff;
  background: #ff8000
}

.translation-btn {
  display: inline-block;
  background: url("/statics/web3/images/translation_btn.svg") center top 5px no-repeat #fff!important;
  background-size: 18px!important;
  padding: 25px 5px 5px;
  border: 1px solid #dcdcdc;
  position: absolute;
  top: 20px;
  cursor: pointer;
  right: -0px;
  z-index: 100;
  font-style: normal;
  text-align: center;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 50px
}

.des_top {
  font-size: 14px
}
.des_top>a:hover {
  color: #ff8000
}
#des_navlink1 .des_nav:before {
  display: none
}
.des_navlink-a:after {
  content: "";
  border-top: 5px solid #777;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 11px;
  right: -2px
}
.cur .des_navlink-a:after {
  border-top: 5px solid #ff8000
}
.cur .ski_navlink-a:after {
  border-top: 5px solid #ff8000
}

#ChatDiv {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  transition-property: width height;
  transition-duration: .5s;
  z-index: 99999
}

#ChatDiv.open {
  width: 500px;
  height: 500px
}

#J_wkitMsgContent {
  background-color: #eee!important
}

.wkit-msg-item {
  font-size: 14px
}

.wkit-r .wkit-msg-inner {
  background-color: #fff!important
}

.wkit-r .wkit-msg-inner .wkit-arr {
  border-color: #fff transparent transparent!important
}

#J_wkitSoftInput {
  background-color: #fff!important
}

#browser-tip {
  display: none;
  height: 60px;
  background-color: #ff8000;
  width: 100%;
  top: 0;
  left: 0;
  position: static;
  z-index: 10000;
  text-align: center
}

.browser-tip-main {
  height: 60px
}

.browser-tip-main span {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 16px
}

.browser-tip-main a {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  font-size: bolder;
  text-decoration: underline
}

.browser-tip-main b {
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 2px
}

.browser-tip-main b img {
  height: 100%;
  width: 100%
}

#browser-tip-close {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 50px;
  top: 20px;
  cursor: pointer
}

#browser-tip-close img {
  height: 100%;
  width: 100%
}

#coupon-modal {
  display: none;
  background-color: rgba(0,0,0,0.2);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center
}

.coupon-pop {
  width: 500px;
  height: auto;
  background-color: #fff;
  position: relative
}

.coupon-pop h3 {
  height: 60px;
  line-height: 80px;
  text-align: center;
  font-size: 16px
}

.coupon-pop span {
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url(/statics/web3/images/icon-close.png);
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer
}

.coupon-pop p {
  padding: 5px 30px;
  font-size: 14px
}

.coupon-pop p.orange {
  color: #ff8000
}

.coupon-pop div {
  width: 100%;
  height: auto;
  text-align: center
}

.coupon-pop div b {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  cursor: pointer;
  height: 37px;
  line-height: 37px;
  font-weight: normal;
  width: 200px;
  background-color: #ff8000;
  color: #fff;
  display: inline-block;
  text-align: center
}

.coupon-rules {
  min-width: 108px
}

.no-result {
  width: 100%;
  margin-top: 20px;
  height: 250px;
  background-color: #fff;
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc
}

.no-result h3 {
  width: 250px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  margin: 0 auto;
  margin-top: 90px;
  padding-left: 20px;
  background-image: url('../../css/images/search-icon.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left center
}

.no-result h4 {
  font-weight: normal;
  width: 250px;
  padding-left: 20px;
  margin: 0 auto;
  height: 30px;
  font-size: 12px
}

.no-result h4 a {
  color: #ff8000;
  text-decoration: underline
}

.recommend-result h5 {
  margin-top: 10px;
  color: #ff8000
}

.recommend-result .recommend-box {
  margin-top: 10px;
  height: 420px;
  width: 860px
}

.recommend-result .recommend-one {
  display: inline-block;
  height: 120px;
  margin-bottom: 20px;
  width: 416px;
  background-color: #fff
}

.recommend-result .recommend-one:nth-child(odd) {
  margin-right: 20px
}

.recommend-result .recommend-one .recommend-img {
  width: 150px;
  height: 120px;
  float: left;
  background-size: cover;
  background-position: center center
}

.recommend-result .recommend-one .recommend-info {
  width: 250px;
  height: 120px;
  float: right
}

.recommend-result .recommend-one .recommend-info h3 {
  font-weight: normal;
  margin-top: 20px;
  font-size: 16px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.recommend-result .recommend-one .recommend-info h4 {
  font-weight: normal;
  margin-top: 10px;
  font-size: 14px
}

.recommend-result .recommend-one .recommend-info h6 {
  font-weight: normal;
  margin-top: 10px;
  font-size: 12px
}

.recommend-result .recommend-one .recommend-info h6 span {
  font-size: 16px;
  color: #ff8000
}

.header .userlink {
  padding-top: 15px;
  font-size: 13px;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0
}

.header .userlink a,.userlink span,.userlink .rssarea {
  color: #444
}

.new-header .userlink span {
  color: #fff
}

.header .userlink .userName {
  display: inline
}

.header .userlink>.line-2:after {
  content: "";
  clear: both;
  display: block
}

.header .userlink .mobile {
  margin-top: 0;
  height: 18px;
  background: url("/statics/web3/images/mobile-icon-new.svg");
  background-size: 14px 14px;
  background-position: 7px center;
  background-repeat: no-repeat;
  color: #ff8000;
  font-size: 14px;
  font-style: italic;
  padding-left: 26px;
  float: right;
  line-height: 20px
}

.header.new-header .userlink a {
  color: #fff;
  height: 40px
}

.header .userlink a:hover,.header .userlink a:hover .icon-phone,.header .userlink a:hover span {
  color: #ff8000
}

.userlink a:hover .iconfont-home-png {
  background-image: url("/statics/web3/images/phone-orange.svg")
}

.userlink.pt10 {
  padding-top: 10px
}
.userlink.pt28 {
  padding-top: 16px
}

.userlink.link-index.pt28 {
  padding-top: 0;
  position: absolute;
  top: -1px;
  right: 40px;
  padding-top: 0
}

.iconfont-home-png {
  width: 12px;
  height: 18px;
  background-image: url("/statics/web3/images/phone-grey.svg");
  background-size: 12px 14px;
  background-position: center center;
  background-repeat: no-repeat
}

.link-index .iconfont-home-png {
  width: 12px;
  height: 18px;
  background-image: url("/statics/web3/images/phone-white.svg");
  background-size: 12px 14px;
  background-position: center center;
  background-repeat: no-repeat
}

.icon-phone {
  width: 12px;
  height: 14px;
  position: absolute;
  left: -15px;
  top: 2px
}

.select_item_pc {
  width: 75px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  cursor: pointer;
  border: 0;
  padding-left: 10px
}

.select_item_pc1 {
  width: 75px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  cursor: pointer;
  border: 0;
  padding-left: 10px
}

.select_item_pc2 {
  width: 85px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  cursor: pointer;
  border: 0
}

#phonenumber {
  width: 247px;
  margin-left: 45px
}

#phonenumber1 {
  width: 260px;
  margin-left: 45px
}

.option_item_pc {
  height: 48px!important;
  line-height: 48px!important
}

.img_select {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 20px;
  right: 10px
}

.areanumul {
  position: absolute;
  z-index: 99999!important;
  background: white;
  top: 48px;
  left: -1px;
  display: none;
  border-top: 1px solid #dcdcdc;
  height: 300px;
  overflow: auto;
  border-bottom: 1px solid #dcdcdc
}

.areanum {
  z-index: 99999!important;
  background: white;
  line-height: 46px;
  width: 330px;
  font-size: 16px;
  padding-left: 10px;
  border: 1px solid #dcdcdc;
  border-bottom: 0
}

.always_use {
  z-index: 99999!important;
  background: white;
  line-height: 46px;
  width: 343px;
  font-size: 16px;
  padding-left: 10px;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  border-top: 0
}

.always_use_all {
  z-index: 99999!important;
  background: white;
  line-height: 46px;
  width: 343px;
  font-size: 16px;
  padding-left: 10px;
  border: 1px solid #dcdcdc;
  border-top: 0
}

.areanum5 {
  width: 343px
}

.inter_num {
  font-size: 16px
}

.inputbox {
  z-index: 1!important
}

.Lfll {
  z-index: 1!important
}

.areanum1 {
  border-top: 0
}

.kong_div {
  height: 130px;
  display: none
}

.list-paddingleft-2 {
  width: 778px!important
}

.plane_ticked {
  height: 129px;
  background: white;
  margin-top: 15px;
  padding-left: 20px;
  padding-top: 15px;
  position: relative
}

.plane_ticked_first {
  line-height: 18px;
  font-size: 15px
}

.specil_text {
  line-height: 33px;
  font-size: 18px;
  color: #ff8000
}

.plane_ticked_sec {
  line-height: 24px;
  margin-bottom: 10px;
  font-size: 14px
}

.personal-tailor {
  height: 129px;
  background: white;
  margin-top: 15px;
  padding-left: 20px;
  padding-top: 15px;
  position: relative
}

.personal-tailor_first {
  font-size: 16px
}

.personal-tailor_sec {
  line-height: 22px;
  font-size: 14px
}

.personal-tailor_sect {
  line-height: 22px;
  font-size: 14px;
  margin-bottom: 5px
}

.personal-tailor_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block
}

.personal-tailor-a {
  position: absolute;
  z-index: 2;
  bottom: -3px
}

.ask_me {
  min-width: 100px;
  padding: 2px;
  height: 37px;
  border: 1px solid #ff8000;
  line-height: 37px;
  text-align: center;
  color: #ff8000;
  position: absolute;
  bottom: 20px;
  box-sizing: border-box;
  font-size: 14px
}

.person_btns_a {
  position: absolute;
  bottom: -3px;
  z-index: 2
}

.planetTicket_img {
  width: 108px;
  height: 72px;
  position: absolute;
  bottom: 10px;
  right: 10px
}

.plane_tick {
  height: 452px;
  margin-top: 17px;
  position: relative
}

.personTaiol_plane_tick {
  height: 452px;
  margin-top: 15px;
  position: relative
}

.personTaiol_plane_jump {
  height: 439px;
  position: relative
}

.plane_tick_btn {
  border: 1px solid #ff8000;
  width: 100px;
  height: 35px;
  color: #FF8000;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  position: absolute;
  top: 385px;
  left: 94px
}

.person_plane_tick_btn {
  margin: 0 auto;
  border: 1px solid #ff8000;
  width: 100px;
  height: 35px;
  color: #FF8000;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  margin-top: 25px
}

.personTaiol_plane_tick_contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.personTaiol_plane_tick_contents>div {
  text-align: center;
  font-size: 24px;
  margin-top: 50px;
  line-height: 60px
}

.personTaiol_plane_tick_contents p {
  text-align: center;
  font-size: 16px;
  line-height: 30px
}

.plane_tick_img {
  width: 328px;
  height: 452px;
  background: white
}

.jump_plane_tick_img {
  width: 316px;
  height: 439px;
  background: white
}

.detail_plane {
  position: relative
}

.person_detail_plane {
  position: relative
}

.detail_plane_btn {
  width: 110px;
  height: 35px;
  border: 1px solid #444;
  line-height: 37px;
  text-align: center;
  font-size: 16px;
  color: #444;
  position: absolute;
  top: 20px;
  right: 89px
}

.person_detail_plane_btn {
  min-width: 110px;
  height: 35px;
  padding: 0 2px;
  border: 1px solid #ff8000;
  line-height: 37px;
  text-align: center;
  font-size: 16px;
  color: #ff8000;
  position: absolute;
  top: 20px;
  right: 60px
}

.error_btn {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  text-align: center;
  font-size: 15px;
  color: #444;
  position: absolute;
  top: 7px;
  right: 15px;
  border: 1px solid #444;
  cursor: pointer
}

.ari_close {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 10px;
  width: 10px;
  background-image: url(/statics/web3/css/images/vip-close.png);
  background-position: 0 0;
  background-size: contain;
  cursor: pointer
}

.tick_div {
  width: 916px;
  height: 70px;
  position: relative;
  margin-bottom: 17px
}

.person_tick_div {
  width: 916px;
  height: 70px;
  position: relative;
  margin-bottom: 27px
}

.tick_div_img {
  width: 916px;
  height: 70px;
  background: white
}

.person_tick_div_img {
  width: 916px;
  height: 80px;
  background: white
}

.zixun_btn {
  width: 100px;
  height: 35px;
  border: 1px solid #DCDCDC;
  line-height: 37px;
  text-align: center;
  font-size: 14px;
  color: #444;
  position: absolute;
  top: 20px;
  right: 119px
}

.person_zixun_btn {
  width: 110px;
  height: 35px;
  border: 1px solid #FF8000;
  line-height: 37px;
  text-align: center;
  font-size: 16px;
  color: #FF8000;
  position: absolute;
  top: 25px;
  right: 119px
}

.error_del {
  width: 22px;
  height: 22px;
  border-radius: 11px;
  line-height: 22px;
  text-align: center;
  font-size: 15px;
  color: #444;
  position: absolute;
  top: 8px;
  right: 45px;
  border: 1px solid #444;
  cursor: pointer
}

.house_type {
  height: 30px;
  padding: 10px;
  background: #f8f8f8;
  margin-bottom: 15px;
  margin-top: 30px;
  position: relative
}

.house_type_left {
  float: left;
  width: 266px;
  height: 24px;
  padding-top: 6px
}

.house_type_detail {
  background: url(/statics/web3/images/radio_un_seleced3.svg);
  background-repeat: no-repeat;
  width: 41px;
  padding-left: 25px;
  height: 17px;
  float: left;
  font-size: 14px;
  cursor: pointer;
  background-size: 16px 16px
}

.house_type_detail_active {
  background: url(/statics/web3/images/radio_seleced3.svg);
  background-repeat: no-repeat
}

.mp-filter-item-panel-detail {
  background: url(/statics/web3/images/radio_un_seleced3.svg);
  background-repeat: no-repeat;
  width: 41px;
  padding-left: 25px;
  height: 17px;
  float: left;
  font-size: 14px;
  cursor: pointer;
  background-size: 16px 16px
}

.mp-filter-item-panel-active {
  background: url(/statics/web3/images/radio_seleced3.svg);
  background-repeat: no-repeat
}

.listing_code {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 999999;
  width: 319px;
  height: 300px;
  background: white;
  border: 1px solid #dcdcdc;
  border-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: none
}

.listing_code_always {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 14px;
  color: #333
}

.code_always_li {
  height: 32px;
  line-height: 32px!important;
  padding-left: 10px;
  font-size: 14px;
  margin-top: 0!important;
  width: 300px!important;
  float: none!important
}

.code_always_span {
  display: inline!important
}

.always_code_all {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  font-size: 14px;
  color: #333!important;
  border-bottom: 1px solid #dcdcdc
}

.sure_code_inter {
  position: relative;
  line-height: 32px;
  padding-left: 5px;
  font-size: 14px;
  color: #444
}

.sure_code_inter::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 15px;
  background: #999
}

.tip_pay_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  z-index: 100
}

.tip_pay {
  width: 490px;
  height: 350px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.areanumul::-webkit-scrollbar {
  width: 0
}

.commit-m-loading {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.4);
  display: none
}

.commit-m-loadimg {
  width: 100%;
  height: 100%;
  background: url(/statics/web3/images/loading.gif?v=002) center center no-repeat
}

.guides-box {
  padding-top: 20px;
  border-top: 1px solid #dcdcdc
}

.addTime {
  position: absolute;
  left: 105px;
  bottom: 15px;
  line-height: 16px;
  color: #AFAFAF;
  font-size: 12px;
  padding-left: 20px
}

.icon-num-time {
  width: 13px;
  height: 13px;
  background: url(/statics/web3/images/article/timeIcon.svg) no-repeat;
  background-size: cover;
  position: absolute;
  top: 2px;
  left: 0
}

.discountBox {
  display: inline;
  color: white;
  background: #FF8000;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 8px;
  margin-left: 5px
}

.invoice {
  background: #f1f9fd url(../../css/images/invoiceImg.png) no-repeat 620px 115px;
  background-size: 93px;
  margin-top: 15px;
  padding-bottom: 15px;
  padding-top: 10px
}

.invoiceGet {
  line-height: 40px;
  height: 40px
}

.invoiceGet b {
  cursor: pointer;
  float: left;
  margin-top: 9px;
  margin-left: 20px;
  height: 18px;
  width: 18px;
  border: 1px solid #666;
  position: relative
}

.invoiceGet i {
  float: left;
  font-size: 14px;
  font-style: normal;
  margin-left: 10px
}

.invoiceGet b span {
  position: absolute;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
  height: 8px;
  width: 12px;
  border-left: 2px solid #ff8000;
  border-bottom: 2px solid #ff8000;
  display: none
}

.invoiceGet.active b {
  border: 1px solid #ff8000
}

.invoiceGet.active b span {
  display: block
}

.invoiceMessage {
  padding-left: 45px
}

.invoiceMessageHideBox {
  display: none
}

.invoiceTitle {
  width: 86%;
  background: white;
  line-height: 37px;
  color: #444;
  padding-left: 10px;
  font-size: 14px;
  margin: 15px 0
}

.invoiceDetail {
  padding-left: 10px
}

.invoiceDetailTitle {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  padding: 5px 0
}

.typeInput {
  position: absolute;
  left: -1000px
}

.invoiceDetailTypeLabelStar {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  font-size: 14px;
  display: block;
  background: url(/statics/web3/images/ticket_no.svg) no-repeat;
  cursor: pointer
}

.typeChecked {
  background: url(/statics/web3/images/ticket_ok.svg) no-repeat
}

.invoiceDetailTypeBox {
  padding: 7px 0
}

.corporateNameOrdinary {
  height: 30px;
  width: 360px;
  padding-left: 10px;
  border: 1px solid #DCDCDC;
  margin: 7px 0;
  margin-left: 30px
}

.invoiceInputBox {
  display: none
}

.invoiceThingRadio {
  position: absolute;
  left: -1000px
}

.invoiceThing {
  position: relative;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 30px;
  display: inline-block;
  background: url(/statics/web3/images/ticket_no.svg) no-repeat;
  cursor: pointer
}

.invoiceThing:last-child {
  margin-left: 200px
}

.thingChecked {
  background: url(/statics/web3/images/ticket_ok.svg) no-repeat
}

.invoiceThingBox {
  padding: 10px 0
}

.personMessage {
  width: 700px;
  display: flex
}

.personMessageLeft {
  width: 80px;
  line-height: 37px;
  font-size: 14px;
  color: #777;
  text-align: right
}

.personMessage {
  margin: 15px 0
}

.personMessageRight {
  width: 250px;
  padding-left: 10px;
  margin-left: 15px;
  border: 1px solid #DCDCDC;
  height: 33px;
  background-color: #f4f4f5
}

.personMessageRightLong {
  width: 560px;
  padding-left: 10px;
  margin-left: 15px;
  border: 1px solid #DCDCDC;
  height: 33px;
  background-color: #f4f4f5
}

.personMessageRightArea {
  width: 550px;
  padding: 10px;
  margin-left: 15px;
  border: 1px solid #DCDCDC;
  height: 100px;
  resize: none;
  font-size: 14px;
  background-color: #f4f4f5
}

.invoiceTitle>span {
  color: #FF8000;
  font-size: 14px
}

.wxPay-warp {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 20;
  display: none
}

.wxPay-con {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  height: 240px;
  margin: auto;
  background: #FFF
}

.wxPay-con>b {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 10px;
  width: 10px;
  background-image: url(/statics/web3/css/images/vip-close.png);
  background-position: 0 0;
  background-size: contain;
  cursor: pointer
}

.soamaCont {
  line-height: 40px;
  font-size: 16px;
  text-align: center
}

.wxPayImg {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: block
}

.wxPayText {
  padding: 5px;
  height: 25px;
  background: #FF8000;
  margin: 0 auto;
  display: flex;
  width: 265px;
  margin-top: 10px
}

.wxPayText>span {
  padding-left: 18px;
  line-height: 25px;
  font-size: 14px;
  color: #FFF
}

.wxerror {
  display: block;
  margin: 0 auto;
  padding-top: 60px
}

.wxErrorText {
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  line-height: 25px;
  font-size: 14px
}

.wxPayTipCon {
  width: 90%;
  margin: 0 auto;
  text-align: center
}

.wxPayTipCon>p {
  font-size: 14px;
  line-height: 18px
}

.wxPaynum {
  color: red
}

.outTimeBox {
  color: red
}

.wxPayAgain {
  color: #6aa6fc;
  cursor: pointer
}

.outTimeBox {
  display: none
}

.wxPaysucess {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 420px;
  height: 240px;
  margin: auto;
  background: #FFF;
  display: none
}

.wxPaysucess>img {
  display: block;
  margin: 0 auto;
  width: 111px;
  height: 111px;
  padding: 10px 0
}

.wxPaysucess>p {
  font-size: 14px;
  color: #444;
  line-height: 22px;
  text-align: center
}

.wxPaysucess>div {
  display: flex;
  justify-content: center;
  margin-top: 10px
}

.wxPaysucess>div div {
  width: 100px;
  height: 37px;
  box-sizing: border-box;
  border: 1px solid #FF8000;
  color: #FF8000;
  line-height: 37px;
  text-align: center;
  font-size: 14px;
  margin: 0 10px;
  cursor: pointer
}

.flexTitle {
  display: flex;
  align-items: center
}

.appBox {
  margin-left: 25px;
  position: relative
}

.avtivityLeftIndexBack {
  position: fixed;
  top: 40%;
  width: 303px;
  height: 336px;
  z-index: 99
}

.activityLeftIndex {
  position: absolute;
  background-image: url("/statics/web3/images/activityLeftIndex.png");
  background-repeat: no-repeat;
  width: 303px;
  height: 336px;
  background-size: cover;
  cursor: pointer;
  z-index: 100
}

.activityLeftIndexEwm {
  position: absolute;
  top: 0;
  left: 56px;
  background-image: url("/statics/web3/images/activityLeftIndexEwm.png");
  background-repeat: no-repeat;
  width: 204px;
  text-align: center;
  height: 216px;
  transition: .8s;
  -moz-transition: .8s;
  -webkit-transition: .8s;
  -o-transition: .8s;
  opacity: 0;
  z-index: 99
}

.activityLeftIndexEwm img {
  width: 90px;
  height: 90px;
  margin-left: 20px;
  margin-top: 75px;
  transition: .4s ease-in-out
}

.frendsLinks {
  padding: 26px 0;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-right: 20px;
  position: relative
}

.slicon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden
}

.frendsLinks .friendsBox {
  height: 18px;
  overflow: hidden
}

.frendsLinks a {
  cursor: pointer;
  text-decoration: none;
  color: #777
}

.frendsLinks .SL_icon {
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  font-size: 18px;
  vertical-align: -.15em;
  fill: currentColor;
  color: #ff8000;
  overflow: hidden;
  cursor: pointer
}

video::-webkit-media-controls-enclosure {
  overflow: hidden
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px)
}

.leavingMessage {
  display: none;
  position: fixed;
  bottom: 70px;
  width: 432px;
  right: 0
}

.chat_form {
  padding: 12px 0;
  background: #fff
}

.chat_message_tetle {
  background: #C9A571;
  color: #fff;
  padding: 16px;
  position: relative
}

.chat_message_tetle .slicon {
  position: absolute;
  right: 0;
  top: -2rem;
  font-size: 1.5rem;
  color: #444
}

.chat_form_flex {
  height: 38px;
  line-height: 38px;
  width: 96%!important;
  margin: 0 auto!important;
  box-shadow: none!important
}

.chat_form li:hover {
  background: #fff!important
}

.chat_form li {
  background: #fff;
  height: 52px
}

.chat_form_flex .chat_form_flex_left {
  float: left;
  width: 16%;
  line-height: 40px;
  text-align: right;
  font-size: 14px;
  color: #444
}

.chat_form_flex_left>i {
  color: red
}

.chat_form_flex .chat_form_flex_right {
  float: right;
  width: 84%;
  font-size: 14px
}

.chat_form_flex_right>input {
  width: 90%;
  line-height: 38px;
  padding: 0 10px;
  border: 1px solid #E5E5E5;
  font-size: 14px
}

.checkArea {
  position: relative;
  width: 80.5%!important;
  line-height: 38px;
  border: 1px solid #E5E5E5;
  float: left!important
}

.checkArea .phoneArea {
  border: none!important;
  width: 74%;
  float: right;
  line-height: 37px
}

.checkArea .sure_code_inter {
  width: 18%;
  float: left;
  background: url(/statics/m/article/img/selectdown.svg) no-repeat;
  background-position-x: 51px;
  background-position-y: 17px;
  background-size: 13%;
  cursor: pointer
}

.checkArea .listing_code {
  width: 100%;
  top: 38px
}

.checkArea .code_always_li {
  width: 100%!important;
  margin: 0!important;
  box-shadow: none;
  border-bottom: 1px solid #f1f1f1;
  height: 50px!important;
  line-height: 50px!important
}

.checkArea .code_always_li:hover {
  color: #ff8000
}

.chat_form_column .timeStart {
  float: left;
  margin-left: 21px;
  width: 45%
}

.chat_form_column .timeEnd {
  float: right;
  width: 45%
}

.chat_form_column #mqchange-leave,#mqchange-reach {
  width: 45%;
  line-height: 38px;
  padding: 0 10px;
  border: 1px solid #E5E5E5;
  font-size: 14px
}

.chat_form_column .per-select {
  width: 68%;
  height: 37px;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/statics/web3/css/images/select.svg) no-repeat scroll right center transparent;
  padding-right: 14px;
  background-size: 12px 10px;
  background-position-x: 89px
}

.chat_from_btn {
  width: 93%;
  margin: 0 auto;
  background: #C9A571;
  border-radius: 4px;
  color: #fff;
  line-height: 37px;
  height: 37px;
  text-align: center
}

.addFBlogin {
  position: relative
}

.facebookAcre {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 1;
  background: #fff
}

.facebook_title {
  height: 80px;
  color: #ff8000;
  font-size: 16px;
  margin: 60px 0 0 0
}

.FBfromRow {
  height: 40px;
  margin-top: 20px
}

.FBfromRow>label {
  width: 78px;
  display: inline-block;
  font-size: 14px
}

.FBfromRow>input {
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #dcdcdc
}

.facebookBlankPatch {
  height: 113px
}

.FBfromCommitted>input {
  width: 100%;
  height: 37px;
  border: 0;
  margin-top: 60px;
  cursor: pointer;
  background: #ff8000;
  color: #fff;
  font-size: 14px
}

.D1main .posi_area {
  display: flex;
  flex-direction: column;
  height: auto;
  border-bottom: 0
}

.D1main .posi_area div {
  height: auto!important
}

.D1main .posi_area .row_Letter_r {
  width: calc(100% - 20px)
}

.posi_area .posi_area_item {
  justify-content: space-between;
  height: auto;
  flex-wrap: wrap;
  margin-top: 10px
}

.posi_area .posi_area_item_ul {
  display: flex;
  justify-content: flex-start;
  height: auto;
  flex-wrap: wrap;
  margin-top: 10px
}

.D1main .posi_area .row_Letter {
  width: 100%;
  height: auto;
  border: none!important
}

.D1main .posi_area .row_Letter_l {
  width: 20px;
  border: none!important;
  color: #ff8000;
  line-height: 57px;
  font-size: 14px
}

.D1main .posi_area .posi_area_item:after {
  content: "";
  flex: auto
}

.posi_area_item_1 {
  display: flex
}

.posi_area_item_2,.posi_area_item_3,.posi_area_item_4,.posi_area_item_5,.posi_area_item_6,.posi_area_item_7 {
  display: none
}

.D1main .br_valueList_w {
  width: 100%!important
}

.D1main .posi_area .posi_area_item_ul>li {
  display: inline;
  padding: 0;
  margin-left: 0!important;
  width: 20%!important;
  font-size: 12px;
  color: #4A4A4A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.D1main .posi_area .posi_area_item_ul>li:hover {
  color: #ff8000;
  cursor: pointer
}

.D1main .flx_row_left_top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap
}

.D1main .posi_area .posi_area_tab {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #DCDCDC;
  padding: 10px 0!important
}

.D1main .posi_area_tab_box {
  display: flex;
  height: auto!important;
  border-bottom: none!important;
  position: relative
}

.D1main .posi_area .marker_line {
  width: 25px!important;
  position: absolute;
  height: 2px;
  line-height: 1px;
  bottom: 0;
  background: #ff8000
}

.D1main .posi_area .posi_area_tab>dd {
  width: auto;
  padding-right: 11px;
  margin-left: 0!important;
  line-height: 20px;
  float: left;
  font-size: 13px;
  color: #000;
  cursor: pointer
}
#AutoSearch::-webkit-input-placeholder{
  color:#d6d6d6;
}
.optimization_wu {
  /* 2021.1.15 三合一开始新的 */
}
.D1main .optimization_wu .posi_area {
  display: flex;
  flex-direction: row;
  height: auto;
  border-bottom: 0
}
.D1main .optimization_wu .posi_area .row_Letter_r {
  width: calc(100% - 20px)
}
.polymerization_l{
  width: 70px;
  height: auto !important;
  margin-right: 7px;
  display: flex;
  flex-direction: column;
  margin-right: 7px;
  background: #f7f7f7;
  padding-bottom: .875rem;
}
.polymerization_r{
  width: calc(100% - 80px);
  height: auto!important;
}
.select_villa,.select_gds,.select_sg{
  height: auto!important;
}

.product_categray{
  display: inline-block;
  margin-left: 50px;
  position: relative;
  font-size: 16px;
  color: #666;
}
.product_categray::after{
  content: '';
  position: absolute;
  right: -8px;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #c0c0c0;
}
.optimization_wu #AutoSearch{
  width: 270px;
  display: inline-block;
  margin-left: 10px;
  padding: 0;
}
.optimization_wu .D1main .posi_area .posi_area_tab>dd {
  width: auto;
  padding-right: 4px;
  margin-left: 0!important;
  line-height: 20px;
  float: left;
  font-size: 14px;
  color: #000;
  cursor: pointer
}
.polymerization_l>div{
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background: #f7f7f7;
  cursor: pointer;
}
.polymerization_l .polymerization_l_act{
  background: #fff;
}
.select_gds,.select_sg{
  display: none;
}
.sl_icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.select_sg>h4 {
  font-size: 12px;
  color: #ff8000;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDCDC;
}
.select_sg .select_sg_sp{
  float: none;
}
.unhouse_addition_date{
  text-decoration: line-through
}
.unhouse_addition_date .ui-state-default{
  color: #858585;
}
.history_record{
	width: 37% !important;
  border: 1px solid #f3f3f3;
  border-radius: 100px;
  margin-bottom: 8px;
  padding: 3px 10px 0 10px;
  line-height: 1rem !important;
}
.history_record_lable{
  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;  width: 100%;  display: -webkit-box;
}
.product_label{float: right;color: #aaa;font-size: 10px;}
.product_context{
  width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.layer_cont_textarea_warp{padding: 20px;}
#answer_review{
  width: calc(100% - 10px);
  height: 300px;
  outline: none;
  border: 1px solid #ff8000;
  padding: 5px;
  resize: none;
}
.layui-layer-btn0,.layui-layer-btn1{
  border-color: #ff8000 !important;
  background-color: #ff8000 !important;
}

.di_count {
  display: inline-flex;
  align-items: flex-end;
  float: left;
  margin-left: 10px;
  height: 30px;
}

.di_count_con {
  width: 35px;
  height: 10px;
  line-height: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  color: #ff8000;
  padding: 5px 2px;
  text-align: center;
}

/* 微信客服 */
.wechat_dashboard_box{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
}
.wechat_dashboard_main{
  display: flex;
}
.wechat_dashboard_content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.wechat_dashboard_content .slicon_close{
  font-size: 34px;
  position: absolute;
  color: #fff;
  top: -60px;
  right: 0;
  cursor: pointer;
}
.wechat_dashboard_qr{
  text-align: center;
  margin: 40px 63px 40px 63px;
}
.wechat_dashboard{
  background: url(/statics/web3/images/fqa/wechat_bg.png) center center no-repeat #fff;
  background-size: cover;
}
.wechat_qr_icon{
  width: 148px;
  height: 148px;
}
.wechat_qr_text{
  font-size: 14px;
  color: #444444;
  margin-top: 14px;
}
.wechat_dashboard_client{
  text-align: center;
  margin: 40px 60px 40px 0;
  border-left: 1px dashed #dcdcdc;
  padding-left: 60px;
}
.wechat_dashboard_client .wechat_qr_text{
  margin: 16px 0 40px 0;
}
.wechat_qr_btn{
  display: inline-block;
  color: #fff;
  width: 192px;
  height: 44px;
  line-height: 44px;
  background: #28C445;
  font-size: 14px;
}
.wechat_qr_btn:hover{
  color: #fff;
}
.wechat_official_icon{
  width: 52px;
  height: 42px;
  margin-top: 10px;
}
.wechat_official_tel{
  font-size: 12px;
  color: #979797;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
}
.wechat_official_tel .slicon_tel{
  font-size: 12px;
  color: #777;
  top: 3px;
  left: 178px;
}
.main_two_search {
  position: relative;
  width: 260px;
  border-radius: 30px;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
}
.main_two_search .main_two_search_input {
  display: none;
  border: none;
  background: transparent;
  width: 100%;
  height: 30px;
}
.main_two_search .main_two_search_sl_icon {
  padding: 0 10px;
  color: #ff8000;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top:6px;
}
.main_two_search .two_search_lis {
  position: absolute;
  z-index: 99;
  background: #FFF;
  border: 1px solid #e6e6e6;
  border-top: 0;
  left: 0px;
  overflow: hidden;
}
.main_two_search .two_search_lis{
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  width: 500px;
  box-shadow: 0 0 15px 0 #dcdcdc;
  border-radius: 4px;
}

.main_two_search .two_search_lis li {
  width: 94%;
  line-height: 32px;
  height: 32px;
  border-bottom: 1px solid #f1f1f1;
  margin: 0;
  padding: 0 3%;
}
.main_two_search .two_search_lis li:hover {
  background: #000;
  color: #FFF;
  margin: 0;
  text-indent: 10px;
  cursor: pointer
}
.main_two_search .two_search_lis li:hover .product_label{
  color: #ccc !important;
}
.main_two_search .two_search_lis li .product_context {
  text-align: left;
}
.header.new-header .userlink a.Lcff8,.header .userlink a.Lcff8 {
  color: #ff8000
}
/* 区号搜索 */
.search_area_num{
    position: relative;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    display: flex;
    padding: 5px;
} 
.areaCodeSearch{
    width: 96%;
    padding-left: 22px;
    line-height: 30px;
    border:1px solid #dcdcdc;
    font-size: 14px;
    color: #444;
}
.clear-icon-search{
    width: 14px;
    position: absolute;
    right: 12px;
    top: 16px;
}
.search_area_num .sl_icon{
    width: 1rem;
    height: 1rem;
    display: inline-block;
    position: absolute;
    top: 13px;
    color: #777;
    left: 10px;
}
.registerByPhone .areanum5{
  width: 330px;
}
.registerByPhone .always_use{
  width: 330px;
}
.registerByPhone .search_area_num{
  width: 330px;
}
.registerByPhone .areanumul{
  width: 343px;
}

/***<jscompress sourcefile="header.css" />*/
.header.new-header {
  min-width: 1200px;
  box-sizing: border-box;
  position: absolute;
  padding: 20px 40px;
  min-height: 200px;
  background: url(/statics/web3/images/banner-block.png?v=002) repeat-x
}

.header .slogan {
  background-image: url(/statics/web3/images/slogan.svg?v=002),none;
  background-size: contain;
  width: 180px;
  height: 96px;
  margin-left: 10px;
  background-repeat: no-repeat;
  margin-top: 8px
}

.header .slogan2 {
  background-image: url(/statics/web3/images/slogan_Golden.svg?v=002),none;
  background-size: contain;
  width: 200px;
  height: 96px;
  margin-left: 0;
  background-repeat: no-repeat;
  margin-top: 22px;
  display: none
}

@media(max-width: 1400px) {
  .header .slogan,.header .slogan2 {
      display:none
  }

  #des_navlink1 .des_nav:before {
      display: none
  }
}
.wp.width-screen {
  width: auto
}
.width-screen .new-logo {
  background: url(/statics/web3/images/logo_change.svg?v=2603) no-repeat; 
  background-size: contain;
  background-position: center center;
  width: 217px;
  height: 86px;
  margin-right: 20px;
  padding: 0;
  margin-top: -9px
}

.width-screen .activityIcon {
  background: url(../../images/activityIcon.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 42px;
  margin-right: 10px
}

@media all and (max-width: 1280px) {
  .width-screen .new-logo {
      margin-top:-9px;
      padding: 0
  }
}
.new-header .nav .items.new-items {
  padding-top: 26px;
  color: #fff
}

.new-header .nav .new-items li .ma {
  color: #fff;
  font-size: 16px
}
.navlink-a {
  position: relative
}
.navlink-a.cur:hover:after {
  border-top: 5px solid #ff9b14
}
.navlink-b.cur:hover:after {
  border-top: 5px solid #ff9b14
}
.navlink-b:after {
  content: "";
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 11px;
  right: -2px;
}

.navlink-a:after {
  content: "";
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 11px;
  right: -2px
}
.ski_navlink-a:after{
  content: "";
  border-top: 5px solid #777;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 11px;
  right: -2px;
}
.ski_navlink-a:hover:after{
  border-top: 5px solid #ff9b14
}
.pr {
  position: relative
}

.pl21 {
  padding-left: 21px
}

.new-header .icon-phone {
  width: 12px;
  height: 14px;
  position: absolute;
  left: -15px;
  top: 2px
}

.icon-gift {
  width: 13px;
  height: 14px;
  position: absolute;
  left: 2px;
  top: 0;
  background: url(../images/icon-gift.png?t=1);
  background-size: contain
}

.download-box {
  width: 200px;
  background: #fff;
  border: 1px solid #fff;
  position: absolute;
  padding-bottom: 30px;
  top: 30px;
  left: 0;
  display: none;
  box-shadow: rgba(0,0,0,0.3) 0 0 10px;
  color: #333;
  left: -70px;
  z-index: 5
}

.download-box:before {
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  content: "";
  position: absolute;
  top: -11px;
  left: 60px
}

.header.new-header .nav {
  width: auto
}

.download-box .img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: block;
  background: url("https://statics.dujiabieshu.com/statics/web3/push_app/img/mini_app.png?v=002") no-repeat center center;
  background-size: cover
}
.download-1 {
  text-align: center;
  padding: 15px 0 7px 0;
  font-size: 14px
}

.download-2 {
  text-align: center;
  padding: 7px 0;
  font-size: 14px
}

.download-send input {
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  outline: 0;
  border: 0;
  background: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 1px #333;
  border: 1px solid #eee
}

.btn-download {
  margin: 0 auto;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #ff8000;
  color: #fff
}

.download-btn:hover+.download-box {
  display: block
}

.line-1,.line-2 {
  height: 18px
}

.line-2 {
  margin-top: 10px
}

.download-btn {
  line-height: 18px;
  float: right;
  height: 18px!important;
  margin-right: 5px
}

#apptuiguang {
  display: none
}

.app-extension {
  width: 100%;
  background: rgba(198,156,109,0.6);
  height: 150px;
  position: fixed;
  bottom: 0;
  z-index: 9
}

.extension-content {
  width: 100%;
  margin: 0 auto
}

.phone-pic {
  bottom: 0;
  top: -38px;
  width: 143px;
  height: 190px;
  position: relative;
  float: left;
  background: url("/statics/web3/images/bottom_left_icon.png?v=002") left 0 top -271px no-repeat;
  background-size: 217px 700px
}

.app_area {
  width: 900px;
  min-width: 900px;
  margin-right: 200px;
  display: flex;
  margin: 0 auto
}

.app_stroe {
  float: right
}

.discount {
  float: left;
  margin-left: 30px;
  margin-top: 15px
}

.down-pannel {
  margin: 0 auto;
  width: 50%;
  height: 200px
}

.down-2dcode {
  margin-left: 10px
}

.img-2dcode {
  background-color: white;
  width: 100px;
  height: 100px;
  background: url("/statics/web3/push_app/img/AppPush_qrmin.jpg?v=1") left 0 top 4px no-repeat;
  background-size: 97%
}

.mini-2dcode {
  background-color: white;
  width: 100px;
  height: 100px;
  background: url("/statics/web3/push_app/img/mini_code.png?v=1") left 0 top 4px no-repeat;
  background-size: 97%
}

.code-font {
  font-weight: 600;
  color: #000;
  margin-top: 2px;
  margin-left: -16px;
  display: block;
  width: 130px;
  text-align: center;
  font-size: 11px
}

.AppPush_box_wid {
  margin-top: 14px;
  float: left;
  width: 180px;
  height: 140px
}

.AppPush_box {
  width: 95%;
  height: 100%;
  margin-top: 5%;
  background: url("/statics/web3/push_app/img/sharerater.png") left 0 top 0 no-repeat;
  background-size: 100%
}

.down-area-box {
  display: flex;
  height: 165px;
  justify-content: space-between;
  width: 1200px!important
}

.down-area {
  display: inline-flex;
  float: left;
  margin-left: 25px
}

.app-downtext {
  margin-left: 20px;
  margin-top: 20px;
  width: 335px;
  height: 40px;
  background: url("../images/bottom_left_icon.png?v=002") left 0 top -221.5px no-repeat;
  background-size: 217px 700px
}

.down-area-store {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 5px
}

.app-Apple {
  width: 160px;
  padding: 0 5px;
  height: 37px;
  background: #3d3d3d;
  border-radius: 100px;
  color: #fff;
  line-height: 37px;
  text-align: center
}

.button-font {
  color: #fff;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 140px;
  text-align: center
}

.remand_join {
  margin-left: 22px;
  display: flex;
  justify-content: center;
  align-items: center
}

.remand_join>p {
  font-size: 22px;
  color: #fff;
  overflow: hidden;
  height: 30%;
  letter-spacing: 5px
}

.remand_join>p>img {
  width: 80%
}

.remand_join>a>p {
  font-size: 14px;
  color: #c69c6d;
  width: 120px;
  height: 34px;
  line-height: 34px;
  background: #000;
  text-align: center;
  border-radius: 100px;
  cursor: pointer
}

.app-Android {
  margin-left: 6px;
  width: 160px;
  padding: 0 5px;
  height: 37px;
  background: #3d3d3d;
  border-radius: 100px;
  color: #fff;
  line-height: 37px;
  text-align: center;
  margin-top: 10px
}

.down-area_r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%
}

.down-area_r_box {
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  margin-bottom: 13px
}

.app-downtext {
  width: 150px
}

.app-down-buddon img {
  height: 45%
}

.app-close {
  display: none;
  margin-left: 95%;
  bottom: 100px;
  position: fixed;
  cursor: pointer;
  z-index: 99;
  width: 27px;
  height: 27px;
  background: url("/statics/web3/images/bottom_left_icon.png?v=002") left 0 top -188px no-repeat;
  background-size: 217px 700px
}

.app-open {
  left: 0;
  float: left;
  cursor: pointer;
  position: fixed;
  bottom: 0;
  z-index: 98;
  width: 111px;
  height: 116px;
  background-size: 100%
}

.app-open .app-open-text {
  font-size: 24px;
  color: #fff;
  position: inherit;
  bottom: 14px;
  left: 8px
}

.hidden {
  display: none
}

.app-small .app-extension {
  left: -100%
}

#yuding_box {
  visibility: hidden
}

.app-extension.carnival-extension .extension-content {
  min-width: 900px;
  margin: 0 auto;
  position: relative
}

.app-extension.carnival-extension .img-1 {
  top: -50px;
  width: 240px;
  height: auto;
  position: relative;
  float: left
}

.app-extension.carnival-extension .img-2 {
  top: 50px;
  width: 400px;
  height: auto;
  position: relative;
  float: left
}

.app-extension.carnival-extension .img-3 {
  margin-left: 20px;
  top: 56px;
  width: 240px;
  height: auto;
  position: relative;
  float: left
}

.addVvip:hover .vvipList {
  display: block
}

.addVvip .ma {
  letter-spacing: 2px!important
}

.vvipList {
  position: absolute;
  background: rgba(255,255,255,0.93);
  border-radius: 4px;
  width: 88px;
  height: 84px;
  top: 45px;
  left: -7px;
  display: none
}

.vvipList a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #4A4A4A;
  letter-spacing: .94px;
  height: 30px;
  line-height: 30px
}

.vvipList a:hover {
  color: #c19d6c
}

.vvipList a:first-child {
  margin-top: 12px
}


/***<jscompress sourcefile="jquery-ui-1.10.3.css" />*/
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0 none;clip:rect(0px,0px,0px,0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{border:0 none;font-size:100%;line-height:1.3;list-style:outside none none;margin:0;outline:0 none;padding:0;text-decoration:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{border-collapse:collapse;content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{background-repeat:no-repeat;display:block;overflow:hidden;text-indent:-99999px}.ui-widget-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.ui-resizable{position:relative}.ui-resizable-handle{display:block;font-size:.1px;position:absolute}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;left:0;top:-5px;width:100%}.ui-resizable-s{bottom:-5px;cursor:s-resize;height:7px;left:0;width:100%}.ui-resizable-e{cursor:e-resize;height:100%;right:-5px;top:0;width:7px}.ui-resizable-w{cursor:w-resize;height:100%;left:-5px;top:0;width:7px}.ui-resizable-se{bottom:1px;cursor:se-resize;height:12px;right:1px;width:12px}.ui-resizable-sw{bottom:-5px;cursor:sw-resize;height:9px;left:-5px;width:9px}.ui-resizable-nw{cursor:nw-resize;height:9px;left:-5px;top:-5px;width:9px}.ui-resizable-ne{cursor:ne-resize;height:9px;right:-5px;top:-5px;width:9px}.ui-selectable-helper{border:1px dotted black;position:absolute;z-index:100}.ui-accordion .ui-accordion-header{cursor:pointer;display:block;margin-top:2px;min-height:0;padding:.5em .5em .5em .7em;position:relative}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{left:.5em;margin-top:-8px;position:absolute;top:50%}.ui-accordion .ui-accordion-content{border-top:0 none;overflow:auto;padding:1em 2.2em}.ui-autocomplete{cursor:default;left:0;position:absolute;top:0}.ui-button{cursor:pointer;display:inline-block;line-height:normal;margin-right:.1em;overflow:visible;padding:0;position:relative;text-align:center;vertical-align:middle}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-1e+7px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{margin-top:-8px;position:absolute;top:50%}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-0.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0 none;padding:0}.ui-datepicker{display:none;padding:.2em .2em 0;width:17em}.ui-datepicker .ui-datepicker-header{padding:.2em 0;position:relative}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{height:1.8em;position:absolute;top:2px;width:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%}.ui-datepicker .ui-datepicker-title{line-height:1.8em;margin:0 2.3em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{border-collapse:collapse;font-size:.9em;margin:0 0 .4em;width:100%}.ui-datepicker th{border:0 none;font-weight:bold;padding:.7em .3em;text-align:center}.ui-datepicker td{border:0 none;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-bottom:0 none;border-left:0 none;border-right:0 none;margin:.7em 0 0;padding:0 .2em}.ui-datepicker .ui-datepicker-buttonpane button{cursor:pointer;float:right;margin:.5em .2em .4em;overflow:visible;padding:.2em .6em .3em;width:auto}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{margin:0 auto .4em;width:95%}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;font-size:0;width:100%}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{left:auto;right:2px}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{left:auto;right:1px}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:1px;border-right-width:0}.ui-dialog{left:0;outline:0 none;padding:.2em;position:absolute;top:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.ui-dialog .ui-dialog-titlebar-close{height:20px;margin:-10px 0 0;padding:1px;position:absolute;right:.3em;top:50%;width:21px}.ui-dialog .ui-dialog-content{background:none repeat scroll 0 0 rgba(0,0,0,0);border:0 none;overflow:auto;padding:.5em 1em;position:relative}.ui-dialog .ui-dialog-buttonpane{background-image:none;border-width:1px 0 0;margin-top:.5em;padding:.3em 1em .5em .4em;text-align:left}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{cursor:pointer;margin:.5em .4em .5em 0}.ui-dialog .ui-resizable-se{background-position:16px 16px;bottom:-5px;height:12px;right:-5px;width:12px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{display:block;list-style:outside none none;margin:0;outline:medium none;padding:2px}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");margin:0;padding:0;width:100%}.ui-menu .ui-menu-divider{border-width:1px 0 0;font-size:0;height:0;line-height:0;margin:5px -2px}.ui-menu .ui-menu-item a{display:block;font-weight:normal;line-height:1.5;min-height:0;padding:2px .4em;text-decoration:none}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;line-height:1.5;margin:.4em 0 .2em}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{padding-left:2em;position:relative}.ui-menu .ui-icon{left:.2em;position:absolute;top:.2em}.ui-menu .ui-menu-icon{float:right;position:static}.ui-progressbar{height:2em;overflow:hidden;text-align:left}.ui-progressbar .ui-progressbar-value{height:100%;margin:-1px}.ui-progressbar .ui-progressbar-overlay{height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{cursor:default;height:1.2em;position:absolute;width:1.2em;z-index:2}.ui-slider .ui-slider-range{background-position:0 0;border:0 none;display:block;font-size:.7em;position:absolute;z-index:1}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{margin-left:-0.6em;top:-0.3em}.ui-slider-horizontal .ui-slider-range{height:100%;top:0}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{height:100px;width:.8em}.ui-slider-vertical .ui-slider-handle{left:-0.3em;margin-bottom:-0.6em;margin-left:0}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{display:inline-block;overflow:hidden;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;color:inherit;margin:.2em 22px .2em .4em;padding:0;vertical-align:middle}.ui-spinner-button{cursor:default;display:block;font-size:.5em;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;width:16px}.ui-spinner a.ui-spinner-button{border-bottom:medium none;border-right:medium none;border-top:medium none}.ui-spinner .ui-icon{left:0;margin-top:-8px;position:absolute;top:50%}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{padding:.2em;position:relative}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{border-bottom-width:0;float:left;list-style:outside none none;margin:1px .2em 0 0;padding:0;position:relative;top:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{background:none repeat scroll 0 0 rgba(0,0,0,0);border-width:0;display:block;padding:1em 1.4em}.ui-tooltip{box-shadow:0 0 5px #aaa;max-width:300px;padding:8px;position:absolute;z-index:9999}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{background:url("../../css/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #fff;color:#222;-webkit-box-shadow:0 1px 5px rgba(50,50,50,0.2);-moz-box-shadow:0 1px 5px rgba(50,50,50,0.2);box-shadow:0 1px 5px rgba(50,50,50,0.2)}.ui-widget-content a{color:#222}.ui-widget-header{background:url("../../css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #ccc;border:1px solid #aaa;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:url("../../css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;border:1px solid #d3d3d3;color:#555;font-weight:normal}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:url("../../css/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #dadada;border:1px solid #999;color:#212121;font-weight:normal}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background:url("../../css/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #fff;border:1px solid #aaa;color:#212121;font-weight:normal}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:url("../../css/images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #fbf9ee;border:1px solid #fcefa1;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{font-weight:normal;opacity:.7}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{background-image:none;opacity:.35}.ui-icon{height:16px;width:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../css/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../css/images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("../../css/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("../../css/images/ui-icons_454545_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../css/images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay{opacity:.3}.ui-widget-shadow{background:url("../../css/images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #aaa;border-radius:8px;margin:-8px 0 0 -8px;opacity:.3;padding:8px}

/***<jscompress sourcefile="jquery-ui-datepick.css" />*/
#ui-datepicker-div{width:285px;padding:0 1em}#ui-datepicker-div:before,#ui-datepicker-div:after{content:"";display:none;border-width:10px;position:absolute;top:-20px;left:30px;border-style:solid dashed dashed;border-color:transparent transparent #aaa;font-size:0;line-height:0}#ui-datepicker-div:after{top:-18px;border-color:transparent transparent #fff}.ui-datepicker .ui-datepicker-header{padding:.8em 0;background:0;width:100%;border:0;border-bottom:1px solid #ddd;border-radius:0}.ui-datepicker .ui-datepicker-title{margin:0 3.3em;font-size:14px}.ui-datepicker .ui-datepicker-title span{font-size:14px}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{height:3.4em;top:2px}.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:none!important;border-left:1px solid #fff!important;border-right:1px solid #fff!important;border-top:none!important;border-bottom:none!important}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:0}.ui-datepicker table{margin:1em 0;margin-bottom:45px!important}.ui-datepicker-calendar th{color:#999}.ui-datepicker-calendar th:nth-of-type(6),.ui-datepicker-calendar th:nth-of-type(7){color:#fd8023}.ui-datepicker td{width:40px;height:40px}.ui-datepicker td span,.ui-datepicker td a{text-align:center}.ui-datepicker-calendar .ui-state-default,.ui-datepicker-calendar.ui-widget-content .ui-state-default{background:0;border:none!important;color:#555;font-weight:normal;text-align:center;width:20px;margin-left:8px;height:20px;line-height:20px;border-radius:20px}.ui-state-default,.ui-widget-header .ui-state-default{background:#000}.ui-state-highlight:after,.ui-widget-content .ui-state-highlight:after,.ui-widget-header .ui-state-highlight:after{content:"";display:block;width:5px;height:5px;background-color:#fd8023;border-radius:5px;margin-left:8px;margin-top:3px}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background-color:#fd8023!important;color:#fff!important}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background-color:#eee}.ui-state-hover.ui-state-default.ui-state-active{background-color:#ff8000}.ui-datepicker-other-month{opacity:0!important}

/***<jscompress sourcefile="inner.css" />*/
a {
  color: #444
}

.Cdir {
  color: #444;
  font-size: 14px;
  line-height: 20px;
  padding: 7.5px 0
}

.Cdir .inner {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden
}

.Cdir a {
  color: #444;
  font-size: 14px
}

.Cdir span,.Cdir a,.Cdir i {
  display: inline-block;
  padding: 0 3px 0 0
}

.Cdir i {
  font-style: normal;
  font-family: \5B8B\4F53
}

.inner-bg {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  z-index: 8;
  transition-property: height;
  transition-duration: .5s
}

.inner-bg .slogin {
  height: 220px;
  padding-top: 80px
}

.in-warp {
  position: relative;
  width: 100%
}

.in-warp .tm_left {
  width: 322px;
  z-index: 9
}

.in-warp .tm_left.fixed {
  position: fixed;
  top: 85px
}

.in-warp .tm_left.indiscount.fixed {
  position: fixed;
  top: 20px
}

.in-warp .tm_left.absiexd {
  position: absolute;
  z-index: 10
}

.TM_mbox .tm_left .item {
  color: #333;
  background-color: white;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.TM_mbox .tm_left .btitle {
  color: #444;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0;
  text-indent: 14px;
  font-size: 16px
}

.TM_mbox .tm_left .slider_box {
  padding: 12px 25px;
  padding-bottom: 0
}

.TM_top {
  margin-left: auto;
  margin-right: auto;
  min-width: 980px;
  background-color: #eee
}

.TM_top .wrap {
  max-width: 1440px;
  min-width: 980px;
  margin-left: auto;
  margin-right: auto;
  background-position: center top;
  background-repeat: no-repeat
}

.TM_top .lmask,.TM_top .rmask {
  display: none;
  width: 100px;
  height: 300px;
  background-image: url(../../images/bg_banner_mask.png);
  background-repeat: repeat-y;
  float: left
}

@media screen and (min-width: 1440px) {
  .TM_top .lmask,.TM_top .rmask {
      display:block
  }
}

.TM_top .fqa-top {
  height: 270px
}

.TM_top .fqa-tit {
  display: inline-block;
  margin: 115px 0 0 10px;
  width: 357px;
  height: 35px;
  background: url("../../images/fqa/fqa-tit01.png") no-repeat center center;
  background-size: cover
}

.TM_top .rmask {
  float: right;
  background-position: -100px 0
}

.TM_top .inner {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 300px
}

.TM_top .txt {
  position: absolute;
  right: 0;
  top: 110px;
  color: white;
  font-size: 18px;
  text-align: right;
  text-decoration: none;
  text-shadow: 0 1px 3px black;
  -webkit-text-shadow: 0 1px 3px black;
  -moz-text-shadow: 0 1px 3px black;
  -ms-text-shadow: 0 1px 3px black
}

.TM_top .txt b {
  line-height: 40px;
  font-size: 26px;
  font-weight: normal;
  display: block
}

.class-search {
  padding: 0 10px 10px
}

.class-search .sele-items {
  margin-top: 10px
}

.class-search .sele-items dt {
  line-height: 22px;
  height: 22px;
  background: #d2d2d2;
  padding-left: 25px;
  cursor: pointer
}

.class-search .sele-items dt i {
  background: url(../../images/bg_icon3.png) no-repeat -43px -422px;
  width: 10px;
  height: 10px;
  float: left;
  margin-left: -20px;
  margin-top: 6px
}

.class-search .sele-items.curr dt i {
  background-position: -2px -421px
}

.class-search .sele-items dd {
  margin-top: 12px;
  height: 15px;
  overflow: hidden;
  line-height: 14px;
  padding: 0 10px 0 4px;
  display: none
}

.class-search .sele-items dd span {
  float: right
}

.class-search .sele-items dd a {
  color: #333;
  background: url(../../images/bg_icon3.png) no-repeat left -392px;
  padding-left: 18px;
  height: 15px;
  display: block;
  line-height: 15px
}

.class-search .sele-items dd a.cur {
  background-position: left -407px
}

.class-search .sele-items.noselect dd a {
  color: #333;
  background: 0;
  padding-left: 0;
  height: 15px;
  display: block;
  line-height: 15px
}

.class-search .sele-items.noselect dd a.cur {
  background: 0
}

.class-search .sele-items.curr dd {
  display: block
}

#posi-fix.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 222px
}

.Cflowwidget {
  padding: 12px 0 12px 12px
}

.Cflowwidget .item {
  display: block;
  height: 40px;
  margin-top: 4px;
  line-height: 36px;
  position: relative;
  font-size: 14px;
  color: #959595!important;
  font-weight: bold;
  padding-left: 54px
}

.Cflowwidget .item:hover {
  color: #cfa972
}

.Cflowwidget .icon {
  top: 0;
  left: 0;
  width: 40px;
  height: 36px;
  position: absolute;
  background-image: url(../../images/bg_icon3.png);
  background-repeat: no-repeat
}

.Cflowwidget .icon.wx {
  background-position: 0 -250px
}

.Cflowwidget .icon.qq {
  background-position: 0 -300px
}

.Cflowwidget .icon.tel {
  background-position: 0 -350px
}

.Cflowwidget .qrcode {
  border: 1px solid #ddd;
  display: none;
  position: absolute;
  z-index: 5;
  top: -30px;
  left: 0;
  width: 166px;
  height: 166px;
  margin-left: 210px
}

.in-warp .tm_right {
  width: 858px
}

.search-result-hd {
  height: 30px;
  position: relative;
  z-index: 2
}

.search-result-hd .sele-hd {
  height: 30px
}

.search-result-hd .sele-hd ul {
  float: right;
  position: relative;
  height: 30px;
  margin-left: 10px
}

.sele-hd li {
  width: 101px;
  height: 28px;
  float: left;
  text-align: center;
  border: 1px #dcdcdc solid;
  line-height: 28px;
  background: #fff;
  border-left: none;
  color: #434343;
  position: relative;
  font-size: 14px;
  cursor: pointer
}

.sele-hd li.border-left {
  border-left: 1px solid #dcdcdc
}

.sele-hd li span {
  font-size: 14px
}

.sele-hd li.with-checkbox b {
  margin-top: 6px;
  margin-right: 6px;
  margin-left: 12px;
  height: 14px;
  width: 14px;
  border: 1px solid #888;
  float: left;
  position: relative
}

.sele-hd li.with-checkbox b s {
  display: none;
  border-right: 2px solid #ff8000;
  border-bottom: 2px solid #ff8000;
  position: absolute;
  top: 0;
  left: 3px;
  background-color: transparent;
  color: #fff;
  width: 5px;
  height: 9px;
  transform: rotate(45deg)
}

.sele-hd li.with-checkbox.active b {
  border: 1px solid #ff8000
}

.sele-hd li.with-checkbox.active b s {
  display: block
}

.sele-hd li.with-checkbox span {
  float: left
}

.sele-hd li.default {
  background-image: url(../../css/images/filter-default.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.sele-hd li.ascend {
  color: #fff;
  background-color: #ff8000;
  border: 1px solid #ff8000;
  background-image: url(../../css/images/filter-ascend.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.sele-hd li.descend {
  color: #fff;
  background-color: #ff8000;
  border: 1px solid #ff8000;
  background-image: url(../../css/images/filter-descend.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.sele-hd li.without-icon.active {
  color: #fff;
  background-color: #ff8000;
  border: 1px solid #ff8000
}

.search-result-hd .sele-hd li.first {
  width: 55px;
  background: #000;
  color: #fff;
  border: 1px #000 solid
}

.search-result-hd .sele-hd li.number {
  width: 85px
}

.search-result-hd .sele-hd li a {
  display: block;
  line-height: 22px;
  vertical-align: middle;
  color: #434343
}

.search-result-hd .sele-hd li i {
  background-image: url(../../images/bg_icon3.png);
  background-repeat: no-repeat;
  display: inline-block
}

.search-result-hd .sele-hd .price {
  width: 150px
}

.search-result-hd .sele-hd li .list {
  border: 1px #dcdcdc solid;
  border-top: 0;
  background: #fff;
  position: absolute;
  width: 100%;
  top: 24px;
  display: none
}

.search-result-hd .sele-hd li .list span {
  height: 24px;
  line-height: 24px;
  padding-left: 10px;
  cursor: pointer;
  display: block;
  text-align: left
}

.search-result-hd .sele-hd li .list span.cur,.search-result-hd .sele-hd li .list span:hover {
  background: #000;
  color: #fff
}

.search-result-hd .sele-hd .price i,.search-result-hd .sele-hd .number i {
  width: 10px;
  height: 10px;
  background-position: -2px -421px;
  margin-left: 4px
}

.search-result-hd .sele-hd .price.cur i,.search-result-hd .sele-hd .number.cur i {
  background-position: -17px -421px
}

.search-result-hd .sele-hd .list a,.search-result-hd .sele-hd .map a {
  background-image: url(../../images/bg_icon3.png);
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 30px
}

.search-result-hd .sele-hd .list a {
  background-position: 11px -439px
}

.search-result-hd .sele-hd .map a {
  background-position: 10px -460px
}

.search-result-hd .re-text {
  color: #545454
}

.search-result-hd .re-text em {
  font-size: 14px;
  font-style: normal
}

.search-result-hd .re-text em,.search-result-hd .re-text b {
  color: #ff8000;
  font-weight: 100
}

.search-result-cm {
  width: 858px;
  min-height: 1090px;
  margin-top: 60px
}

.search-result-cm .items-list {
  margin-top: 12px
}

.search-result-cm .items-list li {
  height: 300px;
  background: #fff;
  padding-left: 490px;
  margin-bottom: 15px;
  position: relative;
  border: 1px solid #eee
}
.search-result-cm .tag {
  color: #444;
  padding: 5px;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  z-index: 0;
  right: 28px;
  top: 16px
}

.tm_right .search-margin-top {
  margin-top: 20px
}

.new-label {
  position: absolute;
  top: 100px;
  right: -5px
}

.search-result-cm .tag img {
  margin: 0 3px -2px 0;
  height: 15px
}

.search-result-cm .been_tip {
  background-color: #eee;
  font-size: 12px;
  color: #666;
  text-align: center;
  display: none;
  width: 30px
}

.search-result-cm .t_r {
  margin-right: 60px;
  display: inline-block;
  /* width: 48px; */
  z-index: 2
}

.search-result-cm .comment_tip {
  background-color: #eee;
  font-size: 12px;
  color: #666;
  text-align: center;
  display: none;
  width: 30px
}

.search-result-cm .t_l {
  margin-right: 13px;
  display: inline-block;
  width: 40px;
  z-index: 2
}

.search-result-cm .items-list .pic {
  width: 490px;
  float: left;
  margin-left: -490px
}

.search-result-cm .items-list .pic img {
  width: 490px;
  height: 300px
}

.search-result-cm .msg-text {
  border-left: none;
  height: 290px;
  padding: 12px 7px 0;
  position: relative
}

.search-result-cm .msg-text .tit {
  font-size: 16px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 30px;
  height: 30px;
  margin-bottom: 12px;
  overflow: hidden
}

.search-result-cm .msg-text .tit a {
  color: #444;
  font-size: 18px;
  padding-left: 36px;
  display: block;
  height: 30px;
  text-overflow: ellipsis;
  position: relative;
  white-space: nowrap;
  width: 180px;
  overflow: hidden
}

.search-result-cm .add-type {
  overflow: hidden;
  line-height: 20px;
  padding: 4px 15px
}

.search-result-cm .add-type .ms span {
  display: inline-block;
  width: 10px;
  text-align: center
}

.search-result-cm .add-type .map {
  padding-left: 20px;
  display: inline-block;
  background-position: left -99px;
  margin-left: 10px;
  color: #bfbfbf
}

.search-result-cm .serve-type {
  padding-bottom: 10px;
  line-height: 20px;
  margin-left: 15px;
  padding-right: 15px
}

.search-result-cm .serve-type .ms {
  color: #555
}

.search-result-cm .serve-type .ms span {
  padding: 0 5px
}

.search-result-cm .serve-type .ms a {
  margin: 0 5px;
  color: #555
}

.search-result-cm .serve-type .ms a:first-child {
  margin-left: 0
}

.search-result-cm .serve-type .fw {
  margin-top: 5px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 18px;
  max-height: 56px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}
.search-result-cm .inner {
  padding-top: 8px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  margin-left: 15px;
  position: absolute;
  width: 87%;
  border-top: 1px #DCDCDC solid;
  /* bottom: 26px; */
  bottom: 55px;
  display: flex;
  justify-content: space-between;
}

.search-result-cm .inner .xq-btn {
  width: 130px;
  height: 37px;
  background: #ff8000;
  color: #fff
}

.search-result-cm .inner>a,.inner #bdshare {
  font-size: 16px;
  height: 37px;
  min-width: 40px;
  line-height: 37px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  color: #777;
  float: right;
  cursor: pointer
}

.inner #bdshare i {
  font-size: 16px;
  height: 37px;
  width: 40px;
  line-height: 37px;
  text-align: center;
  position: relative;
  display: inline-block;
  color: #777;
  float: left;
  font-style: normal
}

.collection {
  background: url("../../css/images/collection_gray.png") left center no-repeat;
  /* padding-left: 23px; */
  background-size: 22px 19px;
  /* margin: 5px 4% 0; */
  font-size: 14px;
  position: absolute;
  right:7px;
  top: 20px;
  height: 19px;
  width: 30px;
  cursor: pointer;
  z-index: 2;
}
.collection.active {
  background: url("../../css/images/colletion_active.png") left center no-repeat;
  color: #ff8000
}
.cursor_pointer {
  cursor: pointer;
}
.defaulte_extend{
  display: block;
}
.search-result-cm .inner .xq-btn .icon {
  background-position: 0 -450px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 15px
}
.search-result-cm .inner .favorite {
  float: right;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background-position: -3px -353px
}

.search-result-cm .inner .favorite.curr {
  background-position: -3px -403px;
  cursor: default
}

.search-result-cm .inner .price {
  height: 28px;
  line-height: 24px;
  font-size: 14px;
  color: #444;
  width: 45%;
  position: relative
}

.search-result-cm .inner span {
  color: #ff8000
}

.search-result-cm .inner span.large-orange {
  font-size: 25px;
  margin-left: 4px
}

.search-result-cm .inner .upper-price b {
  display: inline-block;
  height: 18px;
  background-color: #ff8000;
  font-weight: normal;
  color: #fff;
  line-height: 18px;
  padding: 0 5px;
  font-size: 12px;
  margin-bottom: 3px
}

.search-result-cm .inner .upper-price span {
  display: inline-block;
  height: 18px;
  color: #666;
  line-height: 18px;
  padding-left: 10px;
  font-size: 12px;
  text-decoration: line-through;
  margin-bottom: 3px
}

.search-result-map {
  width: 100%;
  height: 100px
}

.search-result-map .items-list li {
  height: 200px;
  background: #fff;
  overflow: hidden;
  padding-left: 325px;
  position: relative
}

.search-result-map .items-list .pic {
  width: 325px;
  float: left;
  margin-left: -325px
}

.search-result-map .items-list .pic img {
  width: 325px;
  height: 200px
}

.search-result-map .msg-text {
  height: 240px;
  padding: 12px 0 0 10px;
  background: url(../../images/arr-line-bg.png) no-repeat left center;
  position: relative;
  z-index: 8
}

.search-result-map .msg-text .tit {
  font-size: 16px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 30px;
  height: 30px;
  margin-bottom: 12px;
  padding-left: 10px;
  overflow: hidden
}

.search-result-map .msg-text .tit a {
  color: #333
}

.search-result-map .add-type {
  height: 40px;
  overflow: hidden;
  line-height: 20px;
  padding: 4px 15px 4px 10px;
  background: #f4f4f4
}

.search-result-map .add-type .map {
  padding-left: 20px;
  display: inline-block;
  background-position: left -99px;
  margin-left: 10px;
  color: #bfbfbf
}

.search-result-map .serve-type {
  padding-top: 10px;
  height: 26px;
  border-bottom: 1px #ddd solid;
  line-height: 26px;
  margin-left: 10px;
  overflow: hidden
}

.search-result-map .serve-type .ms {
  color: #555
}

.search-result-map .serve-type .ms span {
  padding: 0 5px
}

.search-result-map .serve-type .ms a {
  margin: 0 5px;
  color: #555
}

.search-result-map .serve-type .ms a:first-child {
  margin-left: 0
}

.search-result-map .serve-type .fw {
  margin-top: 5px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 18px
}

.search-result-map .inner {
  height: 24px;
  padding-top: 20px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  margin-left: 10px
}

.search-result-map .inner .xq-btn {
  width: 80px;
  height: 24px;
  float: right;
  background: #ff8000;
  color: #fff;
  line-height: 24px;
  position: relative;
  text-indent: 6px
}

.search-result-map .inner .xq-btn .icon {
  background-position: 0 -450px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 3px
}

.search-result-map .inner .favorite {
  float: right;
  margin-right: 18px;
  width: 24px;
  height: 24px;
  background-position: -3px -353px
}

.search-result-map .inner .favorite.curr {
  background-position: -3px -403px;
  cursor: default
}

.search-result-map .inner .price {
  line-height: 24px;
  font-size: 16px
}

.search-result-map .inner .price small,.search-result-map .inner .price span {
  font-size: 12px;
  color: #474747
}

.search-result-map .inner .price span {
  margin-left: 15px
}

#map-warp {
  height: 160px;
  display: block;
  position: relative
}

#map-warp a>div {
  line-height: 31px;
  padding: 0 15px;
  color: #fff;
  background: rgba(255,128,0,0.8);
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  text-align: center
}

#map_canvas {
  height: 100%;
  z-index: 8;
  width: 100%
}

.data-fiexd:after {
  content: "";
  clear: both;
  display: block
}

.dt-loading {
  height: 41px;
  width: 220px;
  left: 50%;
  top: 50%;
  margin-left: -110px;
  margin-top: 100px;
  background: url(/statics/web3/images/loading.gif?v=002) center top 10px no-repeat #fff;
  position: absolute;
  z-index: 100;
  text-align: center;
  font-size: 18px;
  color: #777;
  padding-top: 68px
}

.room-data-loading {
  width: 100%;
  background: url(/statics/web3/images/loading.gif?v=002) center top 20px no-repeat #fff;
  height: 80px;
  padding-top: 72px;
  text-align: center
}

.room-data-loading.no-cookie {
  background: 0
}

.no-date {
  line-height: 80px;
  text-align: center;
  color: #ff8000;
  font-size: 18px
}

.jg-left {
  width: 850px;
  position: relative
}

.jg-right {
  width: 330px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  position: relative;
  z-index: 0
}

.jg-right .d-Icon-r {
  padding: 18px 0 0 0;
  height: 37px
}

.jg-right .d-icon {
  height: 32px;
  position: relative;
  z-index: 10
}

.jg-right .d-icon .favorite {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(../../images/hj-Icon-r.png) no-repeat;
  background-position: 0 0
}

.jg-right .d-icon .favorite.curr {
  background-position: 0 -349px
}

.bdshare {
  float: left!important
}

.bdshare {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../../images/hj-Icon-r.png) no-repeat 0 -32px!important;
  margin-left: 12px;
  position: relative
}

.bdshare div.bts_pp {
  height: 52px;
  width: 100%;
  line-height: 71px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #dcdcdc
}

.bdshare div.shadow-box {
  position: absolute;
  width: 216px;
  top: 50px;
  right: 0;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 2px 15px #818f99;
  -moz-box-shadow: 0 2px 15px #818f99;
  box-shadow: 0 2px 15px #818f99;
  display: none
}

.bdshare div.bts_pp::after {
  content: "";
  border: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  display: block;
  bottom: -1px;
  left: 55px
}

.bdshare div.bts_pp::before {
  content: "";
  border: 9px solid transparent;
  border-bottom: 9px solid #dcdcdc;
  position: absolute;
  display: block;
  bottom: 0;
  left: 55px
}

.facebook-shera {
  height: 100px;
  width: 100%;
  line-height: 100px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #dcdcdc
}

.bdshare div.shadow-box::after {
  content: "";
  border: 9px solid transparent;
  border-bottom: 9px solid #fff;
  position: absolute;
  display: block;
  top: -17px;
  right: 10px
}

.bdshare div.shadow-box::before {
  content: "";
  border: 9px solid transparent;
  border-bottom: 9px solid #dcdcdc;
  position: absolute;
  display: block;
  top: -19px;
  right: 10px
}

.js-box {
  background: #fff;
  overflow: hidden;
  clear: both;
  margin-top: 15px
}

.jg-right .js-box ul {
  overflow: hidden
}

.jg-right .js-box ul li {
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  padding: 0 20px;
  font-size: 14px;
  color: #444
}

.jg-right .js-box ul li span {
  float: right;
  font-size: 14px
}

.jg-right .js-box ul li a {
  float: right;
  font-size: 12px;
  color: #7d7d7d;
  text-decoration: underline;
  display: block;
  margin-left: 5px
}

.jg-right .js-box ul li.bg-b {
  background: #fff
}

.jg-right .js-box ul li.bg-h {
  background: #f4f4f5;
  height: 43px
}

.jg-right .js-box ul li span.icon {
  background: 0
}

.jg-right .js-box ul li span i {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 5px
}

.jg-right .js-box ul li span.icon {
  padding-top: 10px;
  display: inline
}

.jg-right .js-box ul li span i.x-icon1 {
  background-position: -5px -70px
}

.jg-right .js-box ul li span i.x-icon2 {
  background-position: -5px -101px
}

.jg-right .js-box ul li span i.x-icon3 {
  background-position: -5px -133px
}

.jg-right .js-box ul li span i.x-icon4 {
  background-position: -5px -165px
}

.jg-right .js-box ul li span i.x-icon5 {
  background-position: -5px -197px
}

.jg-right .js-box .feature-left {
  border-top: 1px solid #dcdcdc;
  margin: 12px 20px 20px;
  padding-top: 10px;
  line-height: 25px;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px
}

.feature-left .more-evaluate {
  position: absolute;
  right: 0;
  text-align: right;
  bottom: 0;
  color: #ff8000;
  font-size: 12px
}

.jg-right .js-box .pf {
  overflow: hidden;
  padding: 5px 10px
}

.jg-right .js-box .pf .fs>span:nth-child(1) {
  font-size: 30px;
  color: #444
}

.jg-right .js-box .pf .fs>span:nth-child(2) {
  font-size: 18px;
  color: #777
}

.jg-right .js-box .feature-right {
  max-height: 50px;
  overflow: hidden;
  text-align: justify
}

.jg-right .js-box .feature-right p {
  font-size: 14px
}

.js-box .feature-left .head {
  overflow: hidden;
  margin-top: 7px
}

.js-box .feature-left .head img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 5px
}

.js-box .browse-history .browse-villa a {
  color: #777
}

.js-box .browse-history .browse-villa {
  padding-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #dcdcdc
}

.js-box .browse-history .browse-villa .br-villa-img {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 100%;
  position: absolute
}

.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.js-box .browse-history .browse-villa .browse-delete {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  background: url("../../images/icon-close.png");
  background-size: 100% 100%;
  top: 30px
}

.js-box .browse-history .browse-villa .browse-delete:hover {
  background: url("../../images/icon-close-hover.png")
}

.detail-feature {
  width: 100%;
  height: 45px;
  overflow: hidden
}

.detail-icon {
  width: 25%;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-size: 36px 36px;
  background-position: center bottom
}

.detail-text {
  width: 25%;
  height: 45px;
  line-height: 45px;
  float: left!important;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.Date-box .lk,.Date-box .jg,.Date-box .qz {
  font-size: 13px;
  color: #333;
  line-height: 24px;
  margin-top: 6px;
  display: block
}

.dateinput {
  overflow: hidden;
  position: relative;
  z-index: 1
}

.dateinput input.start {
  width: 188px;
  height: 26px;
  background: #fff;
  border: 0;
  float: left;
  padding: 0 5px;
  display: block
}

.dateinput img {
  float: left;
  padding: 5px;
  background: #000;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer
}

.jg-right .room-c {
  position: relative;
  width: 224px;
  z-index: 1
}

.jg-right .room-c span {
  width: 188px;
  height: 26px;
  background: #fff;
  color: #808080;
  float: left;
  padding: 0 5px;
  display: block;
  margin-top: 0;
  line-height: 26px;
  overflow: hidden
}

.jg-right .room-c div {
  width: 26px;
  height: 26px;
  background: #000;
  float: left;
  position: absolute;
  top: 0;
  right: 0
}

.jg-right .room-c div b {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  left: 8px;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5
}

.jg-right .room-c-list {
  position: absolute;
  min-width: 197px;
  background: #fff;
  border: 1px #ddd solid;
  top: 25px;
  border-top: 0;
  display: none;
  word-break: break-all;
  z-index: 10
}

.jg-right .room-c-list li {
  line-height: 24px;
  padding-left: 5px;
  overflow: hidden;
  height: 24px
}

.jg-right .room-c-list li:hover {
  background: #000;
  color: #fff;
  cursor: pointer
}

.data-fiexd {
  width: 280px;
  position: relative
}

.data-fiexd.fiexd {
  position: fixed;
  top: 90px;
  z-index: 2
}

.data-fiexd.absiexd {
  position: absolute;
  z-index: 10
}

.data-fiexd .book_ico {
  position: absolute;
  right: -3px;
  top: -3px
}

.data-fiexd.fiexd .book_ico {
  top: 9px
}

.room_list {
  background: #fff;
  padding: 20px
}

.room_list .ui-datepicker-trigger,.Date-box .ui-datepicker-trigger {
  position: absolute;
  height: 40px;
  top: 0;
  width: 100%
}

.room_list .detail-search {
  font-size: 16px;
  width: 120px;
  text-align: center;
  background: #ff8000;
  padding: 0 15px;
  color: #fff;
  height: 37px;
  cursor: pointer;
  line-height: 37px
}

.room_list .room-tip {
  font-size: 13px;
  color: #ff8000;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc
}

.room_list .date-box {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding: 0 15px
}

.room_list .date-box>div {
  width: 150px
}

.room_list .date-box .room-type {
  width: 100px;
  text-align: center;
}

.room_list .date-box .checkin-time {
  width: 75px
}

.room_list .date-box .remarks {
  width: 150px;
  display: block;
  white-space: nowrap;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  min-height: 25px;
  text-align: center;
}
.remarks_memo{
  position: relative;
}

.thisHotelNameInstruction {
  position: absolute;
  left: 45px;
  top: 45px;
  background: white;
  padding: 10px;
  border: 1px solid #FF8000;
  max-width: 200px;
  z-index: 100;
  display: none;
}
.thisHotelNameInstructionWarp{
  position: relative;
}
.remarks_memo_text{
  line-height: 38px;
}
.hotelListiceDetailWrapjiantou {
  position: absolute;
  width: 10px;
  height: 10px;
  border-left: 1px solid #ff8000;
  border-top: 1px solid #ff8000;
  background: white;
  z-index: 2;
  left: 10px;
  transform: rotate(45deg);
  top: -16px;
}
.remarks_memo:hover .thisHotelNameInstruction {
  display: block;
}
.date-box .remarks_memo{
  overflow: visible;
}
.room_list .date-box .total-price {
  width: 157px;
  position: relative
}

.room_list .line-h62 .price {
  line-height: 1.2;
  margin-top: 20px;
  position: relative
}

.room_list .line-h62 {
  line-height: 57px;
  background: #f4f4f5
}

.room_list .line-h62 {
  font-size: 14px;
  color: #444
}

.room_list .line-h62.withinfo {
  background-image: url(/statics/web3/images/info.png);
  background-position: 180px center;
  background-size: auto 30%;
  background-repeat: no-repeat
}

.room_list input {
  height: 25px;
  line-height: 25px;
  width: 49%;
  font-size: 16px;
  padding-left: 38px
}

.room_list .font-icon {
  position: absolute;
  margin-top: 4px;
  margin-left: 8px;
  color: #ff8000;
  font-size: 20px
}

.room_list .line-h62 .line-bm {
  padding: 2px;
  border-bottom: 1px dashed #ff8000;
  cursor: pointer;
  color: #ff8000;
  font-size: 14px;
  position: relative
}

.room_list .line-h62 .bd-o {
  padding: 1px;
  border: 1px solid #ff8000;
  color: #ff8000;
  max-width: 81px;
  height: 13px
}

.room_list .line-h62 .tobook {
  width: 100px;
  line-height: 37px;
  text-align: center;
  background: #ff8000;
  color: #fff;
  position: relative;
  top: 9px;
  float: right;
  cursor: pointer;
  height: 37px
}

.room_list .line-h62 .notTobook {
  width: 100px;
  line-height: 37px;
  text-align: center;
  background: #afafaf;
  color: #fff;
  position: relative;
  top: 9px;
  float: right;
  cursor: pointer;
  height: 37px
}

.room_list .line-h62 div {
  font-size: 14px
}

.room_list .line-h62 .no-book {
  width: 148px;
  text-align: center;
  color: #ff8000
}

.room_list .date-box::after,.room_list .date-box::before {
  content: "";
  display: table;
  clear: both;
  zoom:1}

.room_list .line-h62 .time-list div {
  width: 100px;
  margin: 3px 0;
  text-align: center
}

.room_list .line-h62 .time-box::after {
  content: "";
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
  display: block;
  bottom: 3.2px;
  left: 130px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 10
}

.room_list .line-h62 .time-box::before {
  content: "";
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid #dcdcdc;
  position: absolute;
  display: block;
  bottom: 2px;
  left: 130px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 10
}

.room_list .line-h62 .time-box {
  min-width: 550px;
  position: absolute;
  bottom: 0;
  bottom: 25px;
  left: -60px;
  display: none;
  text-align: left;
  z-index: 3
}

.room_list .line-h62 .time-list {
  min-width: 75px;
  max-width: 510px;
  background: #fff;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  display: inline-block;
  padding: 15px 8px
}

.line-bm:hover+.time-box {
  display: inline-block
}

.room_list .rz-box span {
  font-size: 16px;
  margin-left: 25px;
  color: #777
}

.room_list .rz-box {
  position: relative;
  width: 33.5%;
  border: 1px solid #dcdcdc;
  padding: 5px 15px;
  padding-left: 15px
}

.room_list .line-h62 .price-box .fgx {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  clear: both;
  margin: 10px 0;
  display: block;
  padding: 2px
}

.room_list .line-h62 .price-box div {
  line-height: 1.5;
  color: #777;
  width: 48%;
  margin: 1%;
  text-align: left
}

.room_list .line-h62 .price-box div:nth-child(2n) {
  line-height: 1.5;
  font-size: 14px;
  color: #444;
  text-align: right
}

.room_list .line-h62 .price-box::after {
  content: "";
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid #fff;
  position: absolute;
  display: block;
  bottom: -1px;
  left: 55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.room_list .line-h62 .price-box::before {
  content: "";
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid #dcdcdc;
  position: absolute;
  display: block;
  bottom: -2.1px;
  left: 55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.room_list .line-h62 .price-box {
  width: 300px;
  background: #fff;
  text-align: right;
  padding: 5px 15px;
  display: none;
  border: 1px solid #dcdcdc;
  padding: 10px 12px;
  bottom: 50px;
  position: absolute;
  z-index: 10
}

.line-bm:hover+.price-box {
  display: block
}

.jg-right .price {
  color: #333;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.jg-right .price .line {
  width: 45px;
  height: 0;
  margin-top: 10px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid white
}

.jg-right .price span {
  line-height: 22px;
  font-size: 14px
}

.Cbtn_small_yellow {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 3px;
  height: 26px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  background-color: #ff8000;
  color: white;
  border: 0
}

.Cbtn_small_yellow.style2 {
  padding-left: 41px;
  padding-right: 20px;
  cursor: pointer
}

.Cbtn_small_yellow.style21 {
  padding-left: 41px;
  padding-right: 20px;
  margin-top: 10px;
  cursor: pointer
}

.Cbtn_small_yellow .icon2 {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 15px;
  background: url(../../images/bg_icon2.png) 0 -200px no-repeat
}

.Cbtn_small_yellow .icon3 {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 15px;
  background: url(../../images/bg_icon2.png) 0 bottom no-repeat
}

.jg-right .detail-lxfs {
  color: #444;
  background-color: white;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.jg-right .detail-lxfs .Cflowwidget {
  margin: -6px 0 -10px 0
}

.de-icon {
  background-image: url("../../images/bg_icon5.png");
  background-repeat: no-repeat
}

.jg-left .dtitle {
  height: 28px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  overflow: hidden;
  margin-top: 15px;
  background-repeat: no-repeat;
  font-size: 20px;
  color: #cfa972
}

.jg-left .dtitle i {
  color: #cfa972
}

#fixed-menu {
  height: 80px;
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 102;
  display: none;
  box-shadow: 5px 5px 5px #ddd
}

#fixed-menu .detail-type {
  padding-top: 7px
}

#fixed-menu .d-Icon-r {
  padding-top: 20px
}

.de-info {
  height: 58px;
  width: 100%;
  position: relative
}

.de-info .price {
  cursor: pointer;
  border-bottom: 1px dashed #ff8000;
  height: 38px;
  display: inline-block;
  line-height: 38px;
  font-size: 18px;
  color: #444;
  text-align: right
}

.de-info .price i {
  background: url(../../images/questionmark.png) 0 no-repeat;
  float: right;
  width: 16px;
  height: 16px;
  margin-top: 15px;
  margin-left: 5px;
  cursor: pointer
}

.de-info .del_price {
  display: inline-block;
  line-height: 38px;
  text-align: left;
  margin-right: 15px
}

.de-info .price b {
  font-size: 30px;
  color: #444
}

.de-info .tit {
  font-family: Arial;
  font-size: 20px;
  line-height: 34px;
  color: #444
}

.de-info .add,.jg-left .add {
  line-height: 24px
}

.de-info .add span,.jg-left .add span {
  margin-right: 20px;
  font-size: 12px;
  color: #999
}

.de-info .add a,.jg-left .add a {
  color: #ff8000
}

.de-info .add i,.jg-left .add i {
  width: 9px;
  height: 20px;
  background-position: 0 -665px;
  float: left;
  margin-right: 5px
}

.de-info .del_price span {
  width: 100px;
  display: inline-block;
  text-align: right
}

.info-cont {
  background-color: #fff;
  padding: 20px
}

.info-cont .more {
  color: #cfa972;
  line-height: 24px
}

.info-cont .info-text {
  height: 113px;
  line-height: 22px;
  overflow: hidden
}

.info-cont .info-text p {
  margin-top: 7px
}

.info-cont .info-text ul p {
  margin: 0
}

.info-cont .info-text i {
  font-style: italic
}

.info-cont .info-text ul {
  padding-left: 40px;
  list-style: outside
}

.info-cont .info-text ul.list-paddingleft-2 ul.list-paddingleft-2 li p {
  width: 94%!important
}

.detail-type {
  height: 40px;
  width: 850px
}

.detail-type.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  margin-top: 0
}

.detail-type .items {
  width: 850px
}

.detail-type li {
  float: left;
  width: 155px;
  margin-right: 18.75px;
  height: 37px;
  line-height: 38px
}

.detail-type li:last-child {
  margin-right: 0
}

.detail-type li a {
  display: block;
  height: 38px;
  background: #fff;
  border: 1px solid #dcdcdc;
  color: #000;
  font-size: 16px;
  text-align: center
}

.detail-type li a.plr13 {
  padding: 0 13px
}

.detail-type li a:hover,.detail-type li.cur a {
  background: #cfa972;
  color: #fff
}

@font-face {
  font-family: 'fontello';
  src: url('/statics/web3/font/fontello.eot?91413613');
  src: url('/statics/web3/font/fontello.eot?91413613#iefix') format('embedded-opentype'),url('/statics/web3/font/fontello.woff?91413613') format('woff'),url('/statics/web3/font/fontello.ttf?91413613') format('truetype'),url('/statics/web3/font/fontello.svg?91413613#fontello') format('svg');
  font-weight: normal;
  font-style: normal
}

.ic {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  color: #9e9e9e
}

.detail-type li a .bsyl {
  background-position: left -16px
}

.detail-type li a:hover .bsyl,.detail-type li.cur a .bsyl {
  background-position: -25px -16px;
  color: #fff
}

.detail-type li a .ssfw {
  background-position: left -41px
}

.detail-type li a:hover .ssfw,.detail-type li.cur a .ssfw {
  background-position: -25px -41px;
  color: #fff
}

.detail-type li a .jgtk {
  background-position: left -65px
}

.detail-type li a:hover .jgtk,.detail-type li.cur a .jgtk {
  background-position: -25px -65px;
  color: #fff
}

.detail-type li a .bswz {
  background-position: left -89px
}

.detail-type li a:hover .bswz,.detail-type li.cur a .bswz {
  background-position: -25px -89px;
  color: #fff
}

.detail-type li a .bspj {
  background-position: left -136px
}

.detail-type li a:hover .bspj,.detail-type li.cur a .bspj {
  background-position: -25px -136px;
  color: #fff
}

.detail-type li a .fwlc {
  background-position: left -112px
}

.detail-type li a:hover .fwlc,.detail-type li.cur a .fwlc {
  background-position: -25px -112px;
  color: #fff
}

.Cslides {
  position: relative
}

.DT_banner .dt_slides {
  height: 478px;
  overflow: hidden;
  zoom:1;width: 100%
}

.Cslides .tab_body {
  width: 99999px
}

.Cslides .tab_body li {
  float: left;
  display: inline
}

.Cslides .tab_body li.detail_video {
  height: 478px;
  width: 850px;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center
}

.Cslides .tab_body li.detail_video>video {
  height: auto;
  width: 100%
}

.Cslides .tab_body li a {
  position: relative;
  display: block
  /* display: flex;
  align-items: center;
  height: 478px;
  justify-content: center; */
}

.DT_banner .dt_slides img {
  width: 850px;
  margin-top: -10px
}

.Cslides.dt_slides .prev,.Cslides.dt_slides .next {
  background-repeat: no-repeat;
  width: 51px;
  height: 51px;
  background-image: url(../../images/bg_tabcon_arrow.png);
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -30px
}

.Cslides.dt_slides .prev {
  left: 10px;
  background-position: 0 -100px;
}

.Cslides.dt_slides .next {
  right: 10px;
  background-position: -100px -100px;
}

.Cslides.dt_slides .prev:hover {
  background-position: 0 0
}

.Cslides.dt_slides .next:hover {
  background-position: -100px 0
}

.Cslides .tabLabel {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  line-height: 24px;
  font-family: \5FAE\8F6F\96C5\9ED1;
  padding-left: 10px
}

.Cslides.dt_slides .tabLabel {
  left: auto;
  right: 10px
}

.Cslides .tabLabel a,.Cslides .tabLabel a i {
  font-size: 12px;
  color: white;
  text-decoration: none;
  font-style: normal
}

.Cslides .tabCon {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 24px;
  background-color: rgba(0,0,0,0.5);
  text-align: right
}

.Cslides.dt_slides .tabCon {
  text-align: center
}

.Cslides.dt_slides .tabCon li {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-top: 6px;
  margin-right: 5px;
  background: transparent url(../../images/bg_icon1.png) 0 -550px no-repeat
}

.Cslides.dt_slides .tabCon li.active {
  background-position: -25px -550px
}

.DT_banner .panorama {
  width: 2.8rem;
  background-image: url(../../images/panorama.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.01);
  background-size: 2rem;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 3;
  padding-top: 2rem;
  text-align: center;
  color: #fff
}

.DT_banner .panorama span {
  color: #fff
}

.jg-left .ssfw-tit i {
  background-position: 0 -165px;
  color: #cfa972
}

.de-ssfw {
  background: #fff;
  margin-top: 15px;
  padding: 20px
}

.de-ssfw .itmes li {
  overflow: hidden;
  padding: 8px 0 8px 204px;
  line-height: 20px;
  font-size: 14px
}

.de-ssfw .itmes li:nth-child(odd) {
  background: #f4f4f5
}

.de-ssfw .itmes li label {
  width: 168px;
  margin-left: -204px;
  text-align: right;
  float: left
}

.de-ssfw .itmes .ssfw-table {
  width: 550px
}

.de-ssfw .itmes .ssfw-table td {
  font-size: 14px
}

.de-ssfw .itmes .ssfw-table td span {
  border-bottom: red 1.5px dashed;
  font-size: 14px
}

.tip_box {
  max-width: 250px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 555;
  display: none
}

.tip_box font {
  position: relative;
  display: inline-block;
  padding: 10px;
  color: #959595;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #dedfe1;
  border-radius: 2px;
  text-align: left;
  font-style: normal
}

.tip_box em {
  position: absolute;
  top: -11px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 11px
}

.jg-left .jgtk-tit {
  background-position: 0 -195px
}

.price-tk {
  background: #fff;
  margin-top: 15px;
  padding: 20px
}

.query-price {
  height: 26px;
  position: relative;
  line-height: 26px;
  margin-bottom: 8px;
}

.query-price b,.query-price strong {
  font-size: 14px
}

.query-price strong {
  font-weight: normal
}

.query-price .room-c {
  position: relative;
  width: calc(100% - 100px);
  margin: 0 0 0 4px;
  height: 26px
}

.query-price .room-c span {
  width: 98%;
  height: 24px;
  border: 1px solid #dcdcdc;
  border-right: 0;
  color: #000;
  float: left;
  padding: 0 0 0 4px;
  display: block;
  margin-top: 0;
  line-height: 24px;
  overflow: hidden
}

.query-price .room-c div {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #dcdcdc;
  float: left;
  position: absolute;
  top: 0;
  right: 0
}
.query-price .room-c div b {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  left: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000
}
.query-price .room-c-list {
  position: absolute;
  width:100%;
  min-width: 197px;
  background: #fff;
  border: 1px #ddd solid;
  top: 25px;
  border-top: 0;
  display: none;
  word-break: break-all;
  white-space: nowrap;
  max-height: 500px;
  overflow-y: auto;
}

.query-price .room-c-list li {
  border-top: 1px solid #dcdcdc;
  white-space: initial;
  padding:2px 5px;
}

.query-price .room-c-list li:hover {
  background: #000;
  color: #fff;
  cursor: pointer
}

.price-tk .price-tabcont {
  display: none
}

.price-tk .price-tab {
  width: 100%
}

.price-tk .price-tab tr td {
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  padding-left: 20px
}

.price-tk .price-tab thead td {
  color: #444
}

.price-tk .price-tab tbody tr {
  display: none
}

.price-tk .price-tab tbody td {
  background: #fff;
  color: #444
}

.price-tk .price-tab tbody tr:first-child {
  display: table-row
}

.price-tk .price-tab thead tr:first-child td {
  background: #cfa972;
  color: #fff;
}
.price-tk .price-tab tbody tr:nth-child(even) td{
  background: #fafafa;
  color: #444;
}

.price-tk .bz-cont {
  font-size: 14px;
  color: #444;
  line-height: 56px;
  height: 56px;
  padding-left: 20px
}

.price-tk .bz-cont a {
  font-size: 14px;
  color: #cfa972;
  float: right
}

.price-tk .fy-tab {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px
}

.price-tk .fy-tab td {
  color: #444;
  font-size: 14px;
  line-height: 38px;
  background: #f4f4f5;
  padding-left: 20px
}

.price-tk .fy-tab .even td {
  background: #fff
}

.price-tk .fy-tab .price {
  font-size: 14px
}

.price-tk .fy-tab .price b {
  font-weight: normal;
  font-size: 14px
}

.price-tk .tk-cont {
  font-size: 14px;
  color: #444;
  line-height: 24px
}

.price-tk .tk-cont span {
  font-weight: bold
}

.jg-left .bswz-tit {
  background-position: 0 -225px
}

.detail-map {
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  background-color: #fff
}

.detail-map .text {
  padding: 10px 18px;
  font-size: 14px;
  line-height: 24px;
  color: #444;
  border-bottom: 1px #ddd solid;
  position: relative
}

.detail-map .map-add {
  margin-right: -20px
}

.detail-map .map-add li {
  width: 230px;
  height: 36px;
  line-height: 18px;
  float: left;
  margin: 12px 20px 0 0;
  border: 1px #d3d3d3 solid;
  background: #fff;
  padding: 10px
}

.detail-map .map-add p {
  color: #444
}

.detail-map .map-add .tit {
  height: 18px;
  overflow: hidden;
  font-weight: bold
}

.detail-map .map-add .tit span {
  float: right;
  font-weight: normal
}

.jg-left .bspj-tit {
  background-position: 0 -255px
}

.detail-app {
  background: #fff;
  padding: 20px
}

.detail-app ul li {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px;
  margin-top: 20px;
  font-size: 14px;
  position: relative
}

.detail-app ul li .com-top .rx-icon {
  max-width: 60px;
  max-height: 60px;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  margin-top: 1px
}

.detail-app ul li .com-top .rx-icon .avatar {
  width: 3.5rem;
  border-radius: 100%;
  height: 3.5rem
}

.fl {
  float: left
}

.fr {
  float: right
}

.detail-app .star-box,.detail-app .star-box li {
  border: 0;
  padding: 0;
  font-size: 14px;
  color: #444
}

.dyq {
  z-index: 10;
  width: 40%;
  text-align: right;
  float: right;
  position: relative;
  bottom: 15px;
  cursor: pointer
}

.star-default {
  width: 149px;
  background: url(../../css/images/five-star-default.png) left top no-repeat;
  height: 20px;
  margin-left: 10px;
  background-size: contain
}

.star-orange {
  width: 100%;
  background: url(../../css/images/five-star-orange.png) left top no-repeat;
  height: 20px;
  background-size: cover
}

.q-tips {
  border-radius: 100%;
  border: 1.5px solid orange;
  display: inline-block;
  font-size: 12px;
  width: 13px;
  height: 13px;
  text-align: center;
  color: orange;
  cursor: pointer
}

.pop-tips {
  position: absolute;
  background: #fff;
  border: 1px solid #efefef;
  padding: 5px;
  border-radius: 4px;
  margin-top: -50px;
  right: 0;
  opacity: 0
}

.pj-star {
  width: 30%;
  margin: 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pop-tips::before {
  content: "";
  border-left: 9px solid transparent;
  border-right: 1px solid transparent;
  border-top: 11px solid #fff;
  position: absolute;
  bottom: -10px;
  right: 12px
}

.q-tips:hover+.pop-tips {
  opacity: 1
}

.detail-app .score {
  color: orange;
  margin: 0 2px 0 5px
}

.detail-app .star {
  margin-left: 5px;
  background: url(../../css/images/star.png) left bottom no-repeat #eee;
  background-size: 100% 100%;
  height: 16px;
  width: 16px;
  cursor: pointer
}

.detail-app .star-active {
  background-color: #ff8000
}

.detail-app ul li .com-top .rx-icon img {
  width: 20px;
  height: 18px
}

.detail-app ul li .com-top {
  overflow: hidden
}

.detail-app ul li .com-top span,.detail-app ul li .com-top a {
  line-height: 20px;
  font-size: 14px
}

.detail-app ul li .com-top .hes {
  color: #444;
  margin-left: 75px;
  margin-top: 7px;
  display: block
}

.detail-app ul li .com-top .hus {
  color: #999;
  margin-left: 75px;
  margin-top: 7px;
  display: block;
  font-size: 12px
}

.detail-app ul li .com-top .Reply {
  color: #a0a0a0;
  margin-left: 30px
}

.detail-app ul li .yhlf-bg {
  position: relative;
  margin-left: 75px;
  margin-right: 30px;
  text-align: justify
}

.detail-app ul li .yhrt-bg {
  position: relative
}

.detail-app ul li .yhlf-bg p,.detail-app ul li .pj-xbox p.txt {
  color: #444;
  line-height: 20px;
  font-size: 14px;
  margin-top: 10px
}

.detail-app ul li .cs-reply {
  padding-left: 75px;
  padding-right: 30px;
  padding-top: 10px
}

.detail-app ul li .cs-reply span {
  color: #b4955f
}

.detail-app ul li .pj-xbox {
  background: #f5f3f3;
  border: 1px dashed #d2d2d2;
  padding: 5px 0 10px;
  margin-top: 10px
}

.detail-app ul li .pj-xbox p.txt {
  padding-left: 12px
}

.detail-app ul li .page-list {
  padding: 25px 0 5px
}

.detail-app ul li .page-list a {
  font-size: 14px;
  color: #1b1b1b;
  width: 16px;
  height: 16px;
  line-height: 16px
}

.detail-app ul li .page-list a:first-child,.detail-app ul li .page-list a:last-child {
  font-weight: normal
}

.my-pl-border {
  position: relative
}

.my-pl-border.blur .go-login-modal {
  background-image: url(../../css/images/comm-blur.png);
  background-size: cover;
  background-position: center center
}

.my-pl-border.blur .my-pl {
  pointer-events: none
}

.my-pl {
  overflow: hidden;
  padding: 10px
}

.my-pl p {
  color: #000;
  font-size: 14px;
  height: 20px
}

.my-pl p span {
  color: #7d7d7d;
  margin-left: 15px
}

.my-pl p span a {
  color: #ff8000
}

.my-pl .textarea {
  border: 1px solid #DCDCDC;
  height: 64px;
  padding: 10px;
  width: 770px;
  position: relative;
  margin: 20px 0;
  margin-bottom: 30px
}

.wrap_occlusion {
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 27px;
  height: 27px
}

.my-pl .textarea textarea {
  border: 0;
  width: 770px;
  height: 64px
}

.my-pl .textarea .error-text {
  text-align: right;
  margin-top: 10px;
  margin-right: -10px
}

.go-login-modal {
  position: absolute;
  width: 812px;
  height: 210px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.go-login {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 37px;
  color: #fff;
  background-color: #ff8000;
  line-height: 37px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  z-index: 10
}

.fbplBtn {
  margin-top: 15px
}

.fbplBtn a {
  color: #fff;
  background: #ff8000;
  width: 110px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  display: block;
  float: right;
  font-size: 16px
}

.jg-left .fwlc-tit {
  background-position: 0 -285px
}

.jg-left .process_detail {
  padding-left: 20px
}

.jg-left .content {
  color: #333;
  line-height: 1.6em;
  padding: 20px 0 20px 10px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.jg-left .process_detail .item {
  position: relative;
  padding-left: 25px;
  border-left: 3px solid #cfa972
}

.jg-left .process_detail .de-icon {
  background-position: 9px -328px;
  width: 40px;
  height: 40px;
  color: white;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 40px;
  margin-left: -22px;
  margin-top: -10px;
  position: absolute;
  font-style: normal
}

.jg-left .process_detail .ititle {
  color: #cfa972;
  font-size: 16px
}

.jg-left .content p {
  margin: 10px 0;
  font-size: 14px
}

.like-wp {
  width: 100%;
  background: #fff;
  padding: 25px 0;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.like-cont h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px
}

.like-cont .like-items {
  position: relative;
  width: 100%;
  height: 221px
}

.like-cont .like-items .items {
  width: 1200px;
  height: 230px;
  margin: 0 auto;
  overflow: hidden
}

.det .like-items .items {
  width: 1179px
}

.like-cont .like-items .arr-btn {
  width: 50px;
  height: 50px;
  top: 62px;
  z-index: 1;
  background-image: url(../../images/bg_icon4.png);
  position: absolute;
  background-repeat: no-repeat
}

.like-cont .like-items .prev {
  left: 0;
  background-position: -50px -160px
}

.like-cont .like-items .prev:hover {
  background-position: -50px -60px
}

.like-cont .like-items .next {
  right: 0;
  background-position: -50px -210px
}

.like-cont .like-items .next:hover {
  background-position: -50px -110px
}

.like-cont .like-items .items ul {
  width: 500%;
  margin-left: -299px;
  position: relative
}

.like-cont .like-items li {
  width: 279px;
  float: left;
  margin-right: 15px;
  font-size: 14px
}

.like-cont .like-items li p {
  line-height: 21px;
  height: 21px;
  overflow: hidden;
  font-size: 16px
}

.like-cont .like-items li img {
  width: 279px;
  height: 170px;
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out
}

.like-cont .like-items li img:hover {
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  box-shadow: 0 1px 10px rgba(102,102,102,0.5)
}

.like-cont .like-items li p a {
  color: #444;
  font-size: 15px
}

.like-cont .like-items li b {
  color: #999;
  font-weight: normal;
  font-size: 12px
}

.like-cont1 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
  width: 100%;
  background: #fff;
  padding: 10px 0;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  border-top: 1px solid #dcdcdc
}

.like-cont1 img {
  width: 100%;
  height: 176px
}

.like-cont1 .tit {
  font-size: 14px
}

.fqa-main {
  padding: 20px 0 50px
}

.fqa-main .fqa-l {
  width: 220px
}

.fqa-main .fqa-r {
  width: 750px;
  margin-left: 100px
}

.fqa-main .fqa-menu li {
  border-bottom: 1px #DCDCDC solid;
  font-size: 16px;
  padding: 10px 0
}

.fqa-main .fqa-menu li a {
  color: #000
}

.fqa-main .fqa-menu li a:Hover,.fqa-main .fqa-menu li a.cur {
  color: #ff8000
}

.fqa-main .fqa-title {
  line-height: 40px;
  height: 40px;
  font-size: 20px;
  color: #7d7d7d;
  font-weight: normal
}

.fqa-main .fqtab-cont {
  display: none
}

.fqa-main .fqa-cont .fkht-ul {
  padding: 10px 0
}

.fqa-main .fqa-cont .fkht-ul li {
  line-height: 32px;
  font-size: 16px
}

.fqa-main .fqa-cont .fkht-ul a {
  color: #313131
}

.fqa-main .fqa-cont .fkht-ul a:hover {
  color: #eb6100;
  text-decoration: underline
}

.fqa-main .fqa-cont .fkht-cont {
  padding: 20px 0 0
}

.fqa-main .fqa-cont .fkht-cont h3 {
  font-size: 16px;
  color: #000;
  line-height: 40px;
  font-weight: normal
}

.fqa-main .fqa-cont .fkht-cont p {
  font-size: 14px;
  color: #434343;
  line-height: 20px
}

.majo-cont {
  padding: 15px 0 15px 20px
}

.majo-cont li {
  line-height: 18px;
  font-size: 12px;
  color: #535353;
  background: url(../../images/bg_icon3.png) no-repeat 0 -510px;
  padding-left: 40px;
  margin-top: 8px
}

.majo-cont li span {
  color: #f19149;
  font-size: 14px;
  display: block;
  font-weight: bold
}

.jg-left .ddxq-tit {
  background-position: 0 -380px
}

.de-box {
  background: #fff
}

.de-box .login-tip {
  background: #fae3c9;
  padding: 10px 18px;
  font-size: 14px;
  color: #666;
  overflow: hidden
}

.de-box .login-tip a {
  text-underline: none;
  color: #ff8000
}

.de-box .login-tip span {
  font-size: 14px;
  color: #666;
  display: inline-block;
  float: left;
  margin-left: 15px;
  margin-top: 2px
}

.de-ddxq {
  padding: 20px
}

.de-ddxq .bs-con dt {
  float: left;
  width: 256px;
  overflow: hidden
}

.de-ddxq .bs-con dd {
  float: left;
  padding: 0 0 0 20px;
  width: 470px
}

.de-ddxq .bs-con .tit {
  font-size: 24px;
  line-height: 24px;
  color: #444
}

.de-ddxq .rz-xix {
  margin-top: 15px
}

.de-ddxq .rz-xix li {
  line-height: 22px;
  font-size: 14px;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.de-ddxq .rz-xix li span {
  font-weight: bold
}

.de-ddxq .tit-h2,.de-zf .tit-h2 {
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  padding-left: 20px;
  background: #f4f4f5;
  font-weight: normal;
  margin-top: 15px;
  color: #444;
  position: relative
}

.tit-h2 .h_introduce {
  background: #ff8000;
  line-height: 15px;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  padding: 4px 21px;
  margin-left: 20px
}

.tit-h2 .introduce {
  background: #ff8000;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  padding: 4px 21px;
  margin-left: 20px;
  right: 0;
  text-decoration: none;
  position: static;
  display: inline
}

.flight-booking {
  line-height: 24px
}

.flight-booking i {
  float: left;
  font-size: 14px;
  font-style: normal;
  margin-left: 10px
}

.flight-booking b {
  cursor: pointer;
  float: left;
  height: 16px;
  width: 16px;
  border: 1px solid #666;
  position: relative
}

.flight-booking.active b {
  border: 1px solid #ff8000
}

.de-ddxq .cur span {
  position: absolute;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
  height: 8px;
  width: 12px;
  border-left: 2px solid #ff8000;
  border-bottom: 2px solid #ff8000;
  margin-left: 0!important
}

.flight-booking b span {
  position: absolute;
  top: 2px;
  left: 2px;
  transform: rotate(-45deg);
  height: 8px;
  width: 12px;
  border-left: 2px solid #ff8000;
  border-bottom: 2px solid #ff8000;
  display: none
}

.flight-booking.active b span {
  display: block
}

.flight-detail {
  background-color: rgba(255,128,0,0.2);
  color: #ff8000;
  margin-top: 15px;
  padding: 10px 20px
}

.tit-h2 span {
  display: inline-block;
  height: 36px;
  position: absolute;
  top: 0;
  right: 20px;
  text-decoration: underline;
  color: #ff8000;
  cursor: pointer;
  padding-left: 20px;
  background-size: auto 50%;
  background-position: left center;
  background-repeat: no-repeat
}

.newchannal {
  display: flex;
  flex-direction: column;
  width: calc(100% - 12px);
  padding: 15px 0 20px 12px
}

.newchannal .newpay {
  cursor: pointer
}

.newchannal .pay-list .short-b {
  display: flex;
  align-items: center;
  border: 1px solid #fff
}

.tit-detail2 {
  background-color: rgba(255,128,0,0.2);
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #ff8000;
  padding-left: 45px;
  background-image: url(../../css/images/warning-coupon.png);
  background-size: auto 40%;
  background-position: 20px center;
  background-repeat: no-repeat
}

.de-ddxq .ydxx-cot li span {
  color: #7d7d7d;
  display: block;
  line-height: 24px;
  font-size: 14px
}

.de-ddxq .ydxx-cot li.ff-n {
  width: 100%
}

.de-ddxq .ydxx-cot li .err-tip {
  text-align: right;
  color: red;
  width: 48%;
  display: none;
  margin-top: 2px;
  position: absolute
}

.de-ddxq .ydxx-cot li .add-border {
  border: 1px solid red
}

.de-ddxq .ydxx-cot {
  padding-left: 20px
}

.de-ddxq .ydxx-cot li {
  float: left;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  width: 356px;
  margin-top: 20px;
  position: relative
}

.de-ddxq .js-con {
  font-size: 14px;
  color: #444;
  line-height: 42px;
  padding-left: 20px;
  font-weight: 600
}

.de-ddxq .fly-bar {
  background: #f1f9fd url(../../css/images/de-plane-b.png) no-repeat 580px 20px;
  padding: 20px
}

.de-ddxq .ddxp-icon {
  border: 1px solid #666
}

.de-ddxq .checkbox {
  font-size: 14px;
  display: inline-block;
  color: #333;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 10px
}

.de-ddxq .f-price span {
  margin-left: 15px;
  font-size: 14px
}

.de-ddxq .f-des {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding-left: 32px
}

.de-ddxq .f-txt {
  line-height: 34px;
  font-size: 14px;
  color: #444;
  margin-right: 20px
}

.de-ddxq .hb-Info {
  margin-top: 10px
}

.de-ddxq .hb-Info li {
  width: 237px;
  float: left
}

.de-ddxq .in-new-w {
  width: 190px!important
}

.de-ddxq .hb-Info li span {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  color: #444;
  float: left;
  margin-right: 6px
}

.de-ddxq .Info-box {
  width: 162px;
  height: 37px;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding-left: 0;
  position: relative;
  display: inline-block
}

.de-box .de-ddxq select {
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../../images/goDown.svg) no-repeat scroll right 8px center transparent;
  padding-right: 25px;
  padding-left: 5px;
  color: #777;
  text-align: center!important;
  font-size: 14px;
  color: #333
}

.de-box .de-ddxq .house-type-select {
  width: 318px;
  height: 37px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc
}

.de-box .de-ddxq .per-select {
  width: 110px;
  height: 37px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc
}

.de-sprite {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../../css/images/de-sprite-img.png)
}

.de-icon-arrow {
  width: 14px;
  height: 8px;
  background-position: -1px -245px
}

.de-icon-calendar {
  width: 21px;
  height: 22px;
  background-position: -1px -155px
}

.de-icon-close {
  width: 28px;
  height: 28px;
  background-position: -1px -1px
}

.de-icon-login-tip {
  width: 22px;
  height: 22px;
  background-image: url(../../css/images/expressionIcon.svg);
  background-size: cover
}

.de-icon-open {
  width: 28px;
  height: 28px;
  background-position: -1px -30px
}

.de-icon-radio-normal {
  width: 20px;
  height: 22px;
  background-position: -1px -201px
}

.de-icon-radio-selecte {
  width: 20px;
  height: 20px;
  background-position: -1px -224px
}

.de-plane-s {
  width: 24px;
  height: 24px;
  background-position: -1px -59px
}

.de-icon-star {
  font-size: 16px;
  color: #FF8000
}

.de-icon-time {
  width: 23px;
  height: 24px;
  background-position: -1px -84px
}

.de-icon-checkbox-nomal {
  width: 22px;
  height: 22px;
  background-position: -1px -109px
}

.di-icon-checkbox-selecte {
  width: 22px;
  height: 22px;
  background-position: -1px -132px
}

.de-ddxq .Info-box i {
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 5px
}

.de-ddxq .Info-box i.num {
  width: 24px;
  height: 24px;
  background-position: -1px -59px
}

.de-ddxq .Info-box i.date {
  width: 21px;
  height: 22px;
  background-position: -1px -155px
}

.de-ddxq .Info-box i.timer {
  width: 23px;
  height: 24px;
  background-position: -1px -84px
}

.de-ddxq .in-p-txt {
  font-size: 14px;
  line-height: 33px;
  color: #444;
  text-indent: 8px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  width: 318px;
  height: 33px;
  border: 1px solid #dcdcdc
}

.de-ddxq .Info-box .in-text {
  font-size: 14px;
  line-height: 37px;
  background-color: #f4f4f5;
  color: #999;
  text-indent: 10px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  width: 100%;
  box-sizing: border-box;
  height: 37px;
  position: absolute;
  right: 0;
  top: 0;
  border: 0
}

.de-ddxq .identifying_code {
  margin-left: 57px;
  width: 158px
}

.de-ddxq .code_button {
  background: #ff8000;
  color: #fff;
  width: 145px;
  margin-left: 10px;
  border: 0;
  height: 34px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
  cursor: pointer
}

.de-ddxq .code_button.active {
  color: #fff;
  background: #dcdcdc;
  cursor: unset
}

.de-ddxq .break-bar {
  background: #fef7eb url(../../images/breakBg.jpg) no-repeat right 12px;
  padding: 18px 0 35px 18px
}

.de-ddxq .coupons {
  background: #f1f9fd url("../../css/images/de-icon-gift.png") no-repeat 636px 12px;
  padding: 18px 0 35px 18px
}

.de-box .de-ddxq .ui-datepicker-trigger {
  width: 56%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 80px
}

.fly-bar-puls {
  width: 176px!important
}

.ticketin {
  margin-top: 15px;
  background: #f1f9fd url(../../images/de-plane-a.png) no-repeat 580px 20px!important
}

.ticketin-class {
  line-height: 34px;
  display: flex;
  align-items: center
}

.ticketin-class>span {
  color: #444;
  font-size: 14px
}

.ticketin-class>p {
  display: inline-block;
  margin: 0 0 0 60px;
  font-size: 14px
}

.ticketin-class>p>input[type="radio"] {
  display: none
}

.ticketin-class>p>label {
  padding: 4px 0 4px 25px;
  cursor: pointer;
  background-image: url("/statics/web3/images/ticket_no.svg");
  background-repeat: no-repeat;
  background-position: 0 center
}

.ticketin-checked {
  padding: 4px 0 4px 25px!important;
  cursor: pointer;
  background-image: url("/statics/web3/images/ticket_ok.svg")!important;
  background-repeat: no-repeat!important;
  background-position: 0 center!important
}

.ticketin-goback {
  display: none
}

.de-ddxq .coupons.error {
  box-shadow: 0 0 5px red
}

.de-ddxq .coupons .coupons-switch b {
  padding-left: 10%;
  font-weight: normal
}

.de-ddxq .coupons .coupons-switch span {
  font-weight: normal
}

.de-ddxq .coupons .list {
  padding-left: 1%;
  display: block
}

.de-ddxq .checkbox.pl0 {
  padding-left: 0
}

.de-ddxq .coupons .list .type-switch {
  height: 27px;
  line-height: 27px;
  background-image: url("/statics/web3/images/itemOpen.png");
  background-repeat: no-repeat;
  padding-left: 30px;
  font-size: 14px;
  color: #333
}

.de-ddxq .coupons .open .type-switch {
  height: 27px;
  line-height: 27px;
  background-image: url("/statics/web3/images/itemClose.png");
  background-repeat: no-repeat;
  padding-left: 30px
}

.de-ddxq .coupons .list table {
  display: none
}

.de-ddxq .coupons .open table {
  display: table
}

.de-ddxq .coupons table {
  width: 80%;
  margin: 10px 0
}

.de-ddxq .coupons table th:first-child {
  text-align: center;
  width: 120px
}

.de-ddxq .coupons table th {
  font-weight: normal;
  height: 40px;
  line-height: 40px
}

.de-ddxq .coupons table td {
  text-align: center;
  height: 22px;
  line-height: 22px;
  padding: 5px 0
}

.de-ddxq .coupons .append table tr td p {
  background-image: url("../../css/images/de-sprite-img.png");
  background-repeat: no-repeat;
  background-position: -1px -109px
}

.de-ddxq .coupons .append table .active td p {
  background-position: -1px -132px
}

.de-ddxq .coupons .cant-append table tr td p {
  background-image: url("/statics/web3/images/radio_un_seleced.png");
  background-repeat: no-repeat;
  background-position: center left 20px
}

.de-ddxq .coupons .cant-append table .active td p {
  background-image: url("/statics/web3/images/radio_seleced.png")
}

.de-ddxq .cur {
  width: 16px;
  height: 16px;
  border: 1px solid #FF8000;
  position: relative
}

.de-ddxq .tit-con {
  background: #f4f4f5;
  border-bottom: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  margin-top: 15px;
  padding-left: 20px
}

.de-ddxq .jatk-bar {
  margin-top: 8px
}

.de-ddxq .jatk-bar li,.de-ddxq .zj {
  line-height: 36px;
  height: 36px;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 20px
}

.de-ddxq .jatk-bar li span,.de-ddxq .zj span {
  float: left;
  width: 184px;
  font-size: 14px;
  color: #444
}

.de-ddxq .zj {
  background: #f4f4f5;
  line-height: 52px;
  height: 52px;
  padding-left: 20px;
  color: #444;
  border-bottom: 0;
  margin-bottom: 15px
}
.rate_zj{
  background: #f4f4f5;
  padding: 10px 20px;
  color: #444;
  border-bottom: 0;
  margin-bottom: 15px
}
.rate_zj span {
    float: left;
    width: 184px;
    font-size: 14px;
    color: #444;
}
.rate_zj_row{
  display: flex;
  align-items: center;
}
.rate_zj i {
  font-style: normal;
  font-size: 24px
}

.de-ddxq .Terms {
  font-size: 14px;
  line-height: 24px;
  color: #444;
  padding-left: 20px
}

.de-ddxq .Terms span {
  font-size: 14px
}

.tj-pay {
  text-align: right;
  margin: 27px auto
}

.jatk-bar .room_sharp {
  display: block;
  flex-direction: column;
  height: 100%!important
}

.jatk-bar .room_sharp>p>#ff-off {
  margin-left: 10px;
  color: #999
}

.jatk-bar .room_sharp>p {
  line-height: 34px;
  height: 34px
}

.jatk-bar .room_sharp>p #ff-original {
  font-size: 16px;
  font-weight: 600
}

.jatk-bar .room_sharp>div>p>em {
  font-style: norma;
  font-size: 12px
}

.jatk-bar .room_sharp>.sharp_add {
  height: 72px!important;
  overflow: hidden
}

.jatk-bar .room_sharp>.sharp_add_show {
  height: auto!important;
  overflow-y: auto!important
}

.jatk-bar .room_sharp>.sharp_add>p {
  line-height: 24px;
  display: flex
}

.jatk-bar .room_sharp>.sharp_add>p>.fill_span {
  display: inline-block;
  width: 184px;
  height: 24px
}

.jatk-bar .room_sharp>.sharp_add>p em:nth-child(2) {
  color: #999
}

.jatk-bar .room_sharp>.sharp_add>p em:nth-child(3) {
  padding-left: 10px;
  color: #444;
  font-weight: 600
}

.jatk-bar .room_sharp>.sharp_show_more span:nth-child(1) {
  display: inline-block;
  width: 184px;
  height: 24px;
  margin-bottom: 4px
}

.jatk-bar .room_sharp>.sharp_show_more em:nth-child(2) {
  cursor: pointer;
  color: #444
}

.jatk-bar .discount_ticket {
  display: none
}

.jatk-bar .discount_ticket>p em:nth-child(2) {
  color: #444;
  font-weight: 600
}

.jatk-bar .discount_ticket>p em:nth-child(3) {
  padding-left: 1px;
  font-size: 14px
}

.jatk-bar .discount_ticket>p em:nth-child(4) {
  font-size: 14px
}

.tj-pay a {
  background: #ff8000;
  line-height: 37px;
  color: #fff;
  min-width: 220px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin-left: 20px
}

.clause-layer {
  display: none
}

.clause-layer .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(113,113,113,.5)
}

.clause-layer .clause-info {
  background-color: #fff;
  top: calc(25%);
  left: calc((100% - 615px) / 2);
  right: 0;
  position: fixed;
  width: 615px;
  height: 520px;
  overflow-y: auto
}

.clause-layer .clause-info>h2 {
  font-size: 16px;
  text-align: center;
  margin: 20px 0
}

.clause-layer .remind-info {
  color: #fff;
  width: 100%;
  user-select: none;
  padding-top: 340px
}

.clause-layer .remind-info .clause-info-margin {
  margin-bottom: 10px
}

.clause-layer .remind-info>a {
  color: #000
}

.clause-layer .remind-info>.iconfont {
  color: #ff8000
}

.clause-layer .remind-info>.remind-txt {
  color: #ff8000
}

.clause-layer .clause-info .clause-info-but {
  margin: 15px 0
}

.clause-layer .clause-info .clause-info-but>input {
  width: 164px;
  height: 42px;
  outline: 0;
  border: 0;
  margin: 0 10px;
  color: #fff
}

.clause-layer .clause-info .clause-info-but>input:first-child {
  background-color: #aeaeae;
  margin-left: 130px
}

.clause-layer .clause-info .clause-info-but>input:last-child {
  background-color: #ff8000
}

.read-clause>p {
  margin: 15px 0
}

.read-clause>p>.iconfont {
  color: #ff8000
}

.read-clause>p>.remind-txt {
  color: #ff8000;
  cursor: pointer
}

.read-clause>p>a {
  color: #000
}

.jg-right .Lmt68 {
  margin-top: 43px
}

.jg-left .zf-tit {
  background-position: 0 -413px
}

.de-zf {
  background: #fff;
  margin-top: 0!important;
  padding: 18px 18px 40px;
  width: 812px
}

.de-zf .ordersNum {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding-left: 20px
}

.de-zf .money {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  font-weight: bold;
  padding-left: 20px
}

.de-zf .pay-tip {
  font-size: 14px;
  line-height: 22px;
  color: #ff8000;
  padding: 5px 20px;
  background: rgba(255,128,0,0.2);
  position: relative
}

.de-zf .pay-tip a {
  color: #ff8000;
  font-size: 14px;
  text-underline: none;
  float: right
}

.de-zf .pay-tip a:after {
  content: "";
  position: absolute;
  border-top: 5px transparent dashed;
  border-bottom: 5px transparent dashed;
  border-left: 5px #ff8000 solid;
  top: 55px;
  margin-left: 5px;
  z-index: 20
}

.de-zf .dismantle-tip {
  text-align: center;
  line-height: 37px;
  color: #ff8000;
  font-size: 14px
}

.de-zf .dismantle-btn {
  cursor: pointer;
  background: #ff8000;
  color: white;
  margin: 30px auto;
  width: 140px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  font-size: 16px
}

.de-zf .price-tip {
  font-size: 14px;
  line-height: 37px;
  padding-left: 20px;
  margin: 30px 0
}

.de-zf .price-input {
  line-height: 37px;
  padding: 0 10px;
  font-size: 14px;
  width: 50%;
  margin: 0 15px;
  border: 0;
  border: 1px solid #DCDCDC
}

.de-zf .currency-dismantle {
  border: 1px solid #dcdcdc;
  line-height: 37px;
  display: inline-block;
  padding-bottom: 0;
  position: relative;
  z-index: 2;
  width: 5%;
  padding-left: 10px
}

.de-zf .dismantle-ok {
  display: inline-block;
  line-height: 37px;
  text-align: center;
  color: #fff;
  background: #ff8000;
  width: 15.5%;
  margin-left: 15px;
  cursor: pointer;
  font-size: 14px
}

.de-zf .dismantle-Newok {
  display: inline-block;
  line-height: 37px;
  text-align: center;
  color: #fff;
  background: #ff8000;
  width: 15.5%;
  margin-left: 15px;
  cursor: pointer;
  font-size: 14px
}

.child-order-box .child-title {
  text-align: center;
  font-size: 14px;
  color: #444;
  margin: 15px 0
}

.child-order-box .child-order-cell {
  line-height: 37px;
  overflow: hidden;
  position: relative;
  margin: 10px
}

.child-order-box .child-order-cell>input[type=radio] {
  float: left;
  margin-top: 12px
}

.child-order-cell>input[type=radio].checked {
  position: relative
}

.child-order-cell>input[type=radio].checked:after {
  content: "";
  width: 13px;
  height: 13px;
  top: -2px;
  left: -2px;
  border: 1px solid #bfbfbf;
  position: absolute;
  border-radius: 50%;
  background: #eee
}

.child-order-cell>input[type=radio].checked:before {
  content: "";
  width: 7px;
  height: 7px;
  top: 1px;
  left: 1px;
  border: 1px solid #bfbfbf;
  position: absolute;
  border-radius: 50%;
  background: #bfbfbf;
  z-index: 10
}

.child-order-box .child-order-cell>.cell-bb {
  float: right;
  line-height: 37px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  width: 96%
}

.child-order-box .child-order-cell>.cell-bb.active {
  border: 0;
  overflow: hidden;
  width: 96%;
  background: #eee
}

.child-order-cell>.cell-bb.active span {
  color: #777
}

.child-order-cell>.cell-bb span {
  font-size: 14px;
  margin: 0 15px
}

.child-order-cell>.cell-bb>div {
  float: right
}

.child-order-cell>.cell-bb>div>span {
  color: #ff8000
}

.child-order-cell>.cell-bb.active>div>span:nth-child(2) {
  color: #02c79e
}

.de-zf .pay-list {
  padding: 15px 0 20px 12px;
  width: 790px
}

.de-zf .short-b {
  width: 160px;
  margin: 10px 37px 0 0;
  float: left;
  position: relative
}
.foreign_currency{
  display: none;
}
.de-zf .input {
  margin-top: 11px;
  float: left
}

.de-zf .image {
  float: left;
  margin-left: 5px
}

.de-zf .foreigncurency {
  border: 1px solid #d2d2d0;
  padding: 8px 50px;
  font-size: 18px;
  color: #666;
}


.de-zf .alert-tip {
  position: absolute;
  margin-top: 42px;
  min-width: 150%;
  min-height: 30px;
  display: none;
  z-index: 10;
  left: -35%;
  background: #fff;
  padding: 10px 20px;
  text-align: justify
}

.newchannal .alert-tip {
  position: absolute;
  margin-top: 80px;
  min-width: 150%;
  min-height: 30px;
  display: none;
  z-index: 10;
  left: -35%;
  background: #fff;
  padding: 10px 20px;
  text-align: justify
}

.de-zf .alert-tip:after {
  content: "";
  position: absolute;
  border-left: 10px transparent dashed;
  border-right: 10px transparent dashed;
  border-bottom: 10px #fff solid;
  top: -10px;
  right: 50%;
  z-index: 20
}

.newchannal .alert-tip:after {
  content: "";
  position: absolute;
  border-left: 10px transparent dashed;
  border-right: 10px transparent dashed;
  border-bottom: 10px #fff solid;
  top: -10px;
  right: 50%;
  z-index: 20
}

.oldPayAlipaySave {
  position: relative
}

.oldPayAlipay {
  display: none
}

.slicon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden
}

.pay-arrow-down {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer
}

.de-zf .image:hover+.alert-tip {
  display: block;
  -webkit-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  -moz-box-shadow: 0 1px 10px rgba(102,102,102,0.5);
  box-shadow: 0 1px 10px rgba(102,102,102,0.5)
}

.de-zf .image img {
  border: 1px solid #d2d2d0;
  width: 130px;
  height: 40px
}

.moreBank {
  padding-left: 45px;
  margin-bottom: 10px
}

.moreBank a {
  color: #7d7d7d;
  font-size: 14px;
  text-decoration: underline;
  line-height: 22px
}

.item .select-c {
  position: relative;
  width: 89px;
  z-index: 1;
  float: left
}

.item .select-c font {
  font-size: 12px;
  font-family: 'simsun';
  color: #7d7d7d;
  display: block;
  padding-bottom: 3px
}

.item .select-c span {
  width: 51px;
  height: 26px;
  background: #fff;
  color: #808080;
  float: left;
  padding: 0 5px;
  display: block;
  margin-top: 0;
  line-height: 26px;
  overflow: hidden;
  border: 1px solid #cbcbcb
}

.item .select-c div {
  width: 26px;
  height: 28px;
  background: #CBCBCB;
  float: left;
  position: absolute;
  top: 17px;
  right: 0
}

.item .select-c div b {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 8px;
  left: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff
}

.item .select-c-list {
  max-height: 167px;
  overflow-y: scroll;
  position: absolute;
  background: #fff;
  border: 1px #ddd solid;
  top: 44px;
  border-top: 0;
  display: none
}

.item .select-c-list li {
  line-height: 24px;
  padding-left: 5px;
  overflow: hidden;
  height: 24px;
  width: 56px
}

.item .select-c-list li:hover {
  background: #000;
  color: #fff;
  cursor: pointer
}

.item .select-c-b {
  width: 188px
}

.item .select-c-b span {
  width: 150px
}

.item .select-c-b .select-c-list li {
  width: 155px
}

.sumPriceCon {
  clear: both;
  padding: 25px 0 2px 0;
  overflow: hidden;
  zoom:1;font-family: 'simsun'
}

.sumPriceCon span {
  float: left;
  color: #000;
  font-size: 12px;
  line-height: 26px;
  padding-right: 8px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.sumPriceCon p {
  margin-top: 20px;
  color: #ff8000;
  font-size: 14px;
  float: left
}

.sumPriceCon p span {
  float: none;
  font-size: 18px;
  font-family: arial;
  color: #f19149;
  padding-right: 0
}

.sumPriceCon p span.f12 {
  font-size: 12px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.sumPriceCon p span.f14 {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.sumPriceCon p b {
  font-size: 14px;
  font-family: arial
}

.map_con {
  margin: 19px auto 281px;
  font-size: 12px;
  background-color: #eee;
  overflow: hidden;
  zoom:1}

.map_left {
  float: left;
  width: 222px;
  background-color: #fff;
  padding-bottom: 3px
}

.map_left dl dt {
  background-color: #272727;
  color: #fff;
  padding-left: 15px;
  height: 30px;
  line-height: 30px;
  font-family: 'simsun';
  margin-bottom: 6px
}

.map_left dl dd {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  border-bottom: 1px solid #ddd;
  background: url(../../images/arrow_r_ico.png) 1px center no-repeat;
  height: 30px;
  line-height: 30px;
  margin-left: 15px;
  padding-left: 18px;
  margin-right: 10px
}

.map_left dl dd a {
  color: #000
}

.map_left dl dd.bt0 {
  border-bottom: 0
}

.map_right {
  float: right;
  width: 855px;
  border: 1px solid #D2D2D2;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  background-color: #fff;
  padding: 10px 0 30px
}

.map_right h2 {
  border-bottom: 2px solid #EADAC2;
  font-size: 18px;
  color: #000;
  margin: 30px 30px 2px;
  padding-bottom: 4px
}

.map_right dl {
  overflow: hidden;
  zoom:1;margin: 0 30px;
  border-bottom: 2px solid #ececec;
  padding-bottom: 14px
}

.map_right dl.bt0 {
  border-bottom: 0
}

.map_right dl dt {
  width: 100%;
  color: #000;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 2px;
  line-height: 30px;
  font-weight: bold
}

.map_right dl dd {
  float: left;
  margin-right: 32px;
  margin-bottom: 1px;
  line-height: 28px
}

.map_right dl dd.mr0 {
  margin-right: 0
}

.map_right dl dd a {
  float: left;
  color: #313131;
  font-size: 14px;
  width: 84px;
  text-align: left
}

.map_right dl dd a:hover {
  color: #f19149;
  text-decoration: underline
}

.zx_header {
  border-top: 6px #9e764e solid
}

.zx_header .wp {
  position: relative
}

.zx_header .nav {
  margin-left: 91px;
  display: inline
}

.zx_header .nav li.navlink2 {
  width: 100px
}

.zx_header .nav li.navlink2 .ma {
  background-position: center -112px
}

.zx_header .nav li.navlink2 .ma:hover,.zx_header .nav li.cur.navlink2 .ma {
  background-position: center -140px
}

.zx_header .nav li.navlink3 .ma {
  background-position: center -168px
}

.zx_header .nav li.navlink3 .ma:hover,.zx_header .nav li.cur.navlink3 .ma {
  background-position: center -196px
}

.zx_header .nav li.navlink4 {
  width: 128px
}

.zx_header .nav li.navlink4 .ma {
  background-position: left -224px;
  width: 128px;
  text-indent: 86px
}

.zx_header .nav li.navlink4 .ma:hover {
  background-position: left -252px;
  color: #9e764e
}

.zx_header .topbar {
  position: absolute;
  background-color: #eee;
  border: 0;
  right: 0;
  width: 127px;
  top: 20px
}

.zx_header .topbar .u-phone {
  padding-top: 5px
}

.zx_header .topbar .u-phone em {
  margin-right: 3px
}

.zx_header .topbar .userlink .rssbox {
  right: 0;
  left: auto
}

.zx_main {
  margin: 19px auto 281px;
  font-size: 12px;
  background-color: #eee;
  overflow: hidden;
  zoom:1}

.zx_left {
  float: left;
  width: 222px;
  padding-bottom: 3px
}

.zx_left dl {
  margin-bottom: 10px;
  background-color: #fff
}

.zx_left dl dt {
  background-color: #272727;
  color: #fff;
  padding-left: 15px;
  height: 30px;
  line-height: 30px;
  font-family: 'simsun';
  margin-bottom: 6px
}

.zx_left dl dd {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  border-bottom: 1px solid #ddd;
  background: url(../../images/arrow_r_ico.png) 1px center no-repeat;
  height: 30px;
  line-height: 30px;
  margin-left: 15px;
  padding-left: 18px;
  margin-right: 10px
}

.zx_left dl dd a {
  color: #000
}

.zx_left dl dd.bt0 {
  border-bottom: 0
}

.zx_left dl .tags {
  background: 0;
  padding: 0 7px 8px 1px;
  margin: 0;
  overflow: hidden;
  zoom:1;height: auto;
  margin-top: -2px
}

.zx_left dl .tags a {
  border: 1px solid #bfbfbf;
  background-color: #eee;
  line-height: 22px;
  padding: 2px 7px;
  font-size: 13px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #313131;
  margin-left: 5px;
  white-space: nowrap;
  margin-bottom: 4px;
  display: inline-block
}

.zx_left dl .tags a:hover,.zx_left dl .tags a.cur {
  border-color: #EC6944;
  background-color: #F1914B;
  color: #fff
}

.zx_right {
  float: right;
  width: 855px;
  border: 1px solid #D2D2D2;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  background-color: #fff;
  padding: 10px 0 30px
}

.text {
  padding: 14px 19px 60px
}

.text_header {
  overflow: hidden;
  zoom:1;padding: 0 0 20px 4px
}

.text_header h2 {
  font-size: 20px;
  color: #a40000;
  line-height: 22px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-weight: normal;
  float: left
}

.text_header h2 span {
  font-size: 12px;
  color: #7d7d7d;
  margin-left: 16px
}

.text_header .page_1 {
  float: right;
  color: #B0B0B0;
  line-height: 24px
}

.text_header .page_1 a {
  color: #959595;
  font-size: 12px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.text .tags {
  background-color: #F4F4F5;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  font-size: 12px;
  font-family: 'simsun';
  color: #DBDBDB;
  clear: both
}

.text .tags a {
  color: #545454
}

.text_con {
  padding: 28px 0;
  border-bottom: 2px solid #ECECEC;
  margin: 0 15px
}

.text_con p {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 24px;
  color: #313131
}

.text_con h3 {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-weight: bold;
  color: #313131;
  margin-top: 3px
}

.text_con img {
  margin: 15px auto
}

.zx_right .jiathis_style_32x32 {
  overflow: hidden;
  zoom:1}

.zx_right .ujian-hook {
  float: left;
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000;
  margin-left: 15px
}

.zx_right .tips {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #ec6941;
  margin: 15px
}

.zx_right .jiathis_style_32x32 .jtico {
  background: url(../../images/share-icon.png) no-repeat
}

.zx_right .jiathis_style_32x32 .jtico_tsina {
  background-position: 3px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_tqq {
  background-position: -40px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_qzone {
  background-position: -82px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_renren {
  background-position: -126px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_douban {
  background-position: -168px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_jiathis {
  background-position: -212px -7px;
  margin-right: 6px
}

.zx_right .jiathis_style_32x32 .jtico_weixin {
  background-position: -254px -7px;
  width: 142px;
  padding-left: 0
}

.zx_about {
  margin: 36px 0 0 15px;
  clear: both;
  overflow: hidden;
  zoom:1}

.zx_about h3 {
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000
}

.zx_about ul li {
  float: left;
  overflow: hidden;
  zoom:1;margin-right: 13px;
  margin-top: 18px
}

.zx_about ul li.mr0 {
  margin-right: 0
}

.zx_about ul li a {
  display: block;
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000
}

.zx_con {
  overflow: hidden;
  zoom:1;border-top: 5px solid #FBB03E;
  padding-bottom: 110px
}

.zx_con .DT_banner .dt_slides {
  height: 340px
}

.zx_con .Cslides .tab_body li {
  width: 1100px;
  background-color: #fff
}

.zx_con .DT_banner .dt_slides li a {
  float: left
}

.zx_con .DT_banner .dt_slides img {
  width: 730px
}

.zx_con .Cslides.dt_slides .tabCon {
  background: transparent;
  bottom: 20px;
  width: 730px
}

.zx_con .Cslides.dt_slides .tabCon li {
  background: url(../../images/list_ico.png) no-repeat;
  width: 17px;
  height: 17px;
  margin-right: 12px
}

.zx_con .Cslides.dt_slides .tabCon li.active {
  background-position: right 0
}

.slide_con {
  margin: 22px 21px 0 21px;
  overflow: hidden;
  zoom:1;float: left;
  width: 328px
}

.slide_con h3 {
  font-size: 18px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  border: 1px solid #000;
  line-height: 20px;
  padding: 5px 20px;
  float: left;
  color: #313131;
  font-weight: normal;
  margin-bottom: 54px
}

.slide_con b {
  font-size: 24px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-weight: normal;
  clear: both;
  margin-bottom: 16px;
  width: 100%;
  display: block
}

.slide_con p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #7d7d7d;
  height: 120px
}

.read_more {
  color: #f19149;
  font-size: 13px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  margin-top: 10px;
  padding-right: 30px;
  background: url(../../images/arrow_r_ico_2.png) right center no-repeat;
  line-height: 22px
}

.zx_con .Cslides .tabLabel a {
  font-size: 28px;
  color: #ccc;
  font-weight: normal;
  font-family: 'simsun'
}

.zx_con .Cslides .tabLabel a i {
  color: #F39800;
  font-size: 32px
}

.zx_con .tags {
  margin-top: 20px;
  overflow: hidden;
  zoom:1;border: 1px solid #d2d2d2;
  background-color: #fff;
  padding: 15px 15px 4px
}

.zx_con .tags b {
  color: #f39700;
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  float: left;
  font-weight: normal;
  padding: 2px 20px 2px 3px;
  line-height: 22px
}

.zx_con .tags a {
  border: 1px solid #bfbfbf;
  background-color: #eee;
  line-height: 22px;
  padding: 2px 7px;
  font-size: 13px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #313131;
  margin-left: 5px;
  white-space: nowrap;
  margin-bottom: 11px;
  display: inline-block
}

.zx_con .tags a:hover,.zx_con .tags a.cur {
  border-color: #EC6944;
  background-color: #F1914B;
  color: #fff
}

.all_list h3 {
  margin: 20px 65px;
  text-align: center;
  background: url(../../images/h3_bg.png) left center repeat-x
}

.all_list h3 span {
  background-color: #eee;
  padding: 0 35px;
  font-size: 16px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #000;
  font-weight: normal
}

.all_list_con {
  overflow: hidden;
  zoom:1}

.all_list_con li {
  float: left;
  width: 352px;
  border: 1px solid #D2D2D2;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  zoom:1;margin-right: 19px;
  margin-bottom: 38px
}

.all_list_con li.mr0 {
  margin-right: 0
}

.list_text {
  padding: 15px;
  overflow: hidden;
  zoom:1}

.list_text b {
  font-size: 16px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 20px;
  margin: 4px 0 13px 0;
  font-weight: normal;
  display: block
}

.list_text p {
  font-size: 12px;
  font-family: 'simsun';
  line-height: 20px;
  color: #959595;
  height: 90px
}

.list_text span.date {
  font-size: 12px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  line-height: 20px;
  color: #a0a0a0;
  float: right;
  margin-top: 10px
}

.list_text .read_more {
  margin-top: 10px;
  margin-bottom: 5px;
  float: left
}

.page_2 {
  text-align: center;
  margin: 25px auto 6px;
  clear: both
}

.page_2 a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  font-family: 'arial';
  background-color: #fff;
  color: #8895a3;
  font-weight: bold
}

.page_2 a.prev {
  background: url(../../images/page_ico.png) 15px center no-repeat #fff
}

.page_2 a.next {
  background: url(../../images/page_ico.png) -15px center no-repeat #fff
}

.page_2 span {
  display: inline-block;
  font-size: 24px;
  font-family: 'arial';
  color: #8895a3;
  font-weight: bold;
  vertical-align: bottom;
  width: 40px
}

.clause {
  padding: 30px 27px 30px 40px;
  background-color: #f6f5f5;
  border: 1px solid #d2d2d2;
  font-family: "microsoft yahei";
  margin-bottom: 94px;
  line-height: 24px
}

.clause h3 {
  font-size: 18px;
  color: #313131;
  font-weight: normal;
  float: left
}

.clause_more,.clause_pack {
  float: right;
  font-size: 14px;
  color: #f19149
}

.clause_text {
  width: 88%;
  margin-left: 3.5%;
  float: left;
  margin-top: 10px;
  height: 300px;
  overflow-y: auto;
  background-color: #f7f7f7;
  padding: 10px 15px;
  display: block
}

.clause_text p {
  width: 100%;
  display: block;
  float: left;
  font-size: 14px;
  color: #434343
}

.clause_text span {
  display: block;
  float: left;
  width: 80%;
  font-size: 14px
}

.clause_text font {
  display: block;
  float: left;
  width: 97%
}

.clause_text li {
  margin-left: 20px;
  font-size: 14px
}

.sub-point {
  text-indent: 2em
}

.dtit_date {
  padding: 20px 20px 20px 20px;
  background-color: #fff;
  margin-top: 15px
}

#signInCalendar {
  position: relative;
  float: left;
  width: 771px;
  padding-left: 24px;
  margin-bottom: 15px;
  margin-left: 7px
}

.sign_in_calendar {
  width: 340px;
  color: #444;
  border: 1px solid #dcdcdc;
  position: relative;
  background-color: #fff;
  float: left;
  margin-left: 20px;
  padding-bottom: 10px;
  display: inline;
  font-size: 14px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important
}

.arrow {
  position: absolute;
  left: 20px;
  top: -8px;
  height: 15px;
  line-height: 15px;
  width: 15px;
  overflow: hidden
}

.arrow em,.arrow i {
  font-style: normal;
  width: inherit;
  height: inherit;
  float: left;
  display: block
}

.arrow em {
  color: #bbb
}

.arrow i {
  color: white;
  margin-top: -14px
}

.sign_in_calendar_top {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #f4f4f5;
  color: #444
}

.sign_in_calendar_top_date_content {
  font-size: 16px;
  font-weight: normal
}

.sign_in_calendar_top_date_content span {
  font-size: 16px
}

.sign_in_calendar_top_date {
  width: 140px;
  margin: 0 auto;
  text-align: center
}

.sign_in_calendar_top_date_left {
  width: 15px;
  float: left;
  cursor: pointer
}

.sign_in_calendar_top_date_right {
  width: 15px;
  float: left;
  cursor: pointer
}

.sign_in_calendar_content {
  margin: 5px 0
}

.sign_in_calendar_content_top {
  margin-left: 10px;
  height: 40px
}

.sign_in_calendar_content_top>span {
  display: block;
  width: 40px;
  float: left;
  line-height: 40px;
  margin-left: 5px;
  text-align: center
}

.sign_in_calendar_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 10px
}

.sign_in_calendar_content li {
  list-style: none;
  width: 40px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  float: left;
  padding: 0;
  margin-left: 5px;
  margin-top: 5px
}

.sign_in_calendar_content .available {
  background-color: #cfa972;
  cursor: pointer
}

.sign_in_calendar_content .sign_cur {
  background-color: #eee;
  text-decoration: line-through;
  cursor: pointer
}

#prev,#next {
  position: absolute;
  top: 50%;
  cursor: pointer;
  width: 9px;
  height: 18px
}

#prev {
  left: 0;
  background: url(../../images/goLeft.svg) left top no-repeat;
  background-size: cover
}

#next {
  right: 0;
  background: url(../../images/goRight.svg) right top no-repeat;
  background-size: cover
}

.sign_bottom {
  padding: 10px 28px 0;
  height: 22px;
  line-height: 22px;
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  font-size: 14px;
  color: #000
}

.sign_bottom_l {
  float: left
}

.sign_bottom_l em {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 18px;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  text-align: center
}

.sign_bottom_l span {
  float: left;
  margin-left: 12px
}

.sign_no {
  background-color: #e5e5e5;
  text-decoration: line-through
}

.sign_yes {
  background-color: #cfa972
}

.sign_bottom_r {
  float: right;
  margin-right: 30px
}

.hint_box {
  display: block;
  width: 250px;
  position: absolute;
  right: -37px;
  top: 45px;
  z-index: 555;
  display: none
}

.hint_box em {
  position: absolute;
  top: -11px;
  display: inline-block;
  width: 100%;
  height: 11px;
  background: url(../../images/hint_bg.png) top center no-repeat
}

.hint_box font {
  position: relative;
  display: inline-block;
  padding: 10px;
  color: #959595;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #dedfe1;
  border-radius: 2px;
  text-align: left;
  font-style: normal
}

.de-info .price:hover .hint_box {
  display: block
}

.price_cal_notice {
  padding-top: 10px;
  padding-bottom: 10px;
  color: red
}

.fileUp {
  width: 792px;
  background-color: #F4F4F5;
  overflow: hidden;
  padding-top: 15px
}

.input-file {
  border: 1px solid #D3D3D3;
  width: 120px;
  height: 17px;
  background-color: white;
  text-align: center;
  background: url(../../css/images/picUp.png) no-repeat center 11px;
  padding-top: 40px;
  color: #D3D3D3;
  cursor: pointer;
  position: relative
}

#clp {
  position: absolute;
  width: 120px
}

.input-file input {
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
  position: absolute;
  top: 0;
  right: 0
}

#img-list {
  vertical-align: bottom;
  overflow: hidden;
  display: inline-block
}

.up-pic,.input-file {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 15px 15px;
  border: 1px solid #D3D3D3
}

.up-pic {
  border: 1px solid #D3D3D3;
  position: relative;
  text-align: center
}

.up-pic,.img-mask,.upImg {
  width: 135px;
  height: 135px;
  margin-top: 2px;
  cursor: pointer
}

.more-upImg {
  vertical-align: top;
  width: 135px;
  line-height: 135px;
  text-align: center;
  background: #dcdcdc;
  display: inline-block;
  border: 1px solid #fff;
  font-size: 16px;
  color: #444;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  margin-left: 4px
}

.icon-i:hover+.bank-calme {
  opacity: 1
}

.app-qrcode-detail {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  right: 2px;
  margin-top: -8px;
  width: 190px;
  padding-top: 149px;
  padding-bottom: 10px;
  background: url(/statics/web3/images/qrcode.png?v=002) top 10px center no-repeat #f8f8f8;
  background-size: 143px;
  text-align: center;
  border: 1px solid #dcdcdc;
  z-index: 500
}

.app-qrcode-detail::after {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #f8f8f8;
  position: absolute;
  margin-left: -84px;
  top: -12px
}

.app-qrcode-detail::before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  top: -13px
}

.more-upImg:hover+.app-qrcode-detail {
  opacity: 1
}

.upImg {
  margin-top: 0;
  display: inline-block
}

.img-mask {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 3;
  background-color: black;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 24px;
  color: black
}

.up-pic span.rate-upload {
  top: 19px;
  left: 13px;
  text-align: center;
  color: gray
}

.up-pic span {
  position: absolute;
  display: block;
  font-size: 16px;
  z-index: 10;
  color: white;
  opacity: .6;
  filter: alpha(opacity=60);
  font-size: 14px;
  z-index: 12
}

.up-pic span.removeImg {
  top: 19px;
  left: 14px;
  display: none
}

.up-pic:hover span.removeImg {
  display: block
}

.up-pic:hover .img-mask {
  opacity: .4;
  filter: alpha(opacity=40)
}

.comment {
  margin-left: 75px;
  background-color: white;
  margin-top: 10px
}

.comment .upImg {
  margin-bottom: 4px;
  position: relative;
  display: inline-block;
  border: 1px solid white
}

.comment .red-mask {
  position: absolute;
  width: 57px;
  height: 57px;
  border: red 1px solid
}

.comment .upImg:first-child {
  margin-left: 0
}

.comment video {
  max-width: 100%
}

.comment-big-img {
  width: 85%;
  height: 410px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-left: 30px
}

.comment-big-img img {
  height: 100%;
  cursor: pointer;
  text-align: center
}

.arrow-bar {
  cursor: pointer;
  display: block;
  width: 39px;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: .6;
  filter: alpha(opacity=60)
}

.arrow-bar:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}

.arrow-l {
  left: 0;
  background: url(../../m/img/search/back.png) no-repeat 0 150px
}

.arrow-r {
  right: 0;
  background: url(../../m/img/search/right.png) no-repeat 11px 150px
}

.search-result-cm .items-list li:hover {
  border: 1px solid orange
}

.search-result-cm .items-list .pic img {
  height: 300px
}

.search-result-cm .items-list .msg-text {
  height: 299px;
  position: relative;
}

.search-result-cm .items-list .msg-text .tit {
  display: inline-block;
  position: relative
}

.clause-layer .remind-info .clause-info-margin {
  margin-bottom: 10px!important
}

.iconfont {
  font-family: "iconfont"!important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  background-image: none!important
}

.icon-pinglun:before {
  content: "\e601"
}

.icon-been:before {
  content: "\e600"
}

.msg-text .divyy {
  position: absolute;
  margin-top: -90px;
  overflow: hidden;
  height: 25px
}

.msg-text li .divyy span {
  font-family: "Hiragino Sans GB","微软雅黑","华文细黑","STHeiti","Microsoft YaHei",SimHei,sans-serif!important;
  color: #fff;
  font-size: 10px;
  margin-left: 5px;
  display: inline-block;
  white-space: nowrap;
  border-radius: 20px;
  padding: 2px 8px;
  background: rgba(0,0,0,0.34)
}

.msg-text .icons {
  line-height: 20px;
  padding-left: 12px;
  font-size: 25px;
  position: relative
}

.msg-text .icons .icon-yc {
  margin: 6px 0 6px 12px;
  display: inline-block;
  padding-right: 10px
}

.msg-text .icons .icon-wsj {
  display: inline-block
}

.msg-text .icons .icon-ws {
  display: inline-block
}

.msg-text .icons .icon-wsj span {
  font-size: 16px;
  top: 0
}

.msg-text .icons .icon-ws span,.msg-text .icons .icon-wsj span,.msg-text .icons .icon-yc span {
  float: left;
  margin-left: -25px;
  font-size: 20px
}

.msg-text .icons div {
  padding-left: 30px;
  color: #777;
  font-size: 14px
}

.search-result-cm .items-list .msg-text .tit i {
  display: inline-block;
  width: 18px;
  height: 23px;
  position: absolute;
  line-height: 23px;
  text-align: center;
  background: url(/statics/web3/css/images/list_postion_normal.png) center no-repeat;
  background-size: 100%;
  font-style: normal;
  color: #ff8000;
  bottom: 4px;
  left: 15px
}

.p-mask {
  height: 50px;
  position: absolute;
  margin-top: 65px;
  background-image: -moz-linear-gradient(to bottom,rgba(238,238,238,0) 0,rgba(238,238,238,0.32) 30%,rgba(238,238,238,0.54) 42%,#eee 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,0)),color-stop(40%,rgba(238,238,238,0.32)),color-stop(98%,rgba(238,238,238,0.54)),color-stop(100%,#eee));
  background-image: -webkit-linear-gradient(to bottom,rgba(238,238,238,0) 0,rgba(238,238,238,0.32) 30%,rgba(238,238,238,0.54) 42%,#eee 100%);
  background-image: -o-linear-gradient(to bottom,rgba(238,238,238,0) 0,rgba(238,238,238,0.32) 30%,rgba(238,238,238,0.54) 42%,#eee 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#22FFFFFF',EndColorStr='#33000000');
  background-image: linear-gradient(to bottom,rgba(238,238,238,0) 0,rgba(238,238,238,0.76) 30%,rgba(238,238,238,.81) 33%,#eee 85%);
  z-index: 100
}

.ll_input_tip {
  position: absolute;
  margin-top: 53px;
  background: #fff8e9 none repeat scroll 0 0;
  width: 133px;
  color: #717171;
  font-size: 14px;
  text-align: center;
  padding: 3px 0;
  border: 1px solid #ff8000;
  border-radius: 4px;
  margin-left: 2%;
  display: none
}

.ll_input_tip:after {
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 14px solid #fff8e9;
  position: absolute;
  margin-left: -109px;
  top: -12px
}

.ll_input_tip:before {
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 14px solid #ff8000;
  position: absolute;
  margin-left: -11px;
  top: -14px
}

@font-face {
  font-family: "iconfont";
  src: url('/statics/web3/font/iconfont1.eot?t=7867453');
  src: url('/statics/web3/font/iconfont1.eot?t=7867453#iefix') format('embedded-opentype'),url('/statics/web3/font/iconfont1.woff?t=7867453') format('woff'),url('/statics/web3/font/iconfont1.ttf?t=7867453') format('truetype'),url('/statics/web3/font/iconfont1.svg?t=7867453#iconfont') format('svg')
}

.iconfont {
  font-family: "iconfont"!important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  background-image: none!important
}

.icon-pinglun:before {
  content: "\e601"
}

.icon-been:before {
  content: "\e600"
}

.msg-text .address {
  margin: -12px 15px 0;
  color: #777
}

.msg-text .icons {
  line-height: 20px;
  padding-left: 12px;
  font-size: 25px
}

.msg-text .icons .icon-yc {
  margin: 6px 0 6px 12px;
  display: inline-block;
  padding-right: 10px
}

.msg-text .icons .icon-wsj {
  display: inline-block
}

.msg-text .icons .icon-ws {
  display: inline-block
}

.msg-text .icons .icon-wsj span {
  font-size: 16px;
  top: 0
}

.msg-text .icons .icon-ws span,.msg-text .icons .icon-wsj span,.msg-text .icons .icon-yc span {
  float: left;
  margin-left: -25px;
  font-size: 21px
}

.msg-text .icons div {
  padding-left: 30px;
  color: #444;
  font-size: 16px;
  position: relative
}

.search-result-cm .items-list .msg-text .tit .select {
  background: url("/statics/web3/css/images/list_postion_slecet.png") center no-repeat;
  background-size: 100%;
  color: #fff
}

.list-map {
  padding: 0;
  overflow: hidden
}

.list-map .tm_right {
  margin-left: 12px;
  height: 800px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 20px;
  display: inline-block;
  float: left
}

.list-map .tm_left_map {
  display: inline-block;
  height: 800px;
  color: #ff8000;
  float: left
}

.mp-filter-container {
  background: #fff;
  width: 100%;
  position: relative;
  margin-top: 10px
}

.mp-filter-item-panel {
  background: #fff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc
}

.mp-filter-item-panel>div:nth-child(1) {
  height: 40px;
  float: left
}

.mp-filter-item-panel .mp-filter-item-panel-left div {
  float: left;
  border-right: 1px solid #dcdcdc;
  color: #333;
  line-height: 39px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  border-left: 1px solid #fff;
  padding: 0 30px
}

.mp-filter-item-panel div>span {
  font-size: 14px
}

.mp-filter-item-panel .mp-filter-item-panel-right {
  float: right
}

@media screen and (min-width: 1400px) {
  .mp-filter-item-panel .mp-filter-item-panel-right {
      width:60%
  }
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) {
  height: 40px;
  border: 0;
  float: left
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) ul li {
  float: left;
  padding: 0 10px
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) li b {
  margin-top: 11px;
  margin-right: 6px;
  height: 14px;
  width: 14px;
  border: 1px solid #888;
  float: left;
  position: relative;
  cursor: pointer
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) li i {
  margin-top: 11px;
  padding: 0;
  width: 20px;
  display: inline-block
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) li span {
  padding-left: 5px
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) li b s {
  display: none;
  border-right: 2px solid #ff8000;
  border-bottom: 2px solid #ff8000;
  position: absolute;
  top: 0;
  left: 3px;
  background-color: transparent;
  color: #fff;
  width: 5px;
  height: 9px;
  transform: rotate(45deg)
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) .map-item .mp-check-box-action {
  border: 1px solid #ff8000
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(1) .map-item .mp-check-box-actions {
  display: block
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(2) {
  height: 40px;
  float: right;
  color: #fff
}

.mp-filter-item-panel .mp-filter-item-panel-right>div:nth-child(2) ul li {
  line-height: 40px;
  height: 40px;
  background-color: #fff;
  border: 0;
  border-left: 1px solid #dcdcdc
}

.sele-hd #map-filter-tab .map-filter-tab-sort {
  background-color: #ff8000;
  color: #fff
}

.sele-hd #map-filter-tab .map-filter-tab-default {
  background-image: url(/statics/web3/css/images/filter-default.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.sele-hd #map-filter-tab .map-filter-tab-descend {
  color: #fff;
  background-color: #ff8000;
  background-image: url(/statics/web3/css/images/filter-descend.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.sele-hd #map-filter-tab .map-filter-tab-active {
  color: #fff;
  background-color: #ff8000;
  background-image: url(/statics/web3/css/images/filter-ascend.svg);
  background-repeat: no-repeat;
  background-position: right 10px center
}

.mp-filter-item-panel .active,.mp-filter-item-panel .active-5 {
  color: #ff8000;
  border-left: 1px solid #ff8000;
  border-right: 1px solid #ff8000
}

.mp-filter-container .mp-items-c {
  position: absolute;
  z-index: 20
}

.mp-filter-container .mp-area {
  width: 308px;
  padding-left: 10px;
  padding: 8px 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  margin-top: -1px
}

.mp-filter-container .mp-area a {
  display: inline-block;
  color: #333;
  display: inline-block;
  width: 80px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border: 1px solid #b2b2b2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px;
  margin: 4px 5px
}

.mp-filter-container .mp-area a:hover {
  border: 1px solid #ff8000;
  color: #ff8000
}

.mp-filter-container .mp-price {
  position: absolute;
  width: 278px;
  left: 115px;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 15px 10px;
  margin-top: -1px
}

.mp-filter-container .mp-price .slider_box,.mp-filter-container .mp-bedroom .slider_box {
  width: 95%;
  margin: 0 auto
}

.mp-filter-container .mp-price .ui-slider-horizontal,.mp-filter-container .mp-bedroom .ui-slider-horizontal {
  height: 8px;
  background: #dcdcdc;
  border-radius: 0;
  border: 0
}

.mp-filter-container .mp-price .ui-slider-horizontal .ui-slider-handle,.mp-filter-container .mp-bedroom .ui-slider-horizontal .ui-slider-handle {
  border: 1px solid #ff8000;
  background: #fff;
  width: 15px;
  height: 15px
}

.mp-filter-container .mp-price .ui-widget-header,.mp-filter-container .mp-bedroom .ui-widget-header {
  background: #ff8000
}

.mp-filter-container .mp-bedroom .room-count {
  position: absolute;
  top: -1px;
  left: 233px;
  z-index: 500;
  width: 188px;
  background: #fff;
  overflow: hidden;
  padding: 1px 0 0;
  z-index: -1;
  -webkit-box-shadow: 0 1px 5px rgba(50,50,50,.2);
  -moz-box-shadow: 0 1px 5px rgba(50,50,50,.2);
  box-shadow: 0 1px 5px rgba(50,50,50,.2)
}

.mp-filter-container .mp-bedroom .room-count a {
  padding: 5px 0;
  text-align: center;
  display: inline-block;
  width: 61.67px;
  margin-top: -1px;
  border: 1px solid #dcdcdc;
  border-right: 0;
  line-height: 27px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mp-filter-container .mp-bedroom .room-count a:hover {
  background-color: #ff8000;
  color: #fff
}

.mp-filter-container .mp-bedroom .room-count .room-count-remove-style {
  background-color: #fff!important;
  color: #000!important;
  cursor: default!important
}

.mp-filter-container .mp-scenery {
  position: absolute;
  top: -1px;
  left: 350px;
  width: 276px;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 15px 10px
}

.mp-filter-container .mp-sort {
  margin-left: 504px;
  background: #fff;
  border: 1px solid #ff8000;
  width: 158px
}

.mp-filter-container .mp-sort span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 28px
}

.mp-filter-container .mp-sort span:hover {
  background: #333;
  color: #fff;
  cursor: pointer
}

.mp-filter-item-panel .active::after {
  content: "";
  border-bottom: 3px solid #fff;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 25
}

.mp-filter-item-panel .active-5:after {
  content: "";
  border-bottom: 3px solid #fff;
  width: 158px;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 25
}

.mp-downArw {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 5px;
  background: url(../../css/images/downArrow_f.svg) no-repeat
}

.mp-upArw {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-left: 5px;
  background: url(../../css/images/upArrow_f.svg) no-repeat
}

.mp-out-box {
  width: 300px;
  background-color: #fff
}

.mp-out-box img {
  width: 100%;
  height: 178px;
  position: relative
}

.mp-out-box .price {
  position: absolute;
  bottom: 0;
  margin-top: -25px;
  color: #444;
  font-size: 14px;
  z-index: 100;
  left: 0;
  margin-left: 5px
}

.gm-style-iw {
  top: 25px!important;
  position: absolute;
  left: 26px!important;
  width: 297px
}

.mp-out-box .villa-name {
  color: #333;
  font-size: 16px;
  margin-right: 5px
}

.mp-out-box .villa-ps {
  color: #777;
  font-size: 12px
}

.ftitle {
  height: 30px;
  border-bottom: 1px solid #dcdcdc;
  margin: 0 14px;
  padding-left: 20px;
  line-height: 30px;
  background-position: left center;
  background-size: auto 25%;
  background-repeat: no-repeat;
  font-size: 14px;
  color: #444;
  cursor: pointer
}

.ftitle.open {
  background-image: url('../../images/goUp.svg');
  background-size: 12px 10px
}

.ftitle.closed {
  background-image: url('../../images/goDown.svg');
  background-size: 12px 10px
}

#theme.closed {
  border: 0
}

#price-box {
  overflow: hidden;
  margin-bottom: 0
}

.repair-style {
  padding: 12px 0 0 30px
}

.repair-style a span {
  width: 121px!important;
  margin-right: 10px!important;
  margin-bottom: 10px!important
}

.repair-subject {
  padding: 12px 0 0 26px
}

.repair-subject a span {
  width: 124px!important
}

.subject-bedroom-ul {
  padding-bottom: 10px
}

.subject-right-item-ul {
  margin-top: 60px!important
}

.repair-address-style {
  padding: 12px 0 12px 25px
}

#price-box span {
  color: #444;
  background-color: #fff;
  float: left;
  margin: 0 5px;
  margin-bottom: 10px;
  width: 120px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border: 1px solid #DCDCDC;
  cursor: pointer
}

#price-box span:hover {
  color: #ff8000;
  border: 1px solid #ff8000
}

#price-box span.active {
  color: #fff;
  background-color: #ff8000;
  border: 1px solid #ff8000
}

#bedroom-box ul {
  margin-left: 0;
  overflow: hidden
}

#bedroom-box ul span {
  display: block;
  height: 22px;
  line-height: 22px;
  width: 56px;
  text-align: center;
  border: 1px solid #DCDCDC;
  cursor: pointer;
  color: #444;
  float: left;
  margin-bottom: 10px;
  margin: 5px
}

#bedroom-box ul span:hover {
  border: 1px solid #ff8000;
  color: #ff8000
}

#bedroom-box ul span.active {
  background-color: #ff8000;
  border: 1px solid #ff8000;
  color: #fff
}

#area-box {
  padding-left: 13px;
  margin: 12px;
  overflow: hidden;
  margin-bottom: 0
}

#theme-box {
  overflow: hidden;
  margin-bottom: 0
}

#theme-box span,#area-box span {
  color: #444;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 72px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border: 1px solid #DCDCDC;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 4px;
  margin: 4px 5px
}

#theme-box span a,#area-box span a {
  color: #444
}

#theme-box span:hover,#area-box span:hover {
  border: 1px solid #ff8000;
  color: #ff8000
}

#theme-box span:hover a,#area-box span:hover a {
  color: #ff8000
}

#theme-box span.active,#area-box span.inhere {
  background-color: #ff8000;
  border: 1px solid #ff8000;
  color: #fff
}

#theme-box span.active a,#area-box span.active a,#area-box span.inhere a {
  color: #fff
}

.ftitle span {
  display: inline-block;
  float: right;
  margin-right: 10px
}

.ui-slider.ui-slider-horizontal {
  background: #eee;
  height: 6px;
  border: 0
}

.ui-widget-header {
  background: #ff8000
}

.ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff;
  height: 14px;
  width: 14px
}

.ui-slider-range {
  background: #ff8000!important
}

.ui-state-hover {
  border: 1px solid #d3d3d3!important
}

#filter-all {
  z-index: 500;
  margin-top: 20px
}

.articlecrumb {
  font-size: 14px
}

.ui-datepicker-trigger,#start {
  background: rgba(255,255,255,0)
}

.room_list .rz-box {
  position: relative;
  height: 27px;
  line-height: 27px;
  width: 33.5%;
  border: 1px solid #dcdcdc;
  padding: 5px 15px;
  padding-left: 0;
  background: url(../../css/images/select.svg) no-repeat;
  background-size: 12px 10px;
  background-position-x: 267px;
  background-position-y: 55%
}

#hint_next {
  padding: 0 29px;
  background-color: rgba(255,128,0,0.2);
  color: #ff8000;
  pointer-events: none;
  background-image: url(../../images/info.png);
  background-size: auto 45%;
  background-position: 10px center;
  background-repeat: no-repeat
}

.tj-pay a.disable {
  background: #afafaf
}

.items-list li .flashbook {
  position: relative;
  top: 3px
}

.items-list li .flashbook+.tip-box {
  line-height: 16px;
  position: absolute;
  display: none;
  background: rgba(0,0,0,.5);
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  left: 10px;
  top: 55px;
  width: 60px;
  text-align: center;
  z-index: 3
}

.items-list li .flashbook:hover+.tip-box {
  display: block
}

.items-list li .flashbook+.tip-box::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0,0,0,.5);
  margin-top: -12px;
  margin-left: 20px
}

.items-list li .icons div:hover+.tip-box {
  display: inline-block
}

.items-list li .tip-box {
  line-height: 16px;
  position: absolute;
  display: none;
  background: rgba(0,0,0,.5);
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  margin-left: -45px;
  margin-top: -25px
}

.items-list li .tip-box.tip-box-right {
  margin-left: 220px;
  margin-top: -12px
}

.items-list li .tip-box.tip-box-right2 {
  margin-left: 160px;
  margin-top: -10px;
  right: 70px
}

.items-list li .tip-box.tip-box-right::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0,0,0,.5);
  margin-top: 21px;
  right: 20px
}

.items-list li .tip-box.tip-box-right2::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0,0,0,.5);
  margin-top: 20.5px;
  right: 10px
}

.items-list li .tag.t_l:hover+.tip-box.tip-box-right {
  display: inline-block
}

.items-list li .tag.t_r:hover+.tip-box.tip-box-right2 {
  display: inline-block
}

.items-list li .icons .tip-box::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(0,0,0,.5);
  margin-top: 20.5px;
  margin-left: 10px
}

.vip-banner {
  height: 79px;
  width: 858px;
  background-position: 0 0;
  position: relative;
  margin-bottom: 15px
}

.vip-banner div {
  position: absolute;
  right: 60px;
  height: 35px;
  width: 108px;
  border: 1px solid #444;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  top: 15px;
  cursor: pointer
}

.vip-banner b {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 10px;
  width: 10px;
  background-image: url(/statics/web3/css/images/vip-close.png);
  background-position: 0 0;
  background-size: contain;
  cursor: pointer
}

.page-abstract {
  border-top: 1px solid #dcdcdc;
  padding: 20px 0;
  font-size: 12px;
  color: #777
}

.hot-guides {
  padding: 20px 0;
  border-top: 1px solid #dcdcdc;
  border-right: 0;
  border-left: none
}

.hot-guides>div {
  margin-bottom: 20px;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 600
}

.hot-guides a:nth-child(3n-3) {
  margin: 0 123px
}

.list-page-guide>div {
  margin-bottom: 20px;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 600
}

.list-page-guide a {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 80px;
  font-size: 14px;
  color: #777;
  width: 315px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.hot-guides a {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #777;
  width: 315px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tag-1111 {
  position: absolute;
  top: 22px;
  left: 12px;
  width: 132px!important;
  height: auto;
  z-index: 50
}

.book-1111 {
  width: 70px;
  height: 25.9px;
  position: absolute;
  right: -70px;
  top: 0;
  background-position: center center!important;
  background-size: 100% 100%!important;
  background-image: url(/statics/web3/images/1111-btn.png)!important
}

#sort0 {
  padding: 0!important
}

.message_title {
  background-color: rgba(255,128,0,0.2);
  color: #ff8000;
  margin-top: 15px;
  padding: 10px 20px
}

#start_date {
  background: url(../../css/images/select.svg) no-repeat;
  background-size: 12px 10px;
  background-position-x: 267px;
  background-position-y: 55%
}

#end_date {
  background: url(../../css/images/select.svg) no-repeat;
  background-size: 12px 10px;
  background-position-x: 267px;
  background-position-y: 55%
}

.de-box .de-ddxq .house-type-select {
  width: 318px;
  height: 37px;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../../css/images/select.svg) no-repeat scroll right center transparent;
  padding-right: 14px;
  background-size: 12px 10px;
  background-position-x: 297px
}

.de-box .de-ddxq .house-type-select::-ms-expand {
  display: none
}

.de-box .de-ddxq .per-select {
  width: 110px;
  height: 37px;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../../css/images/select.svg) no-repeat scroll right center transparent;
  padding-right: 14px;
  background-size: 12px 10px;
  background-position-x: 89px
}

.de-box .de-ddxq .per-select::-ms-expand {
  display: none
}

.hasDatepicker {
  background: url(../../css/images/select.svg) no-repeat;
  background-size: 12px 10px;
  background-position-x: 170px;
  background-position-y: 55%
}

.de-ddxq .discounted {
  border: 1px solid red;
  display: flex;
  flex-direction: column;
  max-width: 100%
}

.de-ddxq .vaseboil>h2 {
  line-height: 36px;
  height: 36px;
  padding: 0 20px;
  background: #f4f4f5;
  font-weight: normal;
  margin-top: 20px;
  color: #333;
  display: flex;
  justify-content: space-between
}

.de-ddxq .vaseboil>h2>span:nth-child(1) {
  color: #000;
  font-size: 16px
}

.de-ddxq .vaseboil>h2>span:nth-child(2) {
  color: #ff8000;
  font-size: 14px;
  cursor: pointer
}

.de-ddxq .vaseboil>.vase_discount {
  margin-top: 20px;
  padding: 20px 0;
  background: #f1f9fd url(../../css/images/discounted_bg.png) no-repeat 710px 260px
}

.de-ddxq .vase_discount>.be_discount {
  display: flex;
  flex-direction: column
}

.de-ddxq .vase_discount>.be_discount>h2 {
  width: 92%;
  line-height: 40px;
  padding: 0 2%;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 10px
}

.de-ddxq .vase_discount>.be_discount>h2>span {
  display: inline-block;
  margin-right: 10px
}

.de-ddxq .vase_discount>.be_discount>h2>img {
  cursor: pointer
}

.de-ddxq .vase_discount>.be_discount>ul {
  height: auto;
  width: 92%;
  margin: 10px auto;
  display: none
}

.de-ddxq .vase_discount>.be_discount>ul>li {
  float: left;
  display: inline-flex;
  align-items: center;
  width: 46.5%;
  margin: 5px 10px;
  background:#fff;
  padding: 10px 0px 10px 5px;
}
.de-ddxq .vase_discount>.be_discount>ul>li .discount_proname{
  line-height: 33px;
}

.de-ddxq .vase_discount>.be_discount>ul>.only_read {
  /* background: url(../../css/images/vase_body_de.png) no-repeat left center */
}

.de-ddxq .vase_discount>.be_discount>ul>.select_action {
  /* background: url(../../css/images/vase_body_ok.png) no-repeat left center; */
  cursor: pointer
}

.de-ddxq .vase_discount>.be_discount .ulli_action {
  background: url(../../css/images/vase_body.png) no-repeat left center!important
}

.de-ddxq .vase_discount>.be_discount .select_action>span:nth-child(1) {
  color: #ff8000
}

.de-ddxq .vase_discount>.be_discount>ul>li>span:nth-child(1) {
  display: inline-block;
  width: 83px;
  height: 36px;
  font-size: 20px;
  text-align: center;
  color: #999
}

.de-ddxq .vase_discount>.be_discount>ul>li>span:nth-child(2) {
  color: #999;
  padding-left: 10px
}

.de-ddxq .vase_discount>.be_discount>div {
  clear: both;
  margin-left: 4%;
  margin-top: 10px;
  color: #ff8000;
  font-size: 14px
}

.flyHideBox {
  display: none
}

.otherServerHide {
  display: none
}

.frendsLinks {
  padding: 26px 0;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-right: 20px;
  position: relative
}

.frendsLinks .friendsBox {
  height: 18px;
  overflow: hidden
}

.frendsLinks a {
  cursor: pointer;
  text-decoration: none;
  color: #777
}

.frendsLinks .SL_icon {
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  font-size: 18px;
  vertical-align: -0.15em;
  fill: currentColor;
  color: #ff8000;
  overflow: hidden;
  cursor: pointer
}

video::-webkit-media-controls-enclosure {
  overflow: hidden
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px)
}


.special_enlarge{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 106;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.7);
}
.special_r_runing{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 60;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.7);
}

.special_r_runing_close{
  position: relative;
}
.special_r_runing_close .rulesTipColse{
  position: absolute;
  top: -38px;
  right: 0px;
  width: 25px;
}
.special_r_runing_container{
    overflow-y: auto;
    max-height: 58vh;
}
.special_r_runing_title{
  font-size: 16px;
  font-weight: bold;
}
.special_r_runing_subtitle{
  line-height: 40px;
  /* border-bottom: 1px solid #dcdcdc; */
  margin-bottom: 10px;
}
.special_r_runing_mb10{
  margin-bottom: 10px;
}
.special_r_runing_deszh{
  display: none;
  margin-top: 10px;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
}
.special_r_runing_destranlator{
  cursor: pointer;
  line-height: 30px;
  color: #ff8000;
}
.special_r_runing_cont{
  position: fixed;
  max-height: 60vh;
  overflow-y: auto;
  background: #fff;
  width: 800px;
  left: 50%;
  border-radius: 6px;
  top: 50%;
  padding: 50px 10px 30px 30px;
  transform: translate(-50%,-50%);
}
.special_enlarge .swiper-container{
  width: 80%;
  height: 100%;
  margin: 10px auto;
}
.special_enlarge .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
}
.special_enlarge .swiper-slide img{
  width: 100%;
}
.special_enlarge .rulesTipColse{
  position: fixed;
  top: 2%;
  right: 5%;
  width: 40px;
  height: 40px;
  z-index: 106;
}
.special_enlarge .swiper-pagination-bullet-active{
  background:#ff8000;
}
.special_enlarge .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background: url('/statics/web/europe/images/arrow_d_ico_5.png') center no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100%;
  transform: rotate(-90deg);
}
.special_enlarge .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background: url('/statics/web/europe/images/arrow_d_ico_5.png') center no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100%;
  transform: rotate(90deg);
}
.productionClass {
  font-size: 16px;
  color: #4d4d4d;
  padding-bottom: 2px;
}
.max_1_line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cellLimitOrtime {
  position: relative;
  border-right: 1px dotted #bababa;
}
.flx_column_left_spaceBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cellSymbleOrPrice {
  color: #ff8000;
}
.cellTime {
  font-size: 8px;
  color: #a1a1a1;
}
.cellSymbleOrPrice .cellPrice {
  font-size:24px;
}
.viewPickerItemShow>div:nth-child(1) {
  width: 7%;
  padding: 10px 0;
  cursor: pointer;
  text-align: center;
}
.viewPickerItemShow>div:nth-child(1) .sl_icon{
  color: #999;
  font-size: 16px;
}
.viewPickerItemShow>div:nth-child(1) .sl_icon.act_icon{
  color: #ff8000;
  font-size: 16px;
}
.viewPickerItemShow>div:nth-child(2) {
  width: 36%;
}
.cellLimitOrtime {
  position: relative;
  border-right: 1px dotted #bababa;
}
.viewPickerItemShow>div:nth-child(3) {
  width: 38%;
  padding-left: 1%;
}

.discountCellLimit {
  font-size: xx-small;
  border: 1px solid #ff8000;
  color: #ff8000;
  padding: 1px 2px;
}
.viewPickerItemShow>view:nth-child(4) {
  width: 21%;
}
.cellBtn {
  cursor: pointer;
  font-size: 10px;
  padding: 2px 2px;
  text-align: center;
  line-height: 23px;
  display: flex;
  color: #a1a1a1;
}
.discountLinmt {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 8px;
  color: #fff;
  background: #ff8000;
  border-bottom-left-radius: 12px;
  padding: 1px 6px 1px 7px;
  height: 12px;
  line-height: 12px;
}
.only_read_item{
  position: relative;
}

.only_read_item::after{
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, .7);
}
/* villa more plan template */
.r_run_ctnt{

}
.r_run_ctnt_cell{
  border: 1px solid #dcdcdc;
  border-top: none;
  margin-bottom: 20px;
}
.r_head_bar{
  padding: 8px 10px;
  background: #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.r_head_bar_limg{
  width: 106px;
  height: 100%;
}
.r_head_bar_lcon{
  margin-left: 15px;
}
.r_head_bar_ltite{
  font-size: 16px;
  font-weight: bold;
}
.r_head_bar_subltite{
  margin-top: 2px;
  font-size: 14px;
  color: #777;
}
.r_head_bar_around{
  justify-content: space-around;
}
.r_head_bar_rhitx{
  font-size: 12px;
  color: #777;
  /* margin-bottom: 14px; */
  text-align: right;
}
.r_head_bar_rhitx .sl_icon{
  font-size: 18px;
}
.r_head_bar_rhadunt{
  display: inline-flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  border-radius: 6px;
  background: #fff;
  margin-top: 10px;
}
.r_head_bar_rhint{
  color: #777;
}
.r_run_header{
  color: #999;
  padding: 18px;
  border-bottom: 1px solid #dcdcdc;
}
.r_run_infor{
  color: #444;
  padding: 18px;
  font-size: 14px;
  border-bottom: 1px solid #ddecdc;
}
.r_run_infor:last-child{
  border-bottom: none;
}
.r_head_bar_rhint{
  margin-left: 10px;
  color: #777;
}
.theme_color{
  color: #ff8000;
}
.theme_line{
  border-bottom: 1px dashed #ff8000;
}
.r_run_sp1contitle{
  padding: 0 0 10px 0;
  font-size: 14px;
  color: #444;
}
.r_run_infor >p{
  font-size: 14px;
}
.r_run_sp1contitle .theme_line{
  font-size: 14px;
  color: #444;
}
.r_run_sp1sunbtitle{
  color: #777;
}
.r_head_bar_rhintloit{
  display: none;
  background: #fff;
  width: calc(100% - 0px) ;
  box-shadow: 0 0 6px 0 #dcdcdc;
  padding: 10px 0;
  line-height: 36px;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 30px;
  left: 0;
}
.r_head_bar_rhintloit li{
  padding: 0 10px;
  font-size: 14px;
  color: #777;
}
.r_head_bar_rhintloit li:hover{
  color: #ff8000;
  background: rgba(255,128,0,.1);
}
.r_run_hsp1{ width: 33%;}
.r_run_sp1{ width: 35%;}
.r_run_sp2{ width: 12%;}
.r_run_sp3{ width: 12%;}
.r_run_sp4{ width: 12%;}
.r_run_sp5{ width: 12%;}
.r_run_sp6{ width: 15%;}
.r_run_sp1cont{
  display: flex;
  flex-direction: column;
}
.r_run_sp5cont{
  position: relative;
}
.r_run_sp1contitle .theme_line{
  cursor: pointer;
}
.r_run_sp5cont .theme_line{
  cursor: pointer;
}
.r_run_infor .r_run_sp4 .sl_icon{
  cursor: pointer;
  color: #ff8000;
  font-size: 16px;
}
.r_run_sp5calender{
  display: none;
  box-shadow: 0 0 5px #dcdcdc;
  background: #fff;
  padding: 20px;
  width: 400px;
  position: absolute;
  z-index: 2;
  left: -50%;
  top: 25px;
  font-size: 12px;
}
.r_run_sp5calender_cont{
  display: flex;
  flex-wrap: wrap;
}
.r_run_sp5calender_cell{
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #dcdcdc;
  border-top: none;
  border-right: none;
  width: 78px;
  text-align:center;
}
.r_run_sp5calender_cell:nth-child(-n+5){
  border-top: 1px solid #dcdcdc;
}
.r_run_sp5calender_cell:last-child{
  border-right: 1px solid #dcdcdc;
}
.r_run_sp5calender_cell:nth-child(5n){
  border-right: 1px solid #dcdcdc;
}
.r_run_sp5_calen_date{
  background: #f1f1f1;
  color: #999;
  font-size: 12px;
  padding: 4px 3px;
}
.r_run_sp5_calen_m{
  background: #fff;
  color: #444;
  padding: 4px 2px;
}
.flex_layout{
  display: flex;
}
.flex_between{
  display: flex;
  justify-content:space-between;
}
.flex_center{
  align-items: center;
}
.flex_between_col{
  display: flex;
  flex-direction:column;
}
.r_head_bar_prisonselect{
  color: #ff8000;
}
.r_run_countcalender{
  font-size: 14px;
  font-weight: bold;
}
.r_run_sp5_angle{
  position: absolute;
  top: -7px;
  left: 70px;
  transform: rotate(45deg);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  background: #fff;
  z-index: 1;
}
.r_run_immedinately{
  color: #fff;
  border-radius: 6px;
  padding: 6px 15px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.r_run_immedinately_origin{
  background: #ff8000;
}
.r_run_immedinately_gold{
  background: #c9a571;
  position: relative;
}
.r_run_immedinately_concels{
  display: none;
  position: absolute;
  top: 34px;
  color: #ff8000;
  right: -21px;
  width: 200px;
  font-size: 10px;
}
.r_run_immedinately_gold .r_run_immedinately_concels{
  display: block;
}
.unhouse_addition_date .ui-state-default{
  background: #eee;
}
.r_run_roomfee_bar{
  margin: 14px 0 6px 0;
}
.r_run_roomtax_bar{
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #dcdcdc;
}
.room_totalprice{
  font-size: 16px;
  font-weight: 500;
}
.r_run_roomTT_bar{
  margin: 14px 0 6px 0;
}
.room_rate_box{
  display: none;
  position: absolute;
  width: 315px;
  z-index: 100;
}
.room_rate_box .ui-datepicker-inline{
  width: 100%;
}
.rate_datetip_local{
  position: relative;
  background: #fff;
  width: calc(100% - 15px);
  box-shadow: 0px 0px 2px #dcdcdc;
  padding: 8px 10px;
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rate_datetip_local::after{
  content: "";
  position: absolute;
  left: 50%;
  top: -16px;
  border: 8px solid;
  border-color: transparent transparent #dcdcdc transparent;
  transform: translate(-50%, 0px);
}
.rate_datetip_local .rulesTipColse{
  width: 18px;
}
.room_rate_box .ui-datepicker-header{
  border: none;
}


