body {
  background: #F5F5F5;
}
.banner {
  width: 100%;
  position: relative;
  height: 478px;
  margin-top: 10px;
}
.banner .backgroundC {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -212px;
  background: #89C33D;
  height: 424px;
}
.banner .content {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  height: 100%;
  background: url("../images/banner.jpg") no-repeat left 50%;
}
.banner .content .onlineMsg {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.04);
  padding: 0 23px;
  background: #F5F5F5;
  height: 100%;
  width: 256px;
  position: absolute;
  right: 0;
  top: 0;
}
.banner .content .onlineMsg::before {
  content: '';
  position: absolute;
  top: 0;
  left: -27px;
  border-right: 27px solid #cacaca;
  border-top: transparent solid 27px;
}
.banner .content .onlineMsg::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -27px;
  border-right: 27px solid #cacaca;
  border-bottom: transparent solid 27px;
}
.banner .content .onlineMsg .title {
  font-size: 24px;
  background: url("../images/free_ico.jpg") no-repeat left top;
  height: 74px;
  padding-left: 79px;
  line-height: 90px;
}
.banner .content .onlineMsg .form {
  padding-top: 15px;
  padding-left: 6px;
}
.banner .content .onlineMsg .form div {
  margin: 0 auto 9px;
  border: 1px solid #CBCBCB;
  padding-left: 36px;
  color: #BBC1C5;
  font-size: 16px;
  background: transparent 11px 10px no-repeat;
  position: relative;
  overflow: hidden;
}
.banner .content .onlineMsg .form div span {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 37px;
}
.banner .content .onlineMsg .form .name {
  background-image: url("../images/name_ico.jpg");
}
.banner .content .onlineMsg .form .tel {
  background-image: url("../images/tel_ico.jpg");
}
.banner .content .onlineMsg .form .msg {
  background-image: url("../images/content_ico.jpg");
}
.banner .content .onlineMsg .form input,
.banner .content .onlineMsg .form textarea {
  float: right;
  color: #333;
  width: 170px;
  height: 36px;
  border: 0;
  background: transparent;
}
.banner .content .onlineMsg .form textarea {
  height: 72px;
  max-height: 72px;
  line-height: 16px;
  font-size: 12px;
}
.banner .content .onlineMsg .quickMsg {
  padding-left: 6px;
  color: #555555;
}
.banner .content .onlineMsg .quickMsg .sTitle {
  font-size: 14px;
  padding-bottom: 7px;
}
.banner .content .onlineMsg .quickMsg .msgs {
  font-size: 14px;
  padding: 10px;
  line-height: 24px;
  background: #EEEBEB;
}
.banner .content .onlineMsg .quickMsg .msgs em {
  padding-left: 5px;
}
.banner .content .onlineMsg .quickMsg .msgs input {
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
}
.banner .content .onlineMsg .submit {
  background: #89C33D;
  margin-left: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  height: 43px;
  text-align: center;
  line-height: 43px;
  border-radius: 5px;
}
.banner .content .onlineMsg .subTip {
  margin-left: 6px;
  font-size: 14px;
}
.banner .content .onlineMsg .subTip em {
  color: #FF2E21;
}
.midTitle {
  color: #555555;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  width: 946px;
  margin: 37px auto 104px;
}
.jBox {
  background: #ffffff;
  position: relative;
  width: 946px;
  margin: 100px auto 30px;
  color: #555555;
}
.jBox::before {
  content: '';
  position: absolute;
  top: 0;
  left: -27px;
  border-right: 27px solid #cacaca;
  border-top: transparent solid 27px;
}
.jBox::after {
  content: '';
  position: absolute;
  top: 0;
  right: -27px;
  border-left: 27px solid #cacaca;
  border-top: transparent solid 27px;
}
.jBox .free {
  position: absolute;
  top: -45px;
  left: 50%;
  width: 90px;
  height: 90px;
  line-height: 90px;
  margin-left: -45px;
  font-size: 38px;
  color: #fff;
  text-align: center;
}
.jBox .free span {
  position: relative;
  z-index: 2;
}
.jBox .free .lx {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 0;
  left: 0;
  background: #89C33D;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.jBox .serve {
  font-size: 40px;
  text-align: center;
  padding-top: 85px;
  line-height: 63px;
}
.jBox .serveQy {
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
}
.jBox .detail {
  padding: 50px 68px 30px;
  overflow: hidden;
  position: relative;
}
.jBox .detail div {
  float: left;
  position: relative;
  padding-left: 140px;
  background: url("../images/b_ico.jpg") no-repeat left 40%;
}
.jBox .detail div.sell {
  position: absolute;
  left: 540px;
}
.jBox .detail div i {
  position: absolute;
  font-size: 29px;
  font-style: normal;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  left: 22px;
  top: 67px;
}
.jBox .detail div p {
  font-size: 18px;
  line-height: 24px;
  padding: 0 0 15px 35px;
  background: transparent no-repeat left top;
}
.jBox .detail div .i1 {
  background-image: url('../images/n1.jpg');
}
.jBox .detail div .i2 {
  background-image: url('../images/n2.jpg');
}
.jBox .detail div .i3 {
  background-image: url('../images/n3.jpg');
}
.jBox .detail div .i4 {
  background-image: url('../images/n4.jpg');
}
.jBox .detail div .i5 {
  background-image: url('../images/n5.jpg');
}
.jBox .detail div .i6 {
  background-image: url('../images/n6.jpg');
}
.jBox .detail div .i7 {
  background-image: url('../images/n7.jpg');
}
.jBox .detail div .i8 {
  background-image: url('../images/n8.jpg');
}
.jBox .detail div .i9 {
  background-image: url('../images/n4.jpg');
}
.jBox .detail div .i10 {
  background-image: url('../images/n5.jpg');
}
.jBox.org .free .lx {
  background: #FF9731;
}
.jBox.org .serve {
  background: url("../images/up_ico.jpg") no-repeat 307px 33px;
}
.jBox.org .detail div {
  background-image: url('../images/p_ico.jpg');
}
.jBox.org .detail div .i1 {
  background-image: url('../images/p1.jpg');
}
.jBox.org .detail div .i2 {
  background-image: url('../images/p2.jpg');
}
.jBox.org .detail div .i3 {
  background-image: url('../images/p3.jpg');
}
.jBox.org .detail div .i4 {
  background-image: url('../images/p4.jpg');
}
.jBox.org .detail div .i5 {
  background-image: url('../images/p5.jpg');
}
.jBox.org .detail div .i6 {
  background-image: url('../images/p6.jpg');
}
.jBox.org .detail div .i7 {
  background-image: url('../images/p7.jpg');
}
.jBox.org .detail div .i8 {
  background-image: url('../images/p8.jpg');
}
.jBox.org .detail div .i9 {
  background-image: url('../images/p4.jpg');
}
.jBox.org .detail div .i10 {
  background-image: url('../images/p5.jpg');
}
.jBox.org .upServe .title {
  font-size: 40px;
  padding: 30px 0 65px;
  text-align: center;
}
.jBox.org .upServe .map {
  height: 360px;
}
.jBox.org .upServe .map .north,
.jBox.org .upServe .map .west {
  position: relative;
  width: 50%;
  float: left;
  background: url("../images/north_map.jpg") no-repeat 50% top;
  height: 356px;
}
.jBox.org .upServe .map .north .tips,
.jBox.org .upServe .map .west .tips {
  position: absolute;
  font-size: 18px;
  bottom: 43px;
  width: 100%;
  text-align: center;
}
.jBox.org .upServe .map .west {
  background-image: url('../images/west_map.jpg');
}
.jBox.org .upServe .map .west .userList {
  left: auto;
  right: 80%;
}
.jBox.org .upServe .map .userList {
  display: none;
  position: absolute;
  left: 80%;
  width: 250px;
  background: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  padding: 26px 0 10px;
  top: 5%;
  z-index: 10;
}
.jBox.org .upServe .map .userList .close {
  position: absolute;
  right: 14px;
  top: 5px;
  font-size: 21px;
  cursor: pointer;
}
.jBox.org .upServe .map .userList .top {
  font-size: 26px;
  text-align: center;
  padding-bottom: 7px;
}
.jBox.org .upServe .map .userList .top2 {
  text-align: center;
  font-size: 16px;
  background: url("../images/hat_ico.jpg") no-repeat 33px 3px;
  padding-left: 37px;
  padding-top: 8px;
}
.jBox.org .upServe .map .userList .list {
  border-top: 1px solid #ccc;
  padding: 8px 20px;
}
.jBox.org .upServe .map .userList .list.first {
  border: 0;
  padding-top: 25px;
}
.jBox.org .upServe .map .userList .list p {
  line-height: 28px;
  font-size: 14px;
}
.jBox.org .upServe .map .userList .list p span {
  font-size: 16px;
}
.jBox.org .upServe .map .userList .list p .name {
  background: url("../images/man_ico.jpg") no-repeat left top;
  padding-left: 20px;
  padding-right: 10px;
}
.jBox.org .upServe .map .userList .list p .name.women {
  background-image: url("../images/wman_ico.jpg");
}
.jBox.org .upServe .map .userList .list p .tel {
  background: url("../images/tel2_ico.jpg") no-repeat left center;
  padding-left: 20px;
  float: right;
}
.jBox.org .upServe .map .userList .list p.pj {
  display: none;
  padding-left: 20px;
}
.jBox .xeList {
  width: 840px;
  margin: 0 auto;
  padding: 35px 0 20px;
}
.jBox .xeList .box {
  overflow: hidden;
  width: 100%;
}
.jBox .xeList .box .list {
  overflow: hidden;
  width: 9999px;
}
.jBox .xeList .box .list li {
  float: left;
  width: 160px;
  overflow: hidden;
  padding-right: 65px;
}
.jBox .xeList .box .list li .photo {
  padding-bottom: 19px;
}
.jBox .xeList .box .list li .detail {
  padding: 0;
  position: static;
}
.jBox .xeList .box .list li .detail p {
  padding-bottom: 10px;
}
.jBox .xeList .box .list li .detail p .name {
  font-size: 18px;
  color: #000000;
}
.jBox .xeList .box .list li .detail p .exp {
  font-size: 12px;
  color: #6E6E6E;
  float: right;
  line-height: 22px;
}
.jBox .xeList .box .list li .detail p.star {
  background: url("../images/start_ico.jpg") repeat-x left top;
  width: 100px;
  height: 18px;
}
.jBox.fk {
  margin-top: 30px;
  padding-bottom: 20px;
}
.jBox.fk .serve {
  padding-top: 20px;
}
.jBox .msgList {
  margin: 20px 50px;
  height: 335px;
  overflow: auto;
}
.jBox .msgList .list {
  overflow: hidden;
  padding: 5px 0 0;
}
.jBox .msgList .list .msgContent {
  background: #F5F5F5;
  padding: 6px 18px;
  color: #555555;
  width: 730px;
  font-size: 14px;
  line-height: 24px;
  float: right;
  position: relative;
}
.jBox .msgList .list .msgContent .userPic {
  position: absolute;
  left: -75px;
  top: 50%;
  margin-top: -23px;
  width: 75px;
  text-align: center;
}
.jBox .msgList .list .msgContent .userPic img {
  width: 47px;
  height: 47px;
  border-radius: 23.5px;
}
.jBox .msgList .list .time {
  float: left;
  width: 100%;
  line-height: 24px;
  font-size: 12px;
  color: #989898;
  text-align: right;
}
.jBox.liucheng {
  margin-top: 25px;
  width: 1000px;
}
.jBox.liucheng::before {
  content: '';
  position: absolute;
  top: -27px;
  left: 0;
  border-right: 27px solid #cacaca;
  border-top: transparent solid 27px;
}
.jBox.liucheng::after {
  content: '';
  position: absolute;
  right: 0;
  top: -27px;
  border-left: 27px solid #cacaca;
  border-top: transparent solid 27px;
}
.jBox.liucheng .serve {
  padding-top: 20px;
}
.jBox.liucheng .lcnr {
  height: 100px;
  background: #fff;
  margin: 0px auto;
  padding: 25px;
}
.jBox.liucheng .mk,
.jBox.liucheng .mk1,
.jBox.liucheng .mk2,
.jBox.liucheng .mk3,
.jBox.liucheng .mk4,
.jBox.liucheng .mk5,
.jBox.liucheng .mk6,
.jBox.liucheng .mk7,
.jBox.liucheng .mk8,
.jBox.liucheng .mk9,
.jBox.liucheng .mk10,
.jBox.liucheng .mk11,
.jBox.liucheng .mk12 {
  width: 66px;
  float: left;
}
.jBox.liucheng .mkk,
.jBox.liucheng .mkk1,
.jBox.liucheng .mkk2,
.jBox.liucheng .mkk3,
.jBox.liucheng .mkk4,
.jBox.liucheng .mkk5,
.jBox.liucheng .mkk6,
.jBox.liucheng .mkk7,
.jBox.liucheng .mkk8,
.jBox.liucheng .mkk9,
.jBox.liucheng .mkk10,
.jBox.liucheng .mkk11,
.jBox.liucheng .mkk12 {
  width: 66px;
  float: left;
}
.jBox.liucheng .fu_wz1 {
  width: 66px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}
.jBox.liucheng .fu_wz2 {
  width: 66px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #f87678;
}
.jBox.liucheng .jiant {
  width: 7px;
  height: 35px;
  /*background:url(../images/fg_14.jpg) no-repeat center;*/
  float: left;
}
.jBox.liucheng .xtb1,
.jBox.liucheng .xtb2,
.jBox.liucheng .xtb3,
.jBox.liucheng .xtb4,
.jBox.liucheng .xtb5,
.jBox.liucheng .xtb6,
.jBox.liucheng .xtb7,
.jBox.liucheng .xtb8,
.jBox.liucheng .xtb9,
.jBox.liucheng .xtb10,
.jBox.liucheng .xtb11,
.jBox.liucheng .xtb12,
.jBox.liucheng .xtb13 {
  width: 62px;
  height: 52px;
  display: block;
  position: relative;
}
.jBox.liucheng .xtb1 i,
.jBox.liucheng .xtb2 i,
.jBox.liucheng .xtb3 i,
.jBox.liucheng .xtb4 i,
.jBox.liucheng .xtb5 i,
.jBox.liucheng .xtb6 i,
.jBox.liucheng .xtb7 i,
.jBox.liucheng .xtb8 i,
.jBox.liucheng .xtb9 i,
.jBox.liucheng .xtb10 i,
.jBox.liucheng .xtb11 i,
.jBox.liucheng .xtb12 i,
.jBox.liucheng .xtb13 i {
  width: 66px;
  height: 30px;
  font-style: normal;
  text-align: center;
  display: block;
  position: absolute;
  bottom: -35px;
  font-size: 14px;
}
.jBox.liucheng .xtb1 em,
.jBox.liucheng .xtb2 em,
.jBox.liucheng .xtb3 em,
.jBox.liucheng .xtb4 em,
.jBox.liucheng .xtb5 em,
.jBox.liucheng .xtb6 em,
.jBox.liucheng .xtb7 em,
.jBox.liucheng .xtb8 em,
.jBox.liucheng .xtb9 em,
.jBox.liucheng .xtb10 em,
.jBox.liucheng .xtb11 em,
.jBox.liucheng .xtb12 em,
.jBox.liucheng .xtb13 em {
  display: none;
  line-height: 20px;
}
.jBox.liucheng .xtb1 {
  background: url(../images/tub.png) no-repeat 0px -5px;
  margin: 0px auto;
}
.jBox.liucheng .xtb2 {
  background: url(../images/tub.png) no-repeat 0px -68px;
  margin: 0px auto;
}
.jBox.liucheng .xtb3 {
  background: url(../images/tub.png) no-repeat 0px -130px;
  margin: 0px auto;
}
.jBox.liucheng .xtb4 {
  background: url(../images/tub.png) no-repeat 0px -195px;
  margin: 0px auto;
}
.jBox.liucheng .xtb5 {
  background: url(../images/tub.png) no-repeat 0px -260px;
  margin: 0px auto;
}
.jBox.liucheng .xtb6 {
  background: url(../images/tub.png) no-repeat 0px -325px;
  margin: 0px auto;
}
.jBox.liucheng .xtb7 {
  background: url(../images/tub.png) no-repeat 0px -390px;
  margin: 0px auto;
}
.jBox.liucheng .xtb8 {
  background: url(../images/tub.png) no-repeat 0px -455px;
  margin: 0px auto;
}
.jBox.liucheng .xtb9 {
  background: url(../images/tub.png) no-repeat 0px -515px;
  margin: 0px auto;
}
.jBox.liucheng .xtb10 {
  background: url(../images/tub.png) no-repeat 0px -575px;
  margin: 0px auto;
}
.jBox.liucheng .xtb11 {
  background: url(../images/tub.png) no-repeat 0px -635px;
  margin: 0px auto;
}
.jBox.liucheng .xtb12 {
  background: url(../images/tub.png) no-repeat 0px -695px;
  margin: 0px auto;
}
.jBox.liucheng .xtb13 {
  background: url(../images/tub.png) no-repeat 0px -765px;
  margin: 0px auto;
}
.jBox.liucheng .xtb1:hover {
  background: url(../images/tub.png) no-repeat -52px 0px;
}
.jBox.liucheng .xtb2:hover {
  background: url(../images/tub.png) no-repeat -52px -64px;
}
.jBox.liucheng .xtb3:hover {
  background: url(../images/tub.png) no-repeat -52px -129px;
}
.jBox.liucheng .xtb4:hover {
  background: url(../images/tub.png) no-repeat -52px -193px;
}
.jBox.liucheng .xtb5:hover {
  background: url(../images/tub.png) no-repeat -52px -323px;
}
.jBox.liucheng .xtb6:hover {
  background: url(../images/tub.png) no-repeat -52px -258px;
}
.jBox.liucheng .xtb7:hover {
  background: url(../images/tub.png) no-repeat -52px -386px;
}
.jBox.liucheng .xtb8:hover {
  background: url(../images/tub.png) no-repeat -52px -451px;
}
.jBox.liucheng .xtb9:hover {
  background: url(../images/tub.png) no-repeat -52px -515px;
}
.jBox.liucheng .xtb10:hover {
  background: url(../images/tub.png) no-repeat -52px -580px;
}
.jBox.liucheng .xtb11:hover {
  background: url(../images/tub.png) no-repeat -52px -640px;
}
.jBox.liucheng .xtb12:hover {
  background: url(../images/tub.png) no-repeat -52px -702px;
}
.jBox.liucheng .xtb13:hover {
  background: url(../images/tub.png) no-repeat -52px -764px;
}
.jBox.liucheng .xtb1:hover i,
.jBox.liucheng .xtb2:hover i,
.jBox.liucheng .xtb3:hover i,
.jBox.liucheng .xtb4:hover i,
.jBox.liucheng .xtb5:hover i,
.jBox.liucheng .xtb6:hover i,
.jBox.liucheng .xtb7:hover i,
.jBox.liucheng .xtb8:hover i,
.jBox.liucheng .xtb9:hover i,
.jBox.liucheng .xtb10:hover i,
.jBox.liucheng .xtb11:hover i,
.jBox.liucheng .xtb12:hover i,
.jBox.liucheng .xtb13:hover i {
  color: #94c31f;
}
.jBox.liucheng .xtb1:hover em {
  display: block;
  position: absolute;
  bottom: -60px;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 290px;
}
.jBox.liucheng .xtb3:hover em,
.jBox.liucheng .xtb6:hover em,
.jBox.liucheng .xtb2:hover em,
.jBox.liucheng .xtb7:hover em,
.jBox.liucheng .xtb8:hover em {
  display: block;
  position: absolute;
  bottom: -80px;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 420px;
}
.jBox.liucheng .xtb5:hover em,
.jBox.liucheng .xtb4:hover em {
  display: block;
  position: absolute;
  bottom: -60px;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 220px;
}
.jBox.liucheng .xtb9:hover em,
.jBox.liucheng .xtb10:hover em {
  display: block;
  position: absolute;
  bottom: -75px;
  right: 0;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 420px;
}
.jBox.liucheng .xtb12:hover em {
  display: block;
  position: absolute;
  bottom: -85px;
  right: 0;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 420px;
}
.jBox.liucheng .xtb11:hover em {
  display: block;
  position: absolute;
  bottom: -100px;
  right: 0;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 420px;
}
.jBox.liucheng .xtb13:hover em {
  display: block;
  position: absolute;
  bottom: -65px;
  right: 0;
  background: #94C31F;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  min-width: 300px;
}
.bottomTips {
  background: url("../images/bottom_tips.jpg") no-repeat 50% 50%;
  width: 1000px;
  margin: 0 auto;
  height: 66px;
}
.bottom_banner {
  background: url("../images/bottom_banner.jpg") no-repeat left top;
  width: 999px;
  height: 90px;
  margin: 0 auto 20px;
}
/*# sourceMappingURL=style.css.map */