body {

  font-family: "宋体";

}

li {

  list-style-type: none;

}

input {

  border: none;

  background-color: #ffffff;

  cursor: pointer;

  outline: none;

}

a {

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

ul,

ol {

  margin: 0;

  padding: 0;

}

ul {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

#serveBgcColor {

  background-color: #11bd97;

}

.state {

  display: inline-block;

  color: #ffffff;

  font-style: normal;

  border-radius: 4px;

  width: 46px;

  height: 20px;

  line-height: 20px;

}

.stateTrue {

  background-color: #f0ad4e;

}

.stateFlase {

  background-color: #11bd97;

}

.centered {

  width: 1200px;

  margin: 0 auto;

  background-color: rgba(0, 0, 0, 0);

}

.centered .synopsis {

  box-sizing: border-box;

  font-size: 14px;

  color: #000000;

  background-color: #f5f5f5;

  padding: 23px 22px 10px;

}

.centered .synopsis,

.centered .element2 {

  margin: 0 auto;

  width: 1120px;

}

.content {

  box-sizing: border-box;

  padding-bottom: 60px;

  background-color: #ffffff;

}

.content2 {

  background-color: #f6f6f6;

}

.content3 .route {

  width: 1200px;

  height: 67px;

  box-sizing: border-box;

  line-height: 67px;

  padding-left: 23px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: 16px 16px;

  background-image: url("../image/routeIcon.png");

  font-size: 14px;

  color: #666666;

  background-color: rgba(0, 0, 0, 0);

  margin: 0 auto;

}

.content3 .route span {

  color: #999999;

}

.mb {

  background-color: rgba(0, 0, 0, 0.7);

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}

.upright2 {

  background-color: #009887;

  width: 50px;

  height: 2px;

  margin-top: 20px;

  margin-bottom: 28px;

}

.allBtn,

.allBtn2 {

  width: 200px;

  height: 48px;

  border-radius: 4px;

  background-color: #009887;

  font-size: 16px;

  color: #ffffff;

  font-family: "微软雅黑";

}

.allBtn2 {

  width: 260px;

  height: 60px;

  border-radius: 50px;

  transition: all .3s ease-out;

}

.allBtn2:hover {

  background-color: rgba(0,152,135,.8);

}

.sidebar2 {

  background-color: #ffffff;

  width: 180px;

  margin-right: 20px;

}

.sidebar2 .storyList {

  width: 180px;

  height: 310px;

  flex-direction: column;

  justify-content: space-around;

}

.sidebar2 .storyList li {

  width: 140px;

  height: 40px;

  box-sizing: border-box;

  border-radius: 40px;

  line-height: 40px;

  text-align: center;

  padding-left: 30px;

  background-repeat: no-repeat;

  background-position: 24px;

  background-size: auto;

  cursor: pointer;

}

.sidebar2 .storyList li:hover, .sidebar2 .storyList .on {

  background-color: #009887;

  color: #ffffff;

}

.sidebar2 .storyList li:hover a,.sidebar2 .storyList .on a {

  color: #fff;

}

.sidebar2 .storyList .storyli:first-child {

  background-image: url("../image/storyIcon1.png");

}

.sidebar2 .storyList .storyli:first-child:hover {

  background-image: url("../image/storyIcon1-1.png");

}

.sidebar2 .storyList .storyli:nth-child(2) {

  background-image: url("../image/storyIcon2.png");

}

.sidebar2 .storyList .storyli:nth-child(2):hover {

  background-image: url("../image/storyIcon2-1.png");

}

.sidebar2 .storyList .storyli:nth-child(3) {

  background-image: url("../image/storyIcon3.png");

}

.sidebar2 .storyList .storyli:nth-child(3):hover {

  background-image: url("../image/storyIcon3-1.png");

}

.sidebar2 .storyList .storyli:nth-child(4) {

  background-image: url("../image/storyIcon4.png");

}

.sidebar2 .storyList .storyli:nth-child(4):hover {

  background-image: url("../image/storyIcon4-1.png");

}

.sidebar2 .storyList .storyli:nth-child(5) {

  background-image: url("../image/storyIcon5.png");

}

.sidebar2 .storyList .storyli:nth-child(5):hover {

  background-image: url("../image/storyIcon5-1.png");

}

.sidebar2 .storyList .noticeLi {

  margin-bottom: 15px;

}

.sidebar2 .storyList .noticeLi:first-child {

  background-image: url("../image/notice1.png");

}

.sidebar2 .storyList .noticeLi:first-child:hover {

  background-image: url("../image/notice1-1.png");

}

.sidebar2 .storyList .noticeLi:nth-child(2) {

  background-image: url("../image/notice2.png");

}

.sidebar2 .storyList .noticeLi:nth-child(2):hover {

  background-image: url("../image/notice2-1.png");

}

.sidebar2 .storyList .noticeLi:nth-child(3) {

  background-image: url("../image/notice3.png");

}

.sidebar2 .storyList .noticeLi:nth-child(3):hover {

  background-image: url("../image/notice3-1.png");

}

.sidebar2 .storyList .noticeLi:nth-child(4) {

  background-image: url("../image/notice4.png");

}

.sidebar2 .storyList .noticeLi:nth-child(4):hover {

  background-image: url("../image/notice4-1.png");

}

.sidebar2 .storyList2 .noticeLi {

  margin-bottom: 15px;

}

.sidebar2 .storyList2 .noticeLi:first-child {

  background-image: url("../image/notice5.png");

}

.sidebar2 .storyList2 .noticeLi:first-child:hover {

  background-image: url("../image/notice5-1.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(2) {

  background-image: url("../image/notice6.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(2):hover {

  background-image: url("../image/notice6-1.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(3) {

  background-image: url("../image/notice7.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(3):hover {

  background-image: url("../image/notice7-1.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(4) {

  background-image: url("../image/notice8.png");

}

.sidebar2 .storyList2 .noticeLi:nth-child(4):hover {

  background-image: url("../image/notice8-1.png");

}

.skipBox {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-size: 12px;

  color: #3f3436;

  margin-bottom: 13px;

}

.skipBox .skipBtn {

  font-size: 14px;

  color: #d2d2d2;

}

.skipBox .skipBtn li {

  width: 36px;

  height: 36px;

  box-sizing: border-box;

  text-align: center;

  line-height: 36px;

  border-width: 1px;

  border-color: #cccccc;

  border-style: solid;

  font-size: 14px;

  color: #0c0407;

  cursor: pointer;

  margin-right: -1px;

}

.skipBox .skipBtn li:hover {

  background-color: #009887;

  border-color: #009887;

}

.skipBox .skipBtn .textBtn {

  width: 70px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 7px 11px;

}

.skipBox .skipBtn .UpPageBtn {

  padding-left: 10px;

  background-position: 10px;

  margin-right: 5px;

  background-image: url("../image/headerLeft.png");

}

.skipBox .skipBtn .nextPageBtn {

  padding-right: 10px;

  background-position: 56px;

  margin-right: 11px;

  background-image: url("../image/headerRight.png");

}

.skipBox .SkipIpBox {

  border-width: 1px;

  border-color: #cccccc;

  border-style: solid;

  width: 34px;

  height: 21px;

  text-align: center;

  margin: 0 7px;

}

.skipBox .BtnIp {

  border-width: 1px;

  border-color: #cccccc;

  border-style: solid;

  width: 40px;

  height: 21px;

  margin-left: 7px;

}

.enterpriseData {

  width: 100%;

  height: 300px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

  background-image: url("../image/1532931026.jpg");

  position: relative;

}

.enterpriseData .mb {

  height: 100%;

  background-color: rgba(49, 171, 157, 0.8);

}

.enterpriseData .mb ul {

  width: 100%;

  height: 100%;

  justify-content: center;

}

.enterpriseData .mb ul li {

  /* padding: 0px 100px; */
  width:25%;
  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  color: #ffffff;

}

.enterpriseData .mb ul li h2 {

  font-size: 80px;

  display: inline-block;

  margin: 0;

  font-family: "DIN Offc Pro Cond";

}

.enterpriseData .mb ul li span {

  font-size: 14px;

}

.enterpriseData .mb ul li:not(:first-child) {

  border-left: 1px solid #ffffff;

}

.sitterResume {

  width: 279px;

  height: 438px;

  box-sizing: border-box;

  border-width: 1px;

  border-style: solid;

  border-color: #e5e5e5;

  position: relative;

}

.sitterResume:hover {

  border-color: #11bd97;

}

.sitterResume img {

  width: 100%;

  height: 280px;

}

.sitterResume .zx_index_img {

  width: 100%;

  height: 280px;

}

.sitterResume .message {

  width: 100%;

  box-sizing: border-box;

  padding: 14px 7px;

}

.sitterResume .message .name {

  width: 100%;

  font-size: 16px;

  color: #000000;

  position: relative;

  text-align: left;

}

.sitterResume .message .name span {

  font-size: 12px;

}

.sitterResume .message .name .state {

  position: absolute;

  top: 0;

  right: 0;

  text-align: center;

}

.sitterResume .message .resume {

  font-size: 12px;

  color: #999999;

  margin: 16px 0px;

}

.sitterResume .message .resume span {

  padding: 0px 3px;

}

.sitterResume .message .resume span:not(:first-child) {

  border-left: 1px solid #999999;

}

.sitterResume .message .resume span:first-child {

  padding-left: 0;

}

.sitterResume .message .resume span:last-child {

  padding-right: 0;

}

.sitterResume .message .credential {

  text-align: left;

  font-size: 12px;

  margin-top: 0;

}

.sitterResume .message .salary {

  font-size: 24px;

  color: #11bd97;

  position: absolute;

  left: 6px;

  bottom: 3px;

}

.sitterResume .message .salary .days {

  font-size: 14px;

  color: #999999;

  margin-left: 7px;

}

.element {

  width: 100%;

}

.element h1 {

  font-size: 36px;

  color: #009887;

  font-family: "微软雅黑";

  margin-bottom: 27px;

}

.element .title {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.element .upright {

  display: block;

  background-color: #009887;

  width: 4px;

  height: 18px;

  margin-right: 13px;

  border-radius: 10px;

}

.element .showBtnBox {

  display: flex;

  align-items: center;

  justify-content: center;

}

.element .showBtnBox input {

  width: 158px;

  height: 38px;

  border-width: 1px;

  border-color: #999999;

  border-style: solid;

  margin: 0;

  font-size: 16px;

  color: #999999;

}

.element .showBtnBox .leftBtn {

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

  border-right: none;

}

.element .showBtnBox .rightBtn {

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

}

.element .showBtnBox .confirm {

  background-color: #009887;

  border-color: #009887;

  color: #ffffff;

}

.element .inputBox {

  width: 100%;

}

.element .inputBox .allBtn2 {

  font-size: 24px;

}

.element .inputBox .inputText {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 929px;

  margin: 0 auto;

  margin-bottom: 56px;

}

.element .inputBox .inputText input,

.element .inputBox .inputText .selects {

  width: 298px;

  height: 48px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #d2d2d2;

  border-style: solid;

  border-radius: 6px;

  background-color: #ffffff;

  text-align: left;

  padding-left: 50px;

  font-size: 14px;

  background-repeat: no-repeat;

  background-position: 20px;

  background-size: auto;

  position: relative;

  cursor: pointer;

}

.element .inputBox .inputText .user-arrow {

  width: 18px;

  height: 13px;

  position: absolute;

  right: 18px;

  top: 19px;

}

.element .inputBox .inputText .selected {

  color: #999999;

}

.element .inputBox .inputText .selects_head {

  height: 48px;

  line-height: 48px;

}

.element .inputBox .inputText .selects_other {

  position: absolute;

  left: 0;

  width: 100%;

  display: none;

  z-index: 5;

  border-top: 1px solid #d2d2d2;

}

.element .inputBox .inputText .selects_other a {

  border: 1px solid #d2d2d2;

  border-top: none;

  display: block;

  width: 100%;

  text-indent: 50px;

  height: 48px;

  line-height: 48px;

  background-color: #fff;

  color: #838383;

}

.element .teacherList {

  width: 100%;

  position: relative;

  margin-top: 45px;

}

.element .teacherList .swiper-button-white {

  width: 40px;

  height: 120px;

  background-color: rgba(43, 51, 60, 0.2);

  position: absolute;

  top: 50%;

  margin-top: -60px;

}

.element .teacherList .swiper-button-next {

  right: 0;

}

.element .teacherList .swiper-button-prev {

  left: 0;

}

.element .teacherList .teacher {

  width: 280px;

  height: 541px;

}

.element .teacherList .teacher img {

  width: 100%;

  height: 280px;

}

.element .teacherList .teacher .message {

  width: 100%;

  height: 230px;

  box-sizing: border-box;

  padding: 28px 18px 14px;

  border: 1px solid #eeeeee;

  border-top: none;

}

.element .teacherList .teacher .message .name {

  display: block;

  font-size: 16px;

  color: #000000;

  text-align: left;

  font-weight: bold;

}

.element .teacherList .teacher .message .introduce {

  text-align: left;

  font-size: 12px;

  color: #848484;

  margin: 10px 0px 44px;

  line-height: 150%;

}

.element .teacherList .teacher .message .consultBtn {

  width: 170px;

  height: 40px;

  background-color: #009887;

  position: absolute;

  bottom: 45px;

  left: 50%;

  transform: translate(-50%,0);

}

.element .teacherList .teacher .message .consultBtn a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 40px;

  font-size: 16px;

  color: #ffffff;

}

.element .environment .gallery-top {

  width: 100%;

  height: 600px;

  margin-bottom: 7px;

  margin-top: 38px;

}

.element .environment .gallery-top .gallery-top-link {

  display: block;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

.element .environment .gallery-thumbs {

  width: 100%;

  height: 106px;

  box-sizing: border-box;

  padding: 0px 53px 0px 53px;

}

.element .environment .gallery-thumbs .swiper-slide {

  height: 106px;

}

.element .environment .gallery-thumbs .swiper-slide-active {

  opacity: 1;

}

.element .environment .gallery-thumbs .swiper-wrapper :not(.swiper-slide-active) {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

}

.element .environment .swiper-slide {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.element .environment .swiper-button-white {

  background-color: #393c41;

  width: 48px;

  height: 106px;

  top: 0;

  margin: 0;

}

.element .environment .swiper-button-next {

  right: 0;

}

.element .environment .swiper-button-prev {

  left: 0;

}

.element .glorySwierp {

  width: 1064px;

  margin: 46px auto 0px;

}

.element .glorySwierp .glory {

  width: 186px;

  font-size: 12px;

  color: #666666;

}

.element .glorySwierp .glory img {

  width: 100%;

  height: 122px;

  margin-bottom: 25px;

}

.element .tableList {

  width: 100%;

  margin-top: 76px;

}

.element .titleList {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  margin-bottom: 31px;

}

.element .titleList h1 {

  font-weight: 400;

  color: #666666;

  cursor: pointer;

  margin: 0;

  padding: 0px 10px;

}

.element .titleList h1:not(:first-child) {

  border-left: 1px solid #e5e5e5;

}

.element .titleList .confirm {

  color: #009887;

}

.element .titleList .dotBox {

  width: 86px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: absolute;

  left: 50%;

  margin-left: -43px;

  bottom: 20px;

}

.element .titleList .dotBox i {

  width: 10px;

  height: 10px;

  border-width: 1px;

  border-color: #009887;

  border-style: solid;

  border-radius: 50%;

  background-color: #ffffff;

}

.element .titleList .dotBox .dot {

  background-color: #009887;

}

.element .newsBox {

  width: 100%;

  height: 364px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  align-items: flex-start;

  margin-top: 45px;

}

.element .newsBox .title {

  overflow: hidden;

  font-size: 18px;

  font-weight: bold;

}

.element .newsBox .text {

  font-size: 14px;

  color: #999999;

  overflow: hidden;

}

.element .newsBox .time {

  text-align: center;

  font-family: "Arial";

  font-size: 14px;

  width: 81px;

  height: 90px;

  box-sizing: border-box;

  background-color: #c0c0c0;

  padding: 11px 0px;

  color: #ffffff;

  vertical-align: middle;

}

.element .newsBox .time p {

  display: inline-block;

  font-size: 42px;

  margin: 0;

  text-align: center;

  font-weight: bold;

}

.element .newsBox .headline {

  width: 582px;

  position: relative;

  text-align: left;

  margin-right: 40px;

  float: left;

}

.element .newsBox .headline img {

  width: 100%;

  height: 300px;

  margin-bottom: 20px;

}

.element .newsBox .headline .title {

  color: #009887;

  margin-bottom: 15px;

}

.element .newsBox .headline .time {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #009887;

}

.element .newsBox .newsList {

  flex-direction: column;

}

.zx_ketangList .newsList li {

  padding: 23px 0;

  border-bottom: 1px dashed #bdbdbd;

}

.zx_ketangList .newsList li:first-child {

  padding-top: 0;

}

.zx_ketangList .newsList li:last-child {

  padding-bottom: 0;

  border-bottom: none;

}

.element .newsBox .newsList li {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  width: 573px;

  box-sizing: border-box;

  cursor: pointer;

}

.element .newsBox .newsList li div:nth-child(2) {

  text-align: left;

  width: 469px;

  height: 90px;

}

.element .newsBox .newsList li .time {

  margin-right: 24px;

  transition: background-color .3s ease-out;

}

.element .newsBox .newsList li .title {

  margin-top: 10px;

  margin-bottom: 14px;

}

.element .newsBox .newsList li .text {

  line-height: 150%;

}

.element .newsBox .newsList li:hover {

  color: #009887;

}

.element .newsBox .newsList li:hover .time {

  background-color: #009887;

}

.element .newsBox .newsList li:hover .text {

  color: #009887;

}

.element .newsBox .newsList li:hover .title {

  color: #009887;

}

.element .tagcloud {

  position: relative;

  width: 100%;

  height: 238px;

}

.element .tagcloud a {

  display: block;

  position: absolute;

  top: 0px;

  left: 0px;

  padding: 3px 6px;

  border-radius: 20px;

  font-size: 16px;

  color: #ffffff;

  opacity: 0.7;

}

.element .tagcloud .tag1 {

  background-color: #28c3a1;

}

.element .tagcloud .tag2 {

  background-color: #ff7373;

}

.element .tagcloud .tag3 {

  background-color: #ffaa51;

}

.element .tagcloud .tag4 {

  background-color: #a3d5ff;

}

.element .requirement {

  flex-direction: column;

  align-items: flex-start;

  font-size: 14px;

  color: #999999;

  line-height: 200%;

}

.element .applyFrom {

  width: 1080px;

  box-sizing: border-box;

  background-color: #f9f9f9;

  padding: 34px 26px 39px;

  color: #000000;

  font-size: 14px;

}

.element .applyFrom .message {

  justify-content: space-between;

}

.element .applyFrom .message li {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.element .applyFrom .message input,

.element .applyFrom .message .selects {

  width: 238px;

  height: 38px;

  box-sizing: border-box;

  padding-left: 10px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  text-align: left;

  position: relative;

  cursor: pointer;

}

.element .applyFrom .message .user-arrow {

  width: 18px;

  height: 10px;

  position: absolute;

  right: 13px;

  top: 17px;

}

.element .applyFrom .message .selected {

  color: #000000;

}

.element .applyFrom .message .selects_head {

  height: 38px;

  line-height: 38px;

}

.element .applyFrom .message .selects_other {

  position: absolute;

  left: 0;

  width: 100%;

  display: none;

  z-index: 5;

  border-top: 1px solid #d2d2d2;

}

.element .applyFrom .message .selects_other a {

  border: 1px solid #d2d2d2;

  border-top: none;

  display: block;

  width: 100%;

  text-indent: 50px;

  height: 38px;

  line-height: 38px;

  background-color: #fff;

  color: #838383;

}

.element .applyFrom .experience {

  margin-top: 42px;

  margin-bottom: 35px;

}

.element .applyFrom .credential {

  margin-bottom: 76px;

}

.element .applyFrom .experience li,

.element .applyFrom .credential li {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  color: #666666;

  margin-right: 27px;

}

.element .applyFrom .experience div,

.element .applyFrom .credential div {

  width: 18px;

  height: 18px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  margin-left: 5px;

  cursor: pointer;

}

.element .applyFrom .experience .radio,

.element .applyFrom .credential .radio {

  background-color: #009887;

}

.element .applyFrom input[type="button"] {

  display: block;

  width: 200px;

  height: 48px;

  border-radius: 4px;

  background-color: #009887;

  font-size: 16px;

  color: #ffffff;

  margin: 0 auto;

}

.element2 {

  box-sizing: border-box;

}

.element2 .title {

  padding-top: 38px;

  padding-bottom: 20px;

}

.element2 .title h3 {

  font-size: 16px;

  color: #009887;

}

.element2 .content {

  padding: 0;

}

.element2 .flow {

  margin-top: 50px;

  margin-bottom: 30px;

}

.element2 .flow img {

  height: 100%;

}

.element2 .element {

  background-color: #ffffff;

}

.borderBox {

  border: 1px solid #e5e5e5;

  border-top: none;

  width: 1120px;

  box-sizing: border-box;

  margin: 0 auto;

  padding: 22px 20px 50px;

  overflow: hidden;

}

.secondaryPage .title {

  margin-bottom: 115px;

  justify-content: center;

  flex-direction: column;

}

.secondaryPage .title h1 {

  font-weight: 500;

  display: inline-block;

  margin-bottom: 0;

}

.secondaryPage .title .upright2 {

  margin: 0;

  margin-top: 21px;

  width: 50px;

  height: 4px;

  border-radius: 10px;

}

.secondaryPage .title .explain {

  margin-top: 27px;

}

.secondaryPage .crosswiseList {

  align-items: flex-start;

}

.secondaryPage .crosswiseList li {

  text-align: center;

}

.secondaryPage .crosswiseList li img {

  width: auto;

  margin-bottom: 36px;

}

.secondaryPage .crosswiseList li p {

  font-size: 16px;

  color: #000000;

  font-weight: bold;

}

.secondaryPage .crosswiseList li span {

  display: block;

  margin-top: 36px;

  font-size: 14px;

  color: #999999;

  width: 315px;

}

.secondaryPage .crosswise2 li span {

  width: 256px;

}

.secondaryPage .crosswise3 li span {

  width: 189px;

}

.secondaryPage .put1 {

  justify-content: space-around;

}

.secondaryPage .put2 {

  justify-content: space-between;

}

.secondaryPage .jobBox {

  position: relative;

  width: 100%;

  height: 406px;

}

.secondaryPage .jobBox .jobOrientation li {

  width: 186px;

  height: 186px;

  box-sizing: border-box;

  border: 1px solid #e5e5e5;

  overflow: hidden;

  transform: rotate(-45deg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

}

.secondaryPage .jobBox .job1 {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

}

.secondaryPage .jobBox .job1 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: 37px;

  background-image: url("../image/job4.jpg");

}

.secondaryPage .jobBox .job1 li:nth-child(1):hover {

  background-image: url(../image/job4-ture.jpg);

}

.secondaryPage .jobBox .job1 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 304px;

  background-image: url("../image/job2.jpg");

}

.secondaryPage .jobBox .job1 li:nth-child(2):hover {

  background-image: url(../image/job2-ture.jpg);

}

.secondaryPage .jobBox .job1 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 571px;

  background-image: url("../image/job3.jpg");

}

.secondaryPage .jobBox .job1 li:nth-child(3):hover {

  background-image: url(../image/job3-ture.jpg);

}

.secondaryPage .jobBox .job1 li:nth-child(4) {

  position: absolute;

  top: 37px;

  left: 838px;

  background-image: url("../image/job1.jpg");

}

.secondaryPage .jobBox .job1 li:nth-child(4):hover {

  background-image: url(../image/job1-ture.jpg);

}

.secondaryPage .jobBox .job2 {

  width: 100%;

  position: absolute;

  right: -134px;

  top: 135px;

}

.secondaryPage .jobBox .job2 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: 37px;

  background-image: url("../image/job5.jpg");

}

.secondaryPage .jobBox .job2 li:nth-child(1):hover {

  background-image: url(../image/job5-ture.jpg);

}

.secondaryPage .jobBox .job2 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 304px;

  background-image: url("../image/job6.jpg");

}

.secondaryPage .jobBox .job2 li:nth-child(2):hover {

  background-image: url(../image/job6-ture.jpg);

}

.secondaryPage .jobBox .job2 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 571px;

  background-image: url("../image/job7.jpg");

}

.secondaryPage .jobBox .job2 li:nth-child(3):hover {

  background-image: url(../image/job7-ture.jpg);

}

.secondaryPage .jobBox .job2 li:nth-child(4) {

  position: absolute;

  top: 37px;

  left: 838px;

  background-image: url("../image/job8.jpg");

}

.secondaryPage .jobBox .job2 li:nth-child(4):hover {

  background-image: url(../image/job8-ture.jpg);

}

.secondaryPage .jobBox .job3 {

  width: 100%;

  position: absolute;

  right: -365px;

  top: -6px;

}

.secondaryPage .jobBox .job3 li {

  background-size: 100% 100%;

  width: 218px;

  height: 218px;

}

.secondaryPage .jobBox .job3 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: -145px;

  background-image: url("../image/job31.png");

}

.secondaryPage .jobBox .job3 li:nth-child(1):hover {

  background-image: url(../image/job31-ture.png);

}

.secondaryPage .jobBox .job3 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 203px;

  background-image: url("../image/job32.png");

}

.secondaryPage .jobBox .job3 li:nth-child(2):hover {

  background-image: url(../image/job32-ture.png);

}

.secondaryPage .jobBox .job3 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 560px;

  background-image: url("../image/job33.png");

}

.secondaryPage .jobBox .job3 li:nth-child(3):hover {

  background-image: url(../image/job33-ture.png);

}

.secondaryPage .jobBox .job4 {

  width: 100%;

  position: absolute;

  left: 10px;

  top: 150px;

}

.secondaryPage .jobBox .job4 li {

  background-size: 100% 100%;

  width: 218px;

  height: 218px;

}

.secondaryPage .jobBox .job4 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: 37px;

  background-image: url("../image/job41.png");

}

.secondaryPage .jobBox .job4 li:nth-child(1):hover {

  background-image: url(../image/job41-ture.png);

}

.secondaryPage .jobBox .job4 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 385px;

  background-image: url("../image/job42.png");

}

.secondaryPage .jobBox .job4 li:nth-child(2):hover {

  background-image: url(../image/job42-ture.png);

}

.secondaryPage .jobBox .job4 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 738px;

  background-image: url("../image/job43.png");

}

.secondaryPage .jobBox .job4 li:nth-child(3):hover {

  background-image: url(../image/job43-ture.png);

}

.secondaryPage .jobBox .job5 {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

}

.secondaryPage .jobBox .job5 li {

  width: 166px;

  height: 166px;

  border-radius: 15px;

  background-size: 100% 100%;

}

.secondaryPage .jobBox .job5 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: 37px;

  background-image: url("../image/job5-1.png");

}

.secondaryPage .jobBox .job5 li:nth-child(1):hover {

  background-image: url("../image/job5-11.png");

}

.secondaryPage .jobBox .job5 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 304px;

  background-image: url("../image/job5-2.png");

}

.secondaryPage .jobBox .job5 li:nth-child(2):hover {

  background-image: url("../image/job5-22.png");

}

.secondaryPage .jobBox .job5 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 571px;

  background-image: url("../image/job5-3.png");

}

.secondaryPage .jobBox .job5 li:nth-child(3):hover {

  background-image: url("../image/job5-33.png");

}

.secondaryPage .jobBox .job5 li:nth-child(4) {

  position: absolute;

  top: 37px;

  left: 838px;

  background-image: url("../image/job5-4.png");

}

.secondaryPage .jobBox .job5 li:nth-child(4):hover {

  background-image: url("../image/job5-4.png");

}

.secondaryPage .jobBox .job6 {

  width: 100%;

  position: absolute;

  right: -134px;

  top: 135px;

}

.secondaryPage .jobBox .job6 li {

  width: 166px;

  height: 166px;

  border-radius: 15px;

  background-size: 100% 100%;

}

.secondaryPage .jobBox .job6 li:nth-child(1) {

  position: absolute;

  top: 37px;

  left: 37px;

  background-image: url("../image/job6-1.png");

}

.secondaryPage .jobBox .job6 li:nth-child(1):hover {

  background-image: url(../image/job6-11.png);

}

.secondaryPage .jobBox .job6 li:nth-child(2) {

  position: absolute;

  top: 37px;

  left: 304px;

  background-image: url("../image/job6-2.png");

}

.secondaryPage .jobBox .job6 li:nth-child(2):hover {

  background-image: url(../image/job6-22.png);

}

.secondaryPage .jobBox .job6 li:nth-child(3) {

  position: absolute;

  top: 37px;

  left: 571px;

  background-image: url("../image/job6-3.png");

}

.secondaryPage .jobBox .job6 li:nth-child(3):hover {

  background-image: url(../image/job6-33.png);

}

.secondaryPage .jobBox .job6 li:nth-child(4) {

  position: absolute;

  top: 37px;

  left: 838px;

  background-image: url("../image/job6-4.png");

}

.secondaryPage .jobBox .job6 li:nth-child(4):hover {

  background-image: url(../image/job6-44.png);

}

.secondaryPage .classSchedule {

  border: solid #009887;

  border-width: 1px 0px 0px 1px;

}

.secondaryPage .classSchedule td {

  border: solid #009887;

  border-width: 0px 1px 1px 0px;

  height: 85px;

  font-size: 14px;

}

.secondaryPage .classSchedule td:nth-child(1) {

  width: 87px;

  text-align: center;

  line-height: 85px;

  font-weight: bold;

}

.secondaryPage .classSchedule ul {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  flex-wrap: wrap;

  padding: 24px 20px;

}

.secondaryPage .classSchedule ul li {

  width: 50%;

}

.secondaryPage .trainingCourse {

  border: solid #e5e5e5;

  border-width: 1px 0px 0px 1px;

  width: 100%;

}

.secondaryPage .trainingCourse td,

.secondaryPage .trainingCourse th {

  border: solid #e5e5e5;

  border-width: 0px 1px 1px 0px;

  font-size: 14px;

  height: 52px;

  text-align: center;

  line-height: 52px;

  color: #000000;

}

.secondaryPage .trainingCourse th {

  font-weight: bold;

}

.secondaryPage .trainingCourse td:nth-child(2n) {

  text-align: left;

  padding-left: 23px;

}

.secondaryPage .applyForBox {

  width: 100%;

  height: 442px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

}

.secondaryPage .applyForBox .mb {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  position: static;

  height: 100%;

}

.secondaryPage .applyForBox .mb .inputTitle {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  color: #ffffff;

  font-size: 14px;

  margin-bottom: 88px;

  margin-top: 77px;

}

.secondaryPage .applyForBox .mb .inputTitle h1 {

  font-size: 36px;

  color: #ffffff;

  margin-bottom: 24px;

  font-family: "微软雅黑";

  font-weight: 500;

}

.secondaryPage .applyForBox .mb .inputTitle h1 span {

  color: #fff117;

}

.secondaryPage .applyForBox .mb .inputTitle h1 .money {

  font-size: 40px;

}

.secondaryPage .applyForBox .mb .inputTitle .upright2 {

  background-color: #ffffff;

  margin-top: 7px;

  margin-bottom: 0;

  width: 50px;

  height: 4px;

  border-radius: 10px;

}

.secondaryPage .applyForBox .mb .applyFor {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.secondaryPage .applyForBox .mb .applyFor .text {

  border-radius: 6px;

  background-color: #ffffff;

  width: 300px;

  height: 50px;

  box-sizing: border-box;

  padding-left: 47px;

  font-size: 14px;

  margin-right: 13px;

  background-repeat: no-repeat;

  background-position: 18px;

  background-size: auto;

}

.secondaryPage .applyForBox .mb .applyFor .text:nth-child(1) {

  background-image: url("../image/inputIcon1.png");

}

.secondaryPage .applyForBox .mb .applyFor .text:nth-child(2) {

  background-image: url("../image/inputIcon2.png");

}

.secondaryPage .applyForBox .mb .applyFor .allBtn {

  border-radius: 6px;

  width: 161px;

  height: 50px;

  font-size: 20px;

}

.secondaryPage .applyForBox .mb .applyFor .allBtn2 {

  width: 250px;

  height: 48px;

  border-radius: 0;

}

.secondaryPage .applyForBox .mb .applyFor .allBtn2 a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 48px;

  color: #ffffff;

  font-size: 16px;

}

.secondaryPage .applyForBox .mb .applyFor .allBtn2:nth-child(2) {

  margin-left: 121px;

  background-color: #475360;

}

.secondaryPage .CollegeSwiper {

  width: 100%;

  height: 286px;

  margin-bottom: 44px;

}

.secondaryPage .CollegeSwiper .swiper-slide {

  height: 100%;

  width: 280px;

  box-sizing: border-box;

  border: 1px solid #e5e5e5;

}

.secondaryPage .CollegeSwiper .swiper-slide img {

  width: 100%;

  height: 100%;

}

.secondaryPage .CollegeSwiper .swiper-button-white {

  background-color: rgba(255, 255, 255, 0.502);

  width: 50px;

  height: 120px;

  top: 50%;

  margin-top: -60px;

  background-size: 28px 69px;

  background-position: center;

}

.secondaryPage .applyAdvertising {

  width: 100%;

  height: 100px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url("../image/applyImg.png");

  position: relative;

}

.secondaryPage .applyAdvertising a {

  display: block;

  width: 161px;

  height: 50px;

  background-color: rgba(0, 0, 0, 0);

  position: absolute;

  right: 49px;

  bottom: 16px;

}

.secondaryPage .studentsJob {

  width: 100%;

  font-size: 14px;

  color: #000000;

  border-collapse: collapse;

  table-layout: fixed;

}

.secondaryPage .studentsJob th,

.secondaryPage .studentsJob td {

  border-left: none;

  border-top: none;

  border-right: none;

  border-bottom: 1px #e5e5e5 solid;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.secondaryPage .studentsJob thead {

  width: -webkit-calc(83%);

  width: -moz-calc(83%);

  width: calc(83%);

  height: 60px;

}

.secondaryPage .studentsJob thead tr {

  width: 100%;

  height: 60px;

  line-height: 60px;

  display: block;

}

.secondaryPage .studentsJob thead tr th {

  float: left;

  display: block;

  width: 16.66%;

  height: 60px;

  font-size: 14px;

  text-align: center;

  font-weight: bold;

}

.secondaryPage .studentsJob thead tr th:first-child {

  width: 10%;

}

.secondaryPage .studentsJob thead tr th:nth-child(4) {

  width: 20%;

}

.secondaryPage .studentsJob tbody {

  display: block;

  height: 290px;

  overflow: auto;

  width: 100%;

}

.secondaryPage .studentsJob tbody tr {

  width: 100%;

  display: block;

  height: 37px;

  line-height: 37px;

}

.secondaryPage .studentsJob tbody tr td {

  float: left;

  display: block;

  width: 16.66%;

  text-align: center;

  font-size: 14px;

  color: #999999;

  overflow: hidden;

}

.secondaryPage .studentsJob tbody tr td:first-child {

  width: 10%;

}

.secondaryPage .studentsJob tbody tr td:nth-child(4) {

  width: 20%;

}

.secondaryPage .questionList {

  width: 1197px;

  box-sizing: border-box;

  background-color: #ffffff;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  padding-left: 17px;

  padding-right: 21px;

  flex-direction: column;

  align-items: flex-start;

}

.secondaryPage .questionList li {

  font-size: 14px;

  color: #484848;

  width: 100%;

  padding-top: 22px;

  padding-bottom: 16px;

  text-align: left;

  position: relative;

}

.secondaryPage .questionList li .allBtn {

  width: 88px;

  height: 30px;

}

.secondaryPage .questionList li .allBtn a {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 30px;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

}

.secondaryPage .questionList li:nth-child(2),

.secondaryPage .questionList li:nth-child(3),

.secondaryPage .questionList li:nth-child(4) {

  border-bottom: 1px dotted #e5e5e5;

}

.secondaryPage .questionList li .btn {

  position: absolute;

  top: 12px;

  right: 0;

  transition: all .3s ease;

}

.secondaryPage .questionList li .btn:hover {

  opacity: .7;

}

.secondaryPage .questionList .title {

  margin: 0;

  border-bottom: 1px solid #e5e5e5;

  align-items: flex-start;

}

.secondaryPage .questionList .title a {

  font-size: 14px;

  color: #999999;

  top: 22px;

}

.secondaryPage .prospect {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-end;

}

.secondaryPage .prospect .text {

  width: 642px;

  text-align: left;

}

.secondaryPage .prospect .text p {

  font-size: 14px;

  color: #666666;

  line-height: 186%;

  margin-bottom: 40px;

}

.secondaryPage .prospect .text .so {

  font-weight: 500;

  font-weight: bold;

}

.secondaryPage .prospect .photoFrame {

  width: 448px;

  height: 258px;

  box-sizing: border-box;

  border: 4px solid #009887;

  position: relative;

  margin-left: 68px;

}

.secondaryPage .prospect .photoFrame img {

  width: 456px;

  height: 330px;

  position: absolute;

  left: 30px;

  bottom: 36px;

}

.secondaryPage .prospect2 {

  display: flex;

  align-items: center;

  justify-content: space-between;

  align-items: flex-end;

}

.secondaryPage .prospect2 .imagesBox {

  position: relative;

}

.secondaryPage .prospect2 .imagesBox .Z1 {

  width: 356px;

  height: 402px;

}

.secondaryPage .prospect2 .imagesBox .Z2 {

  position: absolute;

  left: 178px;

  bottom: 66px;

  width: 286px;

  height: 402px;

}

.secondaryPage .prospect2 .prospect {

  flex-direction: column;

  align-items: flex-start;

}

.secondaryPage .prospect2 .prospect .title {

  align-items: flex-start;

  margin-bottom: 43px;

}

.secondaryPage .prospect2 .prospect .allBtn {

  width: 160px;

  height: 40px;

  border-radius: 20px;

  margin-top: 54px;

}

.secondaryPage .prospect2 .prospect .allBtn a {

  display: block;

  width: 100%;

  height: 100%;

  color: #ffffff;

  font-size: 16px;

  box-sizing: border-box;

  text-align: right;

  line-height: 40px;

  padding-right: 56px;

  background-repeat: no-repeat;

  background-position: 110px;

  background-size: 30px 14px;

  background-image: url("../image/allBtnRight.png");

}

.secondaryPage .prospect2 .prospect img {

  margin-top: 51px;

}

.secondaryPage .prospect2 .curriculum .thick {

  font-weight: bold;

}

.secondaryPage .prospect2 .curriculum p {

  margin-bottom: 30px;

  font-size: 16px;

}

.secondaryPage .prospect2 .curriculum .table {

  border: solid #009887;

  border-width: 1px 0px 0px 1px;

  width: 548px;

}

.secondaryPage .prospect2 .curriculum .table .tr {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(1) .td:nth-child(2n),

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(2) .td:nth-child(2n),

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(3) .td:nth-child(2n) {

  width: 448px;

}

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(4) .td:nth-child(2),

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(5) .td:nth-child(2) {

  width: 240px;

}

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(4) .td:nth-child(4),

.secondaryPage .prospect2 .curriculum .table .tr:nth-child(5) .td:nth-child(4) {

  width: 108px;

}

.secondaryPage .prospect2 .curriculum .table .td {

  border: solid #009887;

  border-width: 0px 1px 1px 0px;

  box-sizing: border-box;

  font-size: 14px;

  text-align: left;

  height: 49px;

  line-height: 49px;

  color: #000000;

}

.secondaryPage .prospect2 .curriculum .table .td:nth-child(2n) {

  padding-left: 10px;

}

.secondaryPage .prospect2 .curriculum .table .thick {

  width: 100px;

  text-align: center;

}

.secondaryPage .prospect2 .curriculum .table .allBtn {

  display: block;

  width: 90px;

  height: 30px;

  font-size: 14px;

  text-align: center;

  line-height: 30px;

  border-radius: 20px;

  margin-top: 7px;

}

.secondaryPage .prospect2 .curriculum .training {

  width: 578px;

  height: 245px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.secondaryPage .prospect2 .curriculum .training img {

  width: 190px;

  height: 120px;

}

.secondaryPage .prospect2 .curriculum .training img:nth-child(3n-1) {

  margin: 0 auto;

}

.secondaryPage .prospect2 .curriculum .training img:nth-child(n+4) {

  margin-top: auto;

}

.secondaryPage #direction {

  flex-wrap: wrap;

  justify-content: flex-start;

}

.secondaryPage #direction .trainList {

  width: 386px;

  height: 348px;

  cursor: auto;

}

.secondaryPage #direction .trainList:nth-child(3n-1) {

  margin: 0 auto;

}

.secondaryPage #direction .trainList:nth-child(1),

.secondaryPage #direction .trainList:nth-child(2),

.secondaryPage #direction .trainList:nth-child(3) {

  margin-bottom: 29px;

}

.secondaryPage #direction .trainList:hover {

  background-color: #ffffff;

  color: #000000;

}

.secondaryPage #direction .trainList img {

  width: 386px;

  height: 260px;

}

.secondaryPage .Ms_Wang {

  width: 100%;

  height: 525px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  background-image: url("../image/Ms_Wang.jpg");

  position: relative;

}

.secondaryPage .Ms_Wang a {

  display: block;

  width: 120px;

  height: 40px;

  position: absolute;

  top: 401px;

  right: 160px;

  font-size: 14px;

  line-height: 40px;

  color: #ffffff;

}

.secondaryPage .hexagonBox {

  display: flex;

  align-items: center;

  justify-content: space-around;

}

.secondaryPage .hexagonBox .hexagon {

  width: 346px;

  height: 398px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

}

.secondaryPage .hexagonBox .hexagon .text {

  margin: 147px auto 0px;

  width: 262px;

}

.secondaryPage .hexagonBox .hexagon .text p {

  font-size: 16px;

  color: #666666;

  margin-bottom: 27px;

  font-weight: bold;

}

.secondaryPage .hexagonBox .hexagon .text span {

  font-size: 14px;

  color: #666666;

}

.secondaryPage .hexagonBox .hexagon:nth-child(1) {

  background-image: url("../image/hexagonBgcImg1.png");

}

.secondaryPage .hexagonBox .hexagon:nth-child(2) {

  background-image: url("../image/hexagonBgcImg2.png");

}

.secondaryPage .hexagonBox .hexagon:nth-child(3) {

  background-image: url("../image/hexagonBgcImg3.png");

}

.servePage .title {

  margin: 0;

}

.servePage .title h1 {

  color: #000000;

  font-weight: bold;

}

.servePage .title .showBtnBox {

  margin-top: 21px;

}

.servePage .title p {

  font-size: 14px;

  color: #666666;

  margin-top: 17px;

}

.servePage .serveCard {

  justify-content: center;

}

.servePage .serveCard li {

  width: 346px;

  height: 170px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  overflow: hidden;

}

.servePage .serveCard li:nth-child(1) {

  background-image: url("../image/serveCard1.jpg");

}

.servePage .serveCard li:nth-child(1) div {

  background-image: url("../image/serveCardIcon1.png");

}

.servePage .serveCard li:nth-child(2) {

  margin: 0px 26px;

  background-image: url("../image/serveCard2.jpg");

}

.servePage .serveCard li:nth-child(2) div {

  background-image: url("../image/serveCardIcon2.png");

}

.servePage .serveCard li:nth-child(3) {

  background-image: url("../image/serveCard3.jpg");

}

.servePage .serveCard li:nth-child(3) div {

  background-image: url("../image/serveCardIcon3.png");

}

.servePage .serveCard li div {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: center 28px;

  background-size: auto;

  padding-top: 118px;

  transition: background-color .5s ease-out;

}

.servePage .serveCard li div:hover {

  background-color: #11bd97;

}

.servePage .serveCard li p {

  color: #ffffff;

  font-size: 20px;

  font-family: "微软雅黑";

}

.servePage .whyList {

  flex-wrap: wrap;

  width: 100%;

  margin-top: 53px;

}

.servePage .whyList li {

  width: 366px;

  height: 454px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  overflow: hidden;

  transition: box-shadow .3s ease-out;

}

.servePage .whyList li:nth-child(1) {

  background-image: url("../image/whyLi1.png");

}

.servePage .whyList li:nth-child(2) {

  background-image: url("../image/whyLi2.png");

}

.servePage .whyList li:nth-child(3) {

  background-image: url("../image/whyLi3.png");

}

.servePage .whyList li:nth-child(4) {

  background-image: url("../image/whyLi4.png");

}

.servePage .whyList li:nth-child(5) {

  background-image: url("../image/whyLi5.png");

}

.servePage .whyList li:nth-child(6) {

  background-image: url("../image/whyLi6.png");

}

.servePage .whyList li:nth-child(3n-1) {

  margin: 0 auto;

}

.servePage .whyList li:nth-child(n+4) {

  margin-top: 54px;

}

.servePage .whyList li .text {

  font-size: 12px;

  color: #848484;

  width: 294px;

  margin: 298px auto 0px;

}

.servePage .whyList li .text p {

  margin-bottom: 44px;

  font-size: 16px;

  color: #444444;

  font-weight: bold;

}

.servePage .whyList li:hover {

  box-shadow: 12px 12px 6px rgba(0, 0, 0, 0.1);

}

.servePage .whyList li:hover p {

  color: #11bd97;

}

.servePage .sitterBox {

  margin-top: 30px;

}

.servePage .sitterBox .sitter {

  padding: 46px 0;

  width: 100%;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  position: relative;

}

.servePage .sitterBox .sitter .recommend {

  position: absolute;

  left: 0;

  top: 25px;

  background-color: #11bd97;

  width: 100px;

  height: 40px;

  font-size: 20px;

  color: #ffffff;

  line-height: 40px;

  border-bottom-right-radius: 20px;

  border-top-right-radius: 20px;

  font-family: "[FZLTHK]";

  font-weight: 400;

}

.servePage .sitterBox .sitter .ImgBox {

  width: 280px;

  height: 280px;

  margin-right: 27px;

}

.servePage .sitterBox .sitter .message {

  width: 100%;

}

.servePage .sitterBox .sitter .message .top {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  position: relative;

  padding-bottom: 16px;

  border-bottom: 2px dotted #848484;

}

.servePage .sitterBox .sitter .message .top .name {

  font-size: 20px;

  color: #11bd97;

  font-weight: bold;

  font-family: "微软雅黑";

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-right: 36px;

}

.servePage .sitterBox .sitter .message .top .number {

  font-size: 14px;

  font-weight: 500;

  font-family: "宋体";

}

.servePage .sitterBox .sitter .message .top .salary {

  font-size: 14px;

  color: #11bd97;

}

.servePage .sitterBox .sitter .message .top .salary .days {

  color: #000000;

}

.servePage .sitterBox .sitter .message .top .salary i {

  margin-left: 10px;

}

.servePage .sitterBox .sitter .message .top .more {

  display: block;

  border-width: 1px;

  border-color: #b5b5b5;

  border-style: solid;

  border-radius: 3px;

  background-color: #eeeeee;

  width: 84px;

  height: 18px;

  line-height: 18px;

  font-size: 12px;

  color: #848484;

  position: absolute;

  top: 0;

  right: 0;

}

.servePage .sitterBox .sitter .message .bottom {

  margin-top: 14px;

  text-align: left;

  font-size: 12px;

  position: relative;

}

.servePage .sitterBox .sitter .message .bottom .idea {

  font-weight: bold;

  color: #999999;

  margin-bottom: 19px;

}

.servePage .sitterBox .sitter .message .bottom .idea span {

  font-weight: 500;

}

.servePage .sitterBox .sitter .message .bottom .resume {

  color: #000000;

  margin-top: 16px;

}

.servePage .sitterBox .sitter .message .bottom .resume div {

  font-weight: bold;

  display: inline-block;

}

.servePage .sitterBox .sitter .message .bottom .resume div:not(:last-child) {

  margin-right: 86px;

}

.servePage .sitterBox .sitter .message .bottom .resume span {

  font-weight: 500;

}

.servePage .sitterBox .sitter .message .bottom .evaluation {

  margin-top: 18px;

}

.servePage .sitterBox .sitter .message .bottom .evaluation h5 {

  font-weight: bold;

  margin-bottom: 16px;

}

.servePage .sitterBox .sitter .message .bottom .evaluation div {

  height: 45px;

  width: 100%;

  overflow: hidden;

}

.servePage .sitterBox .sitter .message .bottom .btnBox {

  width: 100%;

  height: 40px;

  position: relative;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn {

  display: inline-block;

  width: 150px;

  height: 40px;

  line-height: 40px;

  border-radius: 6px;

  background-color: #11bd97;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: 28px;

  background-size: auto;

  position: absolute;

  bottom: 0;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn a {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  display: block;

  color: #ffffff;

  font-size: 14px;

  font-family: "宋体";

  padding-left: 56px;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn:hover {

  background-color: #34d9b5;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn:nth-child(1) {

  background-image: url("../image/sitterBtn1.png");

  right: 330px;

  background-position-x: 33px;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn:nth-child(2) {

  background-image: url("../image/sitterBtn2.png");

  right: 165px;

}

.servePage .sitterBox .sitter .message .bottom .btnBox .btn:nth-child(3) {

  background-image: url("../image/sitterBtn3.png");

  right: 0;

}

.servePage .sitterBox .credential {

  color: #ffffff;

}

.servePage .sitterBox .credential div {

  display: inline-block;

  margin-right: 5px;

  background-color: #11bd97;

  padding: 5px 3px;

  border-radius: 2px;

}

.servePage .sitterBox .credential div:nth-child(2n) {

  background-color: #ffb300;

}

.servePage .sitterBox .sitterSwiper {

  width: 100%;

  margin-top: 26px;

  margin-bottom: 60px;

}

.servePage .sitterBox .sitterSwiper .swiper-button-white {

  background-color: rgba(255, 255, 255, 0.502);

  width: 50px;

  height: 120px;

  top: 110px;

  background-size: 30px 58px;

}

.servePage .sitterBox .sitterSwiper .swiper-button-next {

  right: 0;

  background-image: url("../image/CollegeRight.png");

}

.servePage .sitterBox .sitterSwiper .swiper-button-prev {

  left: 0;

  background-image: url("../image/CollegeLeft.png");

}

.servePage .sitterBox .sitterBtnBox {

  text-align: center;

}

.servePage .sitterBox .sitterBtnBox div {

  display: inline-block;

  line-height: 48px;

  border-radius: 30px;

  cursor: pointer;

}

.servePage .sitterBox .sitterBtnBox div:first-child {

  background-color: #11bd97;

  margin-right: 30px;

}

.servePage .sitterBox .sitterBtnBox div:nth-child(2) {

  background-color: #f19149;

}

.servePage .sitterBox .sitterBtnBox div:nth-child(2) a {

  display: block;

  width: 100%;

  height: 100%;

  color: #ffffff;

}

.servePage .sitterBox .sitterList {

  flex-wrap: wrap;

}

.servePage .sitterBox .sitterList li {

  cursor: pointer;

}

.servePage .sitterBox .sitterList li:not(:nth-child(4n)) {

  margin-right: 26px;

}

.servePage .sitterBox .sitterList li:nth-child(n+5) {

  margin-top: 32px;

}

.servePage .prospect {

  margin-top: 53px;

}

.servePage .prospect .photoFrame {

  border-color: #dcdcdc;

}

.servePage .comprehensiveService {

  width: 100%;

  border-width: 1px 0px 0px 1px;

  border-style: solid;

  border-color: #e5e5e5;

  margin-top: 35px;

}

.servePage .comprehensiveService tr {

  width: 100%;

}

.servePage .comprehensiveService tr td {

  font-size: 14px;

  color: #666666;

  height: 84px;

  border-width: 0px 1px 1px 0px;

  border-style: solid;

  border-color: #e5e5e5;

  vertical-align: middle;

  box-sizing: border-box;

}

.servePage .comprehensiveService tr td:nth-child(1) {

  text-align: center;

  font-size: 16px;

  font-weight: bold;

}

.servePage .comprehensiveService tr td:nth-child(1) p {

  font-size: 12px;

  font-weight: 500;

  margin-top: 12px;

}

.servePage .comprehensiveService tr td:nth-child(2) {

  padding-left: 34px;

}

.servePage .history {

  width: 100%;

  margin-top: 60px;

}

.servePage .history img {

  width: 100%;

}

.servePage .reason {

  margin-top: 86px;

  flex-wrap: wrap;

}

.servePage .reason li {

  width: 400px;

  height: 254px;

  box-sizing: border-box;

  padding: 116px 46px 0px;

  background-repeat: no-repeat;

  background-position: center 40px;

  background-size: auto;

  vertical-align: middle;

}

.servePage .reason li h6 {

  font-size: 14px;

  color: #000000;

  font-weight: bold;

}

.servePage .reason li p {

  color: #848484;

  font-size: 12px;

}

.servePage .reason li .upright2 {

  width: 70px;

  height: 2px;

  margin: 18px auto;

  background-color: #794e51;

}

.servePage .reason li:nth-child(1) {

  background-image: url("../image/reason1.png");

  border-bottom: 1px solid #e5e5e5;

  border-right: 1px solid #e5e5e5;

}

.servePage .reason li:nth-child(2) {

  background-image: url("../image/reason2.png");

  border-bottom: 1px solid #e5e5e5;

  border-right: 1px solid #e5e5e5;

}

.servePage .reason li:nth-child(3) {

  background-image: url("../image/reason3.png");

  border-bottom: 1px solid #e5e5e5;

}

.servePage .reason li:nth-child(4) {

  background-image: url("../image/reason4.png");

  border-right: 1px solid #e5e5e5;

}

.servePage .reason li:nth-child(5) {

  background-image: url("../image/reason5.png");

  border-right: 1px solid #e5e5e5;

}

.servePage .reason li:nth-child(6) {

  background-image: url("../image/reason6.png");

}

.servePage .reason li:hover h6 {

  color: #11bd97;

}

.servePage .reason li:hover:nth-child(1) {

  background-image: url("../image/reasonHover1.png");

}

.servePage .reason li:hover:nth-child(2) {

  background-image: url("../image/reasonHover2.png");

}

.servePage .reason li:hover:nth-child(3) {

  background-image: url("../image/reasonHover3.png");

}

.servePage .reason li:hover:nth-child(4) {

  background-image: url("../image/reasonHover4.png");

}

.servePage .reason li:hover:nth-child(5) {

  background-image: url("../image/reasonHover5.png");

}

.servePage .reason li:hover:nth-child(6) {

  background-image: url("../image/reasonHover6.png");

}

.servePage .Ms_Wang {

  background-image: url("../image/x1646s.png");

  height: 400px;

  margin-top: 60px;

}

.servePage .Ms_Wang .allBtn {

  width: 120px;

  height: 40px;

  background-color: #11bd97;

  top: 200px;

  right: 178px;

  z-index: 2;

}

.servePage .Ms_Wang .teamSwiper {

  width: 100%;

  height: 100%;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper {

  width: 874px;

  margin-left: auto;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper .box {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

  text-align: left;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper .box img {

  width: 548px;

  height: 400px;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper .box .text {

  max-width: 310px;

  height: 128px;

  box-sizing: border-box;

  color: #626262;

  margin-top: 66px;

  padding-left: 28px;

  line-height: 200%;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper .box .text h5 {

  font-size: 24px;

  font-family: "微软雅黑";

  font-weight: 500;

}

.servePage .Ms_Wang .teamSwiper .swiper-wrapper .box .text p {

  font-size: 14px;

}

.servePage .Ms_Wang .teamSwiper .swiper-button {

  font-size: 20px;

  font-weight: bold;

  color: #666666;

  top: 232px;

  font-family: "Arial";

  height: 16px;

  padding-bottom: 2px;

}

.servePage .Ms_Wang .teamSwiper .swiper-button-prev {

  left: 10px;

}

.servePage .Ms_Wang .teamSwiper .swiper-button-next {

  left: 36px;

  border-left: 1px solid #666666;

}

.servePage .Ms_Wang .teamSwiper .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  width: 284px;

  bottom: 220px;

}

.servePage .Ms_Wang .teamSwiper .swiper-pagination li {

  font-size: 20px;

  color: #626262;

  font-weight: bold;

  font-family: "微软雅黑";

  cursor: pointer;

}

.servePage .Ms_Wang .teamSwiper .swiper-pagination li:not(:last-child) {

  border-right: 2px solid #626262;

}

.servePage .Ms_Wang .teamSwiper .swiper-pagination .active {

  color: #11bd97;

}

.servePage .newsList {

  flex-direction: column;

}

.servePage .newsList .new {

  width: 100%;

  height: 260px;

  background-color: #ffffff;

  transition: background-color .3s ease-out;

}

.servePage .newsList .new:hover {

  background-color: #f6f6f6;

}

.servePage .newsList .new .centered {

  height: 100%;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  border-bottom: 1px dotted #d2d2d2;

}

.servePage .newsList .new img {

  width: 360px;

  height: 180px;

  margin-right: 44px;

}

.servePage .newsList .new .text {

  width: 798px;

}

.servePage .newsList .new .text h6 {

  font-size: 20px;

  color: #0e050b;

  margin-bottom: 9px;

  font-weight: 500;

}

.servePage .newsList .new .text span {

  font-size: 12px;

  color: #999999;

}

.servePage .newsList .new .text .upright2 {

  background-color: #bfbfbf;

  width: 50px;

  height: 1px;

  margin: 15px 0px 17px;

}

.servePage .newsList .new .text p {

  font-size: 12px;

  color: #666666;

}

.servePage .newsList .new .text a {

  display: block;

  width: 148px;

  height: 38px;

  border-width: 1px;

  border-color: #999999;

  border-style: solid;

  background-color: #ffffff;

  line-height: 38px;

  font-size: 16px;

  color: #999999;

  text-align: center;

  margin-top: 21px;

}

.servePage .newsList .new .text a:hover {

  background-color: #11bd97;

  color: #ffffff;

  border-color: #11bd97;

}

.servePage .skip {

  margin: 79px auto 52px;

  width: 370px;

}

.servePage .skip li {

  border-width: 1px;

  border-color: #cccccc;

  border-style: solid;

  background-color: #ffffff;

  width: 44px;

  height: 44px;

  text-align: center;

  line-height: 44px;

  cursor: pointer;

}

.servePage .skip li:hover {

  border-color: #11bd97;

  background-color: #11bd97;

  color: #ffffff;

}

.servePage .skip li:not(:last-child) {

  margin-right: 8px;

}

.servePage .searchBox {

  margin: 58px auto;

  width: 642px;

  border: 1px solid #11bd97;

  background-repeat: no-repeat;

  background-position: 8px;

  background-size: auto;

  background-image: url("../image/searchBox.png");

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.servePage .searchBox input:first-child {

  width: 540px;

  height: 24px;

  box-sizing: border-box;

  padding: 0;

  padding-left: 15px;

  margin-left: 38px;

  border-left: 1px solid #e5e5e5;

}

.servePage .searchBox .allBtn {

  width: 100px;

  height: 40px;

  background-color: #11bd97;

  border-radius: 0;

}

.servePage .classify {

  width: 1198px;

  height: 205px;

  border-width: 1px;

  border-color: #e6e6e6;

  border-style: solid;

  margin-bottom: 61px;

  position: relative;

}

.servePage .classify .moreBtn {

  box-sizing: border-box;

  border-width: 1px;

  border-color: #e6e6e6;

  border-style: solid;

  position: absolute;

  right: 53px;

  top: 114px;

  font-size: 14px;

  color: #495056;

  padding: 5px 17px 5px 5px;

  background-repeat: no-repeat;

  background-position: 34px;

  background-size: auto;

  background-image: url("../image/s1d35s.png");

  cursor: pointer;

}

.servePage .classify ul {

  width: 100%;

  height: 25%;

  box-sizing: border-box;

  font-size: 14px;

  color: #495056;

  padding-left: 10px;

}

.servePage .classify ul:not(:last-child) {

  border-bottom: 1px solid #e6e6e6;

}

.servePage .classify ul li {

  cursor: pointer;

}

.servePage .classify ul > li {

  margin-right: 28px;

}

.servePage .classify ul > li:first-child {

  margin-left: 50px;

}

.servePage .classify .more > li {

  border-width: 1px;

  border-color: #e6e6e6;

  border-style: solid;

  padding: 6px 17px 5px 5px;

  background-repeat: no-repeat;

  background-position: 94%;

  background-size: auto;

  background-image: url("../image/s1d35s.png");

}

.servePage .classify .more .ck {

  border-color: #848484;

  border-width: 1px 1px 1px 1px;

  border-bottom-color: #ffffff;

  background-image: url("../image/da1f6165a.png");

  z-index: 3;

}

.servePage .classify ol {

  width: 100%;

  height: 56px;

  box-sizing: border-box;

  border: 1px solid #848484;

  position: absolute;

  left: 0;

  bottom: -43px;

  background-color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.servePage .classify ol li {

  margin: 0;

  margin-left: 10px;

  margin-right: 53px;

}

.servePage .classify ol .moreBtn {

  top: 15px;

}

.servePage .skipBox {

  justify-content: center;

  margin-top: 42px;

  margin-bottom: 75px;

}

.servePage .skipBox .skipBtn li:hover {

  background-color: #11bd97;

  color: #ffffff;

}

.servePage .exercise {

  margin-top: 80px;

}

.servePage .exercise li {

  width: 114px;

  height: 114px;

  box-sizing: border-box;

  border-width: 3px;

  border-color: #eeeeee;

  border-style: solid;

  background-color: #ffffff;

  font-size: 12px;

  color: #999999;

  padding-top: 80px;

  background-repeat: no-repeat;

  background-position: center 24px;

  background-size: auto;

  position: relative;

  transition: all .3s ease-out;

}

.servePage .exercise li:not(:last-child) {

  margin-right: 22px;

}

.servePage .exercise li:hover {

  background-color: #11bd97;

  border-color: #11bd97;

  color: #ffffff;

}

.servePage .exercise li:nth-child(1) {

  background-image: url("../image/exercise1.png");

}

.servePage .exercise li:nth-child(1):hover {

  background-image: url("../image/exercise11.png");

}

.servePage .exercise li:nth-child(2) {

  background-image: url("../image/exercise2.png");

}

.servePage .exercise li:nth-child(2):hover {

  background-image: url("../image/exercise12.png");

}

.servePage .exercise li:nth-child(3) {

  background-image: url("../image/exercise3.png");

}

.servePage .exercise li:nth-child(3):hover {

  background-image: url("../image/exercise13.png");

}

.servePage .exercise li:nth-child(4) {

  background-image: url("../image/exercise4.png");

}

.servePage .exercise li:nth-child(4):hover {

  background-image: url("../image/exercise14.png");

}

.servePage .exercise li:nth-child(5) {

  background-image: url("../image/exercise5.png");

}

.servePage .exercise li:nth-child(5):hover {

  background-image: url("../image/exercise15.png");

}

.servePage .exercise li:nth-child(6) {

  background-image: url("../image/exercise6.png");

}

.servePage .exercise li:nth-child(6):hover {

  background-image: url("../image/exercise16.png");

}

.servePage .exercise li:nth-child(7) {

  background-image: url("../image/exercise7.png");

}

.servePage .exercise li:nth-child(7):hover {

  background-image: url("../image/exercise17.png");

}

.servePage .exercise li:nth-child(8) {

  background-image: url("../image/exercise8.png");

}

.servePage .exercise li:nth-child(8):hover {

  background-image: url("../image/exercise18.png");

}

.servePage .exercise li:nth-child(9) {

  background-image: url("../image/exercise9.png");

}

.servePage .exercise li:nth-child(9):hover {

  background-image: url("../image/exercise19.png");

}

.servePage .exercise li i {

  width: 41px;

  height: 19px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  background-image: url("../image/arrows.png");

  position: absolute;

  top: 50%;

  margin-top: -9px;

  right: -44px;

  z-index: 2;

}

.servePage .books {

  margin-top: 131px;

}

.servePage .priceList {

  margin-top: 47px;

}

.servePage .description {

  text-align: left;

  margin-top: 40px;

  line-height: 180%;

  font-size: 16px;

  font-weight: bold;

  color: #221815;

}

.servePage .description p {

  font-weight: 500;

  font-size: 14px;

}

.servePage .afterSale {

  justify-content: space-between;

  margin-top: 89px;

}

.servePage .afterSale li {

  width: 132px;

  padding-top: 66px;

  font-size: 16px;

  color: #000000;

  font-weight: bold;

  background-repeat: no-repeat;

  background-position: top;

  background-size: auto;

}

.servePage .afterSale li:nth-child(1) {

  background-image: url("../image/afterSale1.png");

}

.servePage .afterSale li:nth-child(2) {

  background-image: url("../image/afterSale2.png");

}

.servePage .afterSale li:nth-child(3) {

  background-image: url("../image/afterSale3.png");

}

.servePage .afterSale li:nth-child(4) {

  background-image: url("../image/afterSale4.png");

}

.servePage .afterSale li:nth-child(5) {

  background-image: url("../image/afterSale5.png");

}

.servePage .afterSale li:nth-child(6) {

  background-image: url("../image/afterSale6.png");

}

.servePage .afterSale li p {

  margin-top: 20px;

  font-size: 12px;

  color: #999999;

  font-weight: 500;

  line-height: 180%;

}

.servePage .crosswiseList {

  margin-top: 69px;

}

.servePage .crosswiseList li span {

  margin-top: 26px;

  line-height: 200%;

  font-size: 12px;

}

.servePage .crosswiseList li p {

  font-family: "微软雅黑";

}

.servePage .interestBox {

  margin-top: 26px;

  width: 1197px;

  height: 308px;

  box-sizing: border-box;

  padding: 16px 22px 9px 15px;

  border: 1px solid #e5e5e5;

}

.servePage .interestBox .navBtn {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  position: relative;

}

.servePage .interestBox .navBtn .btn {

  width: 86px;

  height: 24px;

  box-sizing: border-box;

  border-radius: 20px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  color: #000000;

  font-size: 14px;

  margin-right: 11px;

  text-align: center;

  line-height: 24px;

  cursor: pointer;

}

.servePage .interestBox .navBtn .btn:hover {

  background-color: #11bd97;

  border-color: #11bd97;

  color: #ffffff;

}

.servePage .interestBox .navBtn .clickTrue {

  background-color: #11bd97;

  border-color: #11bd97;

  color: #ffffff;

}

.servePage .interestBox .navBtn a {

  position: absolute;

  top: 0;

  right: 0;

  font-size: 12px;

  color: #999999;

}

.servePage .interestBox .interestText {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  text-align: left;

  padding-top: 13px;

  border-top: 1px solid #e5e5e5;

  margin-top: 10px;

}

.servePage .interestBox .interestText img {

  width: 90px;

  height: 60px;

  margin-right: 17px;

}

.servePage .interestBox .interestText div {

  width: 100%;

}

.servePage .interestBox .interestText h5 {

  font-size: 14px;

  color: #484848;

  margin-bottom: 13px;

  position: relative;

}

.servePage .interestBox .interestText h5 i {

  display: block;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  width: 12px;

  height: 12px;

  background-image: url("../image/VZC251DFS.png");

  position: absolute;

  top: 0;

  right: 0;

  cursor: pointer;

}

.servePage .interestBox .interestText p {

  font-size: 12px;

  color: #888888;

  word-break: keep-all;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.servePage .interestBox2 {

  margin-top: 0;

  margin-right: auto;

  width: 865px;

}

.servePage .interestBox2 .interestText p {

  width: 715px;

}

.servePage .flexBox {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-top: 39px;

}

.servePage .flexBox .interestBox {

  width: 863px;

  margin: 0;

}

.servePage .flexBox .interestBox .interestText div {

  overflow: hidden;

}

.servePage .flexBox .balrog {

  width: 323px;

  height: 308px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #eeeeee;

  border-style: solid;

  margin-left: 10px;

  padding-top: 32px;

}

.servePage .flexBox .balrog h6 {

  font-family: "微软雅黑";

  font-size: 16px;

  color: #000000;

}

.servePage .flexBox .balrog h6 span {

  font-size: 27px;

  color: #11bd97;

  margin-right: 5px;

  font-style: oblique;

}

.servePage .flexBox .balrog form {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 20px auto 16px;

}

.servePage .flexBox .balrog form .text {

  width: 179px;

  height: 28px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #11bd97;

  border-style: solid;

  border-radius: 4px;

  margin-right: 7px;

  background-repeat: no-repeat;

  background-position: 8px;

  background-size: 18px 18px;

  background-image: url("../image/inputIcon2.png");

  padding-left: 36px;

  font-size: 12px;

}

.servePage .flexBox .balrog form .allBtn {

  width: 101px;

  height: 30px;

  background-color: #11bd97;

}

.servePage .receive {

  width: 323px;

  height: 308px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #eeeeee;

  border-style: solid;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.servePage .article {

  width: 100%;

  margin-top: 58px;

}

.servePage .article .evaluationBox {

  width: 100%;

  text-align: left;

  position: relative;

}

.servePage .article .evaluationBox .assessmentList {

  align-items: flex-start;

}

.servePage .article .evaluationBox .assessmentList .assessment {

  width: 100%;

}

.servePage .article .evaluationBox .assessmentList .assessment .headerImg {

  width: 130px !important;

  height: 130px !important;

}

.servePage .article .evaluationBox .assessmentList .assessment .contents {

  width: 966px !important;

}

.servePage .article .evaluationBox .moreAssessment {

  position: relative;

}

.servePage .article .evaluationBox .moreAssessment .skip li {

  border-radius: 50%;

  color: #848484;

}

.servePage .article .evaluationBox .moreAssessment a {

  position: absolute;

  color: #848484 !important;

  right: 78px;

  bottom: 0;

}

.servePage .article .reply {

  border-bottom-width: 0 !important;

}

.servePage .article .reply > div {

  align-items: flex-start !important;

  justify-content: flex-start !important;

  position: relative;

}

.servePage .article .reply > div img {

  margin-right: 14px;

}

.servePage .article .reply > div .name {

  font-size: 14px;

  color: #11bd97 !important;

}

.servePage .article .reply > div .time {

  position: absolute;

  top: 22px;

  right: 0;

  color: #999999;

}

.servePage .article .reply > div p {

  margin: 0 !important;

  width: 685px;

}

.servePage .warpList {

  flex-wrap: wrap;

}

.servePage .warpList li:nth-child(n+4) {

  margin-top: 85px;

}

.servePage .warpList .upright2 {

  background-color: #794e51;

  width: 70px;

  height: 2px;

  margin: 19px auto 17px;

}

.servePage .uprightSp {

  margin-top: 134px;

}

.servePage .uprightSp span {

  margin: 0 !important;

}

.servePage .uprightSp .icon {

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

  width: 60px;

  height: 60px;

  margin: 0 auto 36px;

}

.servePage .uprightSp li:nth-child(1) .icon {

  background-image: url("../image/dasd608.png");

}

.servePage .uprightSp li:nth-child(2) .icon {

  background-image: url("../image/aada609.png");

}

.servePage .uprightSp li:nth-child(3) .icon {

  background-image: url("../image/vcgfd610.png");

}

.servePage .uprightSp li:nth-child(4) .icon {

  background-image: url("../image/vsaxc774.png");

}

.servePage .uprightSp li:nth-child(5) .icon {

  background-image: url("../image/vsaxvc611.png");

}

.servePage .uprightSp li:nth-child(6) .icon {

  background-image: url("../image/davbf612.png");

}

.servePage .uprightSp li:hover:nth-child(1) .icon {

  background-image: url("../image/das608.png");

}

.servePage .uprightSp li:hover:nth-child(2) .icon {

  background-image: url("../image/das609.png");

}

.servePage .uprightSp li:hover:nth-child(3) .icon {

  background-image: url("../image/das610.png");

}

.servePage .uprightSp li:hover:nth-child(4) .icon {

  background-image: url("../image/das774.png");

}

.servePage .uprightSp li:hover:nth-child(5) .icon {

  background-image: url("../image/das611.png");

}

.servePage .uprightSp li:hover:nth-child(6) .icon {

  background-image: url("../image/das612.png");

}

.servePage .uprightSp li:hover p {

  color: #11bd97;

}

.servePage .commitment li p {

  color: #666666;

}

.servePage .commitment li span {

  margin-top: 22px;

  width: auto;

}

.servePage .hint {

  width: 100%;

  padding: 17px 24px 18px;

  border: 1px dashed #666666;

  margin-top: 42px;

  text-align: left;

  font-family: "微软雅黑";

  line-height: 200%;

}

.servePage .hint h4 {

  padding-left: 9px;

  border-left: 4px solid #11bd97;

  color: #11bd97;

  font-size: 24px;

}

.servePage .hint p {

  padding-left: 13px;

  font-size: 18px;

  color: #666666;

}

.servePage .PKList {

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  background-image: url("../image/PKBgcImg.png");

  flex-direction: column;

  width: 100%;

  box-sizing: border-box;

  padding-top: 112px;

}

.servePage .PKList li {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  justify-content: flex-start;

}

.servePage .PKList li:not(:first-child) {

  margin-top: 35px;

}

.servePage .PKList li i {

  display: block;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  border: 1px solid #e5e5e5;

  margin-left: 49px;

  margin-right: 46px;

  background-color: #ffffff;

}

.servePage .PKList li span {

  width: 555px;

  box-sizing: border-box;

  text-align: left;

  font-size: 14px;

  color: #848484;

}

.servePage .PKList li:hover {

  cursor: pointer;

}

.servePage .PKList li:hover span {

  color: #11bd97;

  font-weight: bold;

}

.servePage .PKList li:hover i {

  background-color: #11bd97;

  border-color: #11bd97;

}

.servePage .main {

  position: relative;

}

.servePage .main .sidebar {

  position: absolute;

  top: 0;

  right: 0;

  width: 170px;

  margin: 0;

}

.servePage .main .sidebar .sidebarNav {

  width: 170px;

  margin-top: 69px;

  background-color: #fafafa;

  padding-top: 63px;

}

.servePage .main .sidebar .sidebarNav ul {

  flex-direction: column;

  width: 100%;

}

.servePage .main .sidebar .sidebarNav ul li {

  width: 100%;

  height: 16px;

  text-align: center;

  font-size: 12px;

  color: #999999;

  margin-bottom: 29px;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: 40px;

  background-size: auto;

  background-image: url("../image/adfad45.png");

}

.servePage .main .sidebar .sidebarNav ul .clickTrue {

  background-image: url("../image/adfa56156.jpg");

  background-position: 34px;

  color: #11bd97;

}

.servePage .main .recommend {

  width: 100%;

  box-sizing: border-box;

  height: 490px;

  padding: 0px 16px;

  border-left: 1px solid #eeeeee;

}

.servePage .main .recommend .title {

  width: 100%;

  color: #999999;

  margin-bottom: 20px;

  position: relative;

}

.servePage .main .recommend .title h6 {

  margin: 0 auto;

  text-align: center;

  font-size: 14px;

  background-color: #ffffff;

  z-index: 2;

}

.servePage .main .recommend .title span {

  display: block;

  width: 100%;

  height: 1px;

  border-top: 1px dashed #999999;

  position: absolute;

  top: 50%;

  left: 0;

  z-index: 1;

}

.servePage .main .recommend .recommendSwiper {

  width: 100%;

  height: 100%;

}

.servePage .main .recommend .recommendSwiper .swiper-slide {

  height: 116px;

}

.servePage .main .recommend .recommendSwiper .swiper-slide .baby-sitter {

  margin: 0 !important;

  width: 100%;

  text-align: center;

}

.servePage .main .recommend .recommendSwiper .swiper-slide .baby-sitter img {

  width: 100%;

  height: 140px;

}

.servePage .main .recommend .recommendSwiper .swiper-slide .baby-sitter .name {

  color: #999999;

  font-size: 12px;

  margin-top: 13px;

  margin-bottom: 5px;

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.servePage .main .recommend .recommendSwiper .swiper-slide .baby-sitter .money {

  font-size: 12px;

  color: #ff0000;

}

.servePage .main .recommend .recommendSwiper .swiper-button-next,

.servePage .main .recommend .recommendSwiper .swiper-button-prev {

  width: 24px;

  height: 14px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  top: 100%;

}

.servePage .main .recommend .recommendSwiper .swiper-button-next {

  right: 50%;

  margin-right: -24px;

  background-image: url(../image/nextIcon3.png);

}

.servePage .main .recommend .recommendSwiper .swiper-button-prev {

  left: 50%;

  margin-left: -24px;

  background-image: url(../image/UpIcon3.png);

}

.servePage .main .article {

  margin-top: 0;

  width: 1003px;

}

.servePage .main .article .sitterReferral {

  margin-bottom: 52px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

}

.servePage .main .article .sitterReferral .headerImg {

  width: 490px;

  height: 490px;

  margin-right: 21px;

}

.servePage .main .article .sitterReferral .resume {

  width: 492px;

}

.servePage .main .article .sitterReferral .resume .basic {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 14px;

}

.servePage .main .article .sitterReferral .resume .basic .name {

  font-size: 18px;

  font-family: "微软雅黑";

}

.servePage .main .article .sitterReferral .resume .basic .money {

  color: #11bd97;

}

.servePage .main .article .sitterReferral .resume .basic .state {

  border-radius: 4px;

  width: 46px;

  height: 20px;

  text-align: center;

}

.servePage .main .article .sitterReferral .resume .basic .true {

  background-color: #ec6941;

}

.servePage .main .article .sitterReferral .resume .idea {

  font-size: 12px;

  font-weight: bold;

  color: #999999;

  margin-top: 18px;

}

.servePage .main .article .sitterReferral .resume .idea span {

  font-weight: 500;

}

.servePage .main .article .sitterReferral .resume .experience {

  width: 100%;

  margin-top: 40px;

  margin-bottom: 40px;

}

.servePage .main .article .sitterReferral .resume .experience li {

  width: 20%;

  height: 30px;

  box-sizing: border-box;

  padding: 0px 10px;

  position: relative;

}

.servePage .main .article .sitterReferral .resume .experience li:not(:last-child) {

  border-right: 1px solid #b5b5b5;

}

.servePage .main .article .sitterReferral .resume .experience li div {

  width: 100%;

  height: 42px;

  font-size: 14px;

  line-height: 150%;

  color: #000000;

  font-weight: bold;

  white-space: nowrap;

  text-align: center;

  position: absolute;

  top: 50%;

  right: 50%;

  margin-top: -21px;

  margin-right: -48px;

}

.servePage .main .article .sitterReferral .resume .experience li p {

  font-size: 12px;

  color: #848484;

  font-weight: 500;

}

.servePage .main .article .sitterReferral .resume .identity {

  width: 100%;

  height: 120px;

  box-sizing: border-box;

  padding: 23px 13px 0px;

  background-color: #f1f9ef;

}

.servePage .main .article .sitterReferral .resume .identity table {

  width: 100%;

  height: 100%;

}

.servePage .main .article .sitterReferral .resume .identity td {

  font-size: 12px;

  color: #495056;

  width: 25%;

}

.servePage .main .article .sitterReferral .resume .credentials {

  background-color: #f6f6f6;

  width: 490px;

  height: 120px;

  box-sizing: border-box;

  padding: 18px 12px;

  font-size: 12px;

  color: #495056;

  margin-top: 17px;

}

.servePage .main .article .sitterReferral .resume .credentials .serve {

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  position: relative;

}

.servePage .main .article .sitterReferral .resume .credentials .serve span {

  display: block;

  width: 88px;

  height: 18px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #11bd97;

  border-style: solid;

  border-radius: 2px;

  font-size: 12px;

  color: #11bd97;

  text-align: center;

  margin-left: 7px;

  line-height: 17px;

}

.servePage .main .article .sitterReferral .resume .credentials .serve a {

  font-size: 14px;

  color: #495056;

  position: absolute;

  top: 0;

  right: 0;

}

.servePage .main .article .sitterReferral .resume .credentials table {

  width: 100%;

  height: 54px;

  margin-top: 16px;

}

.servePage .main .article .sitterReferral .resume .credentials table tr {

  height: 20px;

}

.servePage .main .article .sitterReferral .resume .credentials table tr:nth-child(2) {

  margin-top: 14px;

}

.servePage .main .article .sitterReferral .resume .credentials table td {

  height: 27px;

  line-height: 27px;

  padding-left: 30px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: auto;

  background-image: url("../image/vta12da.png");

}

.servePage .main .article .sitterReferral .resume .btnBox {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-top: 27px;

}

.servePage .main .article .sitterReferral .resume .btnBox .btn {

  border-radius: 4px;

  width: 150px;

  height: 40px;

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  line-height: 40px;

  cursor: pointer;

}

.servePage .main .article .sitterReferral .resume .btnBox .btn1 {

  background-color: #fd6c34;

  margin-right: 21px;

}

.servePage .main .article .sitterReferral .resume .btnBox .btn2 {

  background-color: #11bd97;

  margin-right: 21px;

}

.servePage .main .article .sitterReferral .resume .btnBox .btn3 {

  border: 1px solid #11bd97;

  color: #11bd97;

}

.servePage .main .article .HS-Mark {

  border-width: 2px;

  border-color: #eff8f5;

  border-style: solid;

  background-color: #ffffff;

  width: 996px;

  height: 675px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 949.334px 625.334px;

  background-image: url("../image/HS-yuesao.jpg");

  position: relative;

}

.servePage .main .article .HS-Mark .allBtn {

  display: block;

  width: 88px;

  height: 25px;

  background-color: rgba(0, 0, 0, 0);

  position: absolute;

  top: 220px;

  left: 132px;

}

.servePage .main .article .HS-Mark .text {

  width: 635px;

  height: 48px;

  border: none;

  font-size: 14px;

  color: #495056;

  font-weight: bold;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 194px;

  right: 66px;

  line-height: 150%;

}

.servePage .main .article .HS-Mark .text span {

  font-weight: 500;

}

.servePage .main .article .skill {

  width: 100%;

  box-sizing: border-box;

  padding: 36px 14px 52px;

  background-color: #fafafa;

}

.servePage .main .article .skill .title {

  width: 100%;

  font-size: 30px;

  color: #000000;

  font-family: "微软雅黑";

  font-weight: 500;

  margin-bottom: 20px;

  text-align: center;

  background-color: #fafafa;

}

.servePage .main .article .skill .data {

  border-top: 1px dashed #e5e5e5;

  padding-top: 44px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.servePage .main .article .skill .data div {

  width: 420px;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

}

.servePage .main .article .skill .data div img {

  margin-bottom: 50px;

}

.servePage .main .article .skill .data ul {

  flex-direction: column;

  width: 100%;

}

.servePage .main .article .skill .data ul li {

  width: 100%;

  height: 30px;

  box-sizing: border-box;

  border-radius: 20px;

  padding: 5px 26px;

  background-color: #eeeeee;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.servePage .main .article .skill .data ul li:not(:nth-child(3)) {

  margin-bottom: 10px;

}

.servePage .main .article .skill .data ul li div {

  width: 50%;

  height: 20px;

  box-sizing: border-box;

  font-size: 12px;

  color: #495056;

  line-height: 20px;

  text-align: left;

}

.servePage .main .article .skill .data ul li div:nth-child(2) {

  border-left: 2px solid #dcdcdc;

}

.servePage .main .article .skill .workPhoto {

  margin-top: 34px;

}

.servePage .main .article .skill .workPhoto img {

  width: 240px;

  height: 240px;

}

.servePage .main .article .skill .video {

  width: 100%;

  height: 360px;

  position: relative;

}

.servePage .main .article .skill .video video {

  width: 640px;

  height: 360px;

  margin: 55px auto;

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -320px;

}

.servePage .main .article .rests {

  background-color: #ffffff;

}

.servePage .main .article .rests .title {

  background-color: #ffffff;

}

.servePage .main .article .rests .title h3 {

  display: inline-block;

  padding-left: 56px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: auto;

  font-weight: 500;

}

.servePage .aDay {

  padding-top: 72px;

  padding-bottom: 52px;

}

.servePage .aDay .topText {

  font-size: 14px;

  color: #666666;

  line-height: 200%;

}

.servePage .aDay .video {

  width: 640px;

  height: 360px;

  margin: 80px auto 187px;

}

.servePage .aDay .video video {

  width: 100%;

  height: 100%;

}

.servePage .aDay .timeStream .anHour {

  padding-left: 77px;

  padding-bottom: 65px;

  position: relative;

  margin-left: 16px;

}

.servePage .aDay .timeStream .anHour i {

  display: block;

  border-radius: 4px;

  width: 41px;

  height: 40px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  top: 0;

  left: -20px;

}

.servePage .aDay .timeStream .anHour .plan .time {

  width: 210px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.servePage .aDay .timeStream .anHour .plan .time .upright2 {

  background-color: #2b2a2a;

  width: 28px;

  height: 2px;

  margin: 0;

}

.servePage .aDay .timeStream .anHour .plan .time .num {

  border-radius: 4px;

  background-color: #4e4e4e;

  width: 41px;

  height: 40px;

  position: relative;

  font-size: 24px;

  color: #ffffff;

  font-family: "微软雅黑";

  text-align: center;

  line-height: 40px;

}

.servePage .aDay .timeStream .anHour .plan .time .num .upright2 {

  background-color: #4e4e4e;

  width: 41px;

  height: 2px;

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -1px;

}

.servePage .aDay .timeStream .anHour .plan .text {

  flex-direction: column;

  align-items: flex-start;

  margin: 35px 0px 21px;

  line-height: 200%;

}

.servePage .aDay .timeStream .anHour .plan .text li {

  font-size: 16px;

  color: #000000;

}

.servePage .aDay .timeStream .anHour .plan .imgBox img {

  width: 300px;

  height: 180px;

}

.servePage .aDay .timeStream .am {

  border-left: 2px solid #a0a0a0;

}

.servePage .aDay .timeStream .pm {

  border-left: 2px solid #f8b551;

}

.servePage .aDay .timeStream .explain {

  width: 100%;

  height: 98px;

  box-sizing: border-box;

  background-color: #d08b22;

  color: #ffffff;

  line-height: 180%;

  font-size: 16px;

  padding: 12px 11px 10px 21px;

}

.servePage .aDay .timeStream .explain h5 {

  font-weight: bold;

}

.servePage .newsBox {

  padding-top: 62px;

  border-top: 1px solid #e5e5e5;

  position: relative;

}

.servePage .newsBox .themeBtn {

  width: 492px;

  position: absolute;

  left: 50%;

  top: -14px;

  margin-left: -246px;

  justify-content: space-between;

}

.servePage .newsBox .themeBtn li {

  width: 103px;

  height: 28px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  border-radius: 20px;

  text-align: center;

  line-height: 28px;

  cursor: pointer;

  font-size: 14px;

  color: #666666;

}

.servePage .newsBox .themeBtn li:not(:last-child) {

  margin-right: 24px;

}

.servePage .newsBox .themeBtn .ck {

  color: #ffffff;

  background-color: #11bd97;

  font-weight: bold;

}

.servePage .newsBox .title {

  align-items: flex-start;

}

.servePage .evaluate {

  margin-top: 58px;

}

.servePage .evaluate .article {

  width: 1200px;

}

.servePage .timerShaft {

  width: 100%;

  height: 354px;

  margin-top: 94px;

  position: relative;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 146px;

  background-image: url("../image/zu91.png");

}

.servePage .timerShaft li {

  width: 288px;

  position: absolute;

}

.servePage .timerShaft li p {

  font-size: 16px;

  color: #000000;

  margin-bottom: 23px;

  font-weight: bold;

}

.servePage .timerShaft li span {

  font-size: 12px;

  color: #848484;

}

.servePage .timerShaft li:nth-child(2n-1) {

  top: 0;

}

.servePage .timerShaft li:nth-child(2n) {

  bottom: 0;

}

.servePage .timerShaft li:nth-child(1) {

  left: 0;

}

.servePage .timerShaft li:nth-child(2) {

  left: 206px;

}

.servePage .timerShaft li:nth-child(3) {

  left: 432px;

}

.servePage .timerShaft li:nth-child(4) {

  left: 684px;

}

.servePage .timerShaft li:nth-child(5) {

  left: 857px;

}

.servePage .timerShaft li:hover p {

  color: #11bd97;

}

.servePage .bookrack {

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: auto;

  background-image: url("../image/bookrack.png");

  width: 100%;

  height: 308px;

  box-sizing: border-box;

  padding-left: 88px;

  justify-content: flex-start;

  margin-top: 131px;

  position: relative;

}

.servePage .bookrack .box {

  width: 110px;

  height: 200px;

  color: #999999;

  font-size: 12px;

  line-height: 150%;

  float: left;

  margin-right: 42px;

  cursor: pointer;

  position: relative;

}

.servePage .bookrack .box .text {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.servePage .bookrack .box .text span {

  display: block;

}

.servePage .bookrack .box .img {

  width: 108px;

  height: 147px;

  position: absolute;

  bottom: 0;

  left: 0;

  box-shadow: -13px 3px 5px -6px rgba(205, 188, 160, 0.7);

}

.servePage .bookrack .box .img:hover {

  left: 50%;

  bottom: 50%;

  margin-left: -250px;

  margin-bottom: -250px;

  width: 436px;

  height: 588px;

  z-index: 3;

  box-shadow: none;

}

.servePage .bookrack .box .img:hover img {

  width: 436px;

  height: 588px;

  position: absolute;

  left: 0;

  bottom: 0;

  top: 0;

  right: 0;

  margin: auto;

  zoom: 1;

  transition: width 1.5s, height 1.5s;

  /* Firefox 4 */

  -moz-transition: width 1.5s, height 1.5s;

  /* Safari 和 Chrome */

  -webkit-transition: width 1.5s, height 1.5s;

  /* Opera */

  -o-transition: width 1.5s, height 1.5s;

}

.servePage .bookrack .box .img img {

  width: 108px;

  height: 147px;

}

.servePage .showContentBox .yuesaoImg {

  margin-top: 73px;

}

.zx_sBox1 .zx_s1 {

  display: none;

}

.flowPage .main {

  width: 100%;

  padding-top: 15px;

  padding-bottom: 43px;

  box-sizing: border-box;

}

.flowPage .main .article {

  padding: 51px 34px 69px;

}

.flowPage .main .article .flow {

  flex-direction: column;

}

.flowPage .main .article .flow li {

  width: 807px;

  height: 120px;

  box-sizing: border-box;

  border: 3px solid #eeeeee;

  color: #999999;

  font-size: 12px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.flowPage .main .article .flow li .iconBox {

  width: 114px;

  height: 100%;

  box-sizing: border-box;

  padding-top: 82px;

  text-align: center;

  background-repeat: no-repeat;

  background-position: center 33px;

  background-size: auto;

  border-right: 3px solid #eeeeee;

}

.flowPage .main .article .flow li .text {

  width: 693px;

  height: 100%;

  box-sizing: border-box;

  line-height: 120px;

  font-size: 14px;

  padding: 0;

  border: 0;

  margin: 0;

  padding-left: 15px;

  overflow: hidden;

  color: #999999;

}

.flowPage .main .article .flow li .downIcon {

  width: 19px;

  height: 31px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: absolute;

  left: 41px;

  bottom: -34px;

  z-index: 2;

}

.flowPage .main .article .flow li:not(:last-child) {

  margin-bottom: 15px;

}

.flowPage .main .article .flow li:not(:last-child) .downIcon {

  background-image: url("../image/flowDownIcon.png");

}

.flowPage .main .article .flow li:nth-child(1) .iconBox {

  background-image: url("../image/flowImg1.png");

}

.flowPage .main .article .flow li:nth-child(2) .iconBox {

  background-image: url("../image/flowImg2.png");

}

.flowPage .main .article .flow li:nth-child(3) .iconBox {

  background-image: url("../image/flowImg3.png");

}

.flowPage .main .article .flow li:nth-child(4) .iconBox {

  background-image: url("../image/flowImg4.png");

}

.flowPage .main .article .flow li:nth-child(5) .iconBox {

  background-image: url("../image/flowImg5.png");

}

.flowPage .main .article .flow li:nth-child(6) .iconBox {

  background-image: url("../image/flowImg6.png");

}

.flowPage .main .article .flow li:nth-child(7) .iconBox {

  background-image: url("../image/flowImg7.png");

}

.flowPage .main .article .flow li:nth-child(8) .iconBox {

  background-image: url("../image/flowImg8.png");

}

.flowPage .main .article .flow li:nth-child(9) .iconBox {

  background-image: url("../image/flowImg9.png");

}

.flowPage .main .article .flow li:hover {

  border-color: #11bd97;

  cursor: pointer;

}

.flowPage .main .article .flow li:hover .iconBox {

  background-color: #11bd97;

  border-color: #11bd97;

  color: #ffffff;

}

.flowPage .main .article .flow li:hover:nth-child(1) .iconBox {

  background-image: url("../image/flowImg1-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(2) .iconBox {

  background-image: url("../image/flowImg2-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(3) .iconBox {

  background-image: url("../image/flowImg3-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(4) .iconBox {

  background-image: url("../image/flowImg4-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(5) .iconBox {

  background-image: url("../image/flowImg5-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(6) .iconBox {

  background-image: url("../image/flowImg6-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(7) .iconBox {

  background-image: url("../image/flowImg7-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(8) .iconBox {

  background-image: url("../image/flowImg8-2.png");

}

.flowPage .main .article .flow li:hover:nth-child(9) .iconBox {

  background-image: url("../image/flowImg9-2.png");

}

.flowPage .main .sidebar {

  margin-left: 14px;

}

.flowPage .main .sidebar .title {

  margin-bottom: 17px;

  padding-bottom: 15px;

  border-bottom: 1px solid #e5e5e5;

}

.flowPage .main .sidebar .title h3 {

  font-size: 16px;

  color: #000000;

  font-weight: bold;

}

.flowPage .main .sidebar .baby-sitterSwiper {

  height: 392px;

}

.flowPage .main .sidebar .baby-sitterSwiper .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

}

.flowPage .main .sidebar .baby-sitterSwiper .swiper-slide .baby-sitter:nth-child(2n-1) {

  margin-right: auto;

}

.flowPage .main .sidebar .baby-sitterSwiper .swiper-button-white {

  bottom: -16px;

}

.flowPage .main .sidebar .PopularArticles div span {

  font-size: 12px;

  line-height: 150%;

}

.getQuotes {

  width: 100%;

  height: 500px;

  background-repeat: no-repeat;

  background-position: center -523px;

  background-size: cover;

  position: relative;

}

.getQuotes .mb {

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

}

.getQuotes .mb .inputBox {

  margin-top: 58px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

}

.getQuotes .title {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  margin-top: 110px;

}

.getQuotes .title h2 {

  font-size: 36px;

  color: #ffffff;

  font-family: "微软雅黑";

  margin-bottom: 23px;

}

.getQuotes .title p {

  color: #ffffff;

  font-size: 16px;

}

header {

  width: 100%;

  background-color: rgba(0, 0, 0, 0);

  position: relative;

}

header .headerTop,

header .annunciate {

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 16px;

}

header .header {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 6;

  width: 100%;

  background-color: #ffffff;

  overflow: hidden;

}

header .headerTop {

  background-color: #ffffff;

  height: 50px;

}

header .headerTop .leftBox span {

  color: #009887;

}

header .headerTop .leftBox input {

  color: #545454;

  padding-left: 11px;

  border-left: 1px solid #333d47;

  margin-left: 12px;

}

header .headerTop .rightBox {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

header .headerTop .rightBox span {

  color: #545454;

  font-weight: bold;

  margin-right: 12px;

}

header .headerTop .rightBox div {

  width: 118px;

  height: 28px;

  box-sizing: border-box;

  border: 1px solid #009887;

  border-radius: 4px;

  font-weight: bold;

  margin-left: 4px;

}

header .headerTop .rightBox div a {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 4px;

  color: #009887;

  font-size: 14px;

  text-align: center;

  line-height: 28px;

}

header .headerTop .rightBox div:hover a {

  color: #ffffff;

  background-color: #009887;

}

header .headerTop .rightBox .serve {

  background-color: #f19149;

  border: none;

  color: #ffffff;

  cursor: pointer;

  font-size: 14px;

  text-align: center;

  line-height: 28px;

}

header .headerTop .rightBox .serve a {

  color: #ffffff;

}

header .headerTop .rightBox #serveBgcColor:hover a {

  background-color: #11bd97;

}

header nav {

  background-color: #333d47;

  width: 100%;

  /*margin-top: 50px;*/

}

header nav .centered {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

header nav .log {

  width: 170px;

  height: 60px;

  line-height: 60px;

}

header nav .log img {

  display: inline-block;

  vertical-align: middle;

  width: 100%;

}

header nav .nav a {

  color: #ffffff;

}

header nav .nav .nav_li {

  width: 112px;

  height: 60px;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

  line-height: 60px;

  position: relative;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: 20%;

  background-size: auto;

}

header nav .nav .nav_li:hover {

  background-color: #2b333c;

}

header nav .nav ol {

  position: absolute;

  left: 0;

  top: 60px;

  z-index: 5;

  display: none;

}

header nav .nav ol li {

  width: 110px;

  height: 40px;

  box-sizing: border-box;

  background-color: #2b333c;

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: 100px auto;

  background-image: url("../image/lilBottom.png");

}

header nav .nav ol li a {

  display: block;

  width: 100%;

  height: 100%;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

  line-height: 40px;

  font-weight: 400;

}

header nav .nav ol li:hover {

  background-color: #333d47;

}

header #serveBgcColor .nav_li:hover {

  background-color: #11bd97;

}

header #serveBgcColor ol li,

header #serveBgcColor li:hover {

  background-color: #11bd97;

}

header .headerSwiper {

  /* width: 1920px; */

  width: 100%;

  height: 600px;

  position: relative;

  z-index: 2;

}

header .headerSwiper .swiper-button-prev {

  left: 17%;

  background-image: url("../image/headerLeft.png");

}

header .headerSwiper .swiper-button-next {

  right: 17%;

  background-image: url("../image/headerRight.png");

}

header .headerSwiper .swiper-pagination-bullet-active {

  background-color: #11bd97;

}

header .annunciate {

  color: #ffffff;

  font-size: 14px;

  height: 36px;

  line-height: 36px;

  z-index: 5;

}

header .annunciate .swiper-button-white {

  width: 20px;

  height: 12px;

  background-size: auto;

  top: 50%;

  margin-top: -6px;

}

header .annunciate .swiper-button-prev {

  background-image: url("../image/upIcon.png");

  left: 96%;

}

header .annunciate .swiper-button-next {

  background-image: url("../image/downIcon.png");

  right: 0;

}

header .annunciateSwiper {

  height: 100%;

  box-sizing: border-box;

  padding-left: 40px;

  background-image: url("../image/annunciateIcon.png");

  background-repeat: no-repeat;

  background-position: 4px;

  background-size: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

footer {

  background-color: #333d47;

  position: relative;

}

footer > div {

  border-top: 1px dashed #475360;

  padding: 7px 0;

  text-align: center;

  color: #cccccc;

  font-size: 3px;

}

footer > div a {

  color: #cccccc;

}

footer > div ul {

  margin: 0 auto;

  justify-content: center;

}

footer > div .linkList {

  margin-top: 16px;

  width:1200px;

  margin:0px auto; 

}

footer > div .linkList li:not(:last-child) {

  border-right: 1px solid #cccccc;

}

footer > div .linkList li {

  padding: 0px 7px;

  position: relative;

}

footer > div .linkList i {

  width: 12px;

  height: 12px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

  background-image: url("../image/linkListIcon.png");

  position: absolute;

  right: -13px;

  top: 0;

  cursor: pointer;

}

footer > div .caseList li {

  height: 26px;

  line-height: 26px;

  margin-right: 30px;

  background-repeat: no-repeat;

  background-position: right;

  background-size: 23px 26px;

}

footer .nav {

  align-items: flex-start;

  color: #ffffff;

  padding-top: 50px;

  padding-bottom: 43px;

  justify-content: space-between;

}

footer .nav a {

  color: #cccccc;

  font-weight: 400;

  font-size: 14px;

}

footer .nav .nav_li {

  font-weight: bold;

  font-size: 16px;

  text-align: center;

}

footer .nav .nav_li ol {

  margin-top: 17px;

}

footer .nav .nav_li ol li {

  margin-bottom: 12px;

}

footer .nav .nav_li:last-child {

  text-align: center;

}

footer .nav .QRCode {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 20px;

  color: #cccccc;

  font-size: 12px;

}

footer .nav .QRCode div {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  margin-right: 21px;

}

footer .nav .QRCode img {

  width: 86px;

  height: 86px;

  margin-bottom: 12px;

}

footer .nav span {

  font-size: 12px;

  color: #b83e3e;

}

footer .nav p {

  font-size: 16px;

  color: #cccccc;

}

footer .inputBox {

  width: 100%;

  height: 60px;

  box-sizing: border-box;

  background-color: #009887;

  position: fixed;

  left: 0;

  bottom: 0;

  z-index: 99;

  padding: 0;

  border: none;

}

footer .inputBox .centered {

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

  height: 100%;

  box-sizing: border-box;

  padding: 18px 0px 12px;

}

footer .inputBox .imgBox {

  padding-left: 152px;

}

footer .inputBox .imgBox .figure {

  position: absolute;

  left: 47px;

  bottom: 0;

}

footer .inputBox .inputText {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

footer .inputBox .inputText input,

footer .inputBox .inputText select,

footer .inputBox .inputText .selects {

  width: 190px;

  height: 30px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #d2d2d2;

  border-style: solid;

  background-color: #ffffff;

  text-align: left;

  padding-left: 36px;

  font-size: 12px;

  background-repeat: no-repeat;

  background-position: 7px;

  background-size: 18px 18px;

  position: relative;

  cursor: pointer;

  border-radius: 2px;

  margin-left: 11px;

}

footer .inputBox .inputText .user-arrow {

  width: 18px;

  height: 13px;

  position: absolute;

  right: 6px;

  top: 8px;

}

footer .inputBox .inputText .selected {

  color: #999999;

}

footer .inputBox .inputText .selects_head {

  height: 30px;

  line-height: 30px;

}

footer .inputBox .inputText .selects_other {

  position: absolute;

  right: 0;

  width: 90px;

  display: none;

  z-index: 5;

  border-top: 1px solid #d2d2d2;

}

footer .inputBox .inputText .selects_other a {

  border: 1px solid #d2d2d2;

  border-top: none;

  display: block;

  width: 90px;

  text-align: center;

  height: 30px;

  line-height: 30px;

  background-color: #fff;

  color: #838383;

  overflow: hidden;

}

footer .inputBox .inputText .applyBtn {

  background-color: #ffff00;

  width: 151px;

  height: 30px;

  font-size: 16px;

  font-family: "宋体";

  padding: 0;

  color: #11bd97;

  font-weight: bold;

  text-align: center;

  margin-left: 8px;

}

.footer2 {

  background-color: #2d2d2d;

}

.footer2 .centered {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

  justify-content: space-between;

}

.footer2 .centered .nav {

  margin: 0;

  flex-wrap: wrap;

  justify-content: flex-start;

  padding: 0;

}

.footer2 .centered .nav .nav_li {

  text-align: left;

  float: left;

  margin-right: 34px;

}

.footer2 .centered .contactWay {

  flex-direction: column;

  text-align: left;

  align-items: flex-end;

}

.footer2 .centered .contactWay li {

  font-size: 16px;

  color: #8e8e8e;

}

.footer2 .centered .contactWay li:not(:last-child) {

  margin-bottom: 18px;

}

.footer2 .centered .contactWay li span {

  font-weight: bold;

}

.footer2 .centered .contactWay .guanzhu {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.footer2 .centered .contactWay .guanzhu a {

  display: inline-block;

  width: 30px;

  height: 30px;

  border-radius: 6px;

  background-color: #ffffff;

  margin-right: 9px;

}

.footer2 .centered .contactWay .guanzhu a img {

  width: 100%;

  height: 100%;

}

.footer2 .centered .contactWay .QR {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.footer2 .centered .contactWay .QR div {

  width: 84px;

  margin-right: 21px;

  text-align: center;

  font-size: 14px;

}

.footer2 .centered .contactWay .QR div img {

  width: 84px;

  height: 84px;

  margin-bottom: 8px;

}

.footer2 .linkList {

  margin-bottom: 8px;

}

.homeElement {

  width: 100%;

  text-align: center;

  padding-bottom: 109px;

  padding-top: 64px;

  position: relative;

}

.homeElement .explain {

  font-size: 14px;

  color: #999999;

}

.homeElement .explain a {

  color: #009887;

  margin-left: 8px;

}

.homeElement .homeOne {

  margin-top: 48px;

  justify-content: space-between;

}

.homeElement .homeOne .trainList {

  width: 280px;

  height: 280px;

  cursor: pointer;

  background-color: #fff;

  transition: all .3s ease-out;

}

.homeElement .homeOne .trainList a {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}

.homeElement .homeOne .trainList img {

  width: 100%;

  height: 200px;

  margin-bottom: 37px;

}

.homeElement .homeOne .trainList:hover {

  background-color: #009887;

  color: #ffffff;

}

.homeElement .homeOne .trainList:hover a {

  color: #fff;

}

.homeElement .advertising {

  width: 100%;

  height: 550px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.main {

  width: 1200px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

  margin: 0 auto;

}

.main .article {

  width: 820px;

  margin-right: 66px;

}

.main .article,

.main .article2,

.main .sidebar {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

  align-items: flex-start;

}

.main .article3 {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: row;

  align-items: flex-start;

  padding-top: 25px;

}

.main .article {

  background-color: #ffffff;

}

.main .article .title {

  width: 100%;

  font-size: 12px;

  color: #999999;

  text-align: left;

  background-color: #ffffff;

}

.main .article .title h1 {

  font-size: 24px;

  color: #000000;

  font-weight: 400;

  margin-bottom: 18px;

}

.main .article .title .titleBox {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.main .article .title .titleBox div {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.main .article .title .titleBox .source {

  margin-right: 50px;

}

.main .article .title .titleBox .btnBox div {

  background-repeat: no-repeat;

  background-position: left;

  background-size: cover;

  height: 15px;

}

.main .article .title .titleBox .btnBox .lookTime {

  padding-left: 26px;

  background-size: 18px 12px;

  background-image: url("../image/lookIcon.png");

}

.main .article .title .titleBox .btnBox .shareBox {

  padding-left: 22px;

  background-size: 14px 15px;

  background-image: url("../image/shareIcon.png");

  margin-left: 16px;

}

.main .article .title .titleBox .btnBox .shareBox a {

  display: inline-block;

  width: 18px;

  height: 18px;

  border-radius: 50%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  margin-left: 6px;

}

.main .article .text {

  border-top: 1px solid #000000;

  border-bottom: 1px solid #000000;

  margin-top: 17px;

  font-size: 14px;

  color: #000000;

  width: 100%;

  padding-top: 36px;

}

.main .article .text p {

  text-indent: 29px;

  color: #666;

  line-height: 30px;

}

.main .article .text img {

  width: 500px;



  display: block;

  margin: 32px auto;

}

.main .article .text .UpNextBox {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 67px;

  margin-bottom: 52px;

}

.main .article .text .UpNextBox div {

  background-repeat: no-repeat;

  background-position: center;

  background-size: 9px 10px;

  font-size: 12px;

  cursor: pointer;

}

.main .article .text .UpNextBox .upBtn {

  padding-left: 20px;

  margin-right: 16px;

  background-position: left;

  background-image: url("../image/upIcon2.png");

}

.main .article .text .UpNextBox .nextBtn {

  padding-right: 20px;

  background-position: right;

  background-image: url("../image/nextIcon.png");

}

.main .article .keyword {

  margin-top: 16px;

  margin-bottom: 33px;

  font-size: 14px;

  color: #999999;

  font-weight: bold;

}

.main .article .keyword a {

  color: #999999;

  font-weight: 400;

}

.main .article .correlation {

  width: 788px;

  height: 98px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #bfbfbf;

  border-style: solid;

  color: #999999;

  padding-left: 17px;

  padding-top: 13px;

}

.main .article .correlation h2 {

  font-size: 14px;

  margin-bottom: 20px;

}

.main .article .correlation ul {

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

  flex-direction: column;

  flex-wrap: wrap;

  padding-left: 17px;

}

.main .article .correlation li {

  list-style-type: disc;

}

.main .article .correlation li a {

  font-size: 12px;

  color: #999999;

  display: block;

}

.main .article .correlation li a:hover {

  color: #009887;

  text-decoration: underline;

}

.main .article .correlation li:nth-child(2n-1) {

  margin-bottom: 4px;

}

.main .article .noticeList .textList {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-direction: column;

}

.main .article .noticeList .textList li {

  width: 606px;

  height: 140px;

  display: flex;

  margin-right: 19px;

  position: relative;

  margin-bottom: 43px;

}

.main .article .noticeList .textList img {

  width: 163px;

  height: 100%;

  margin-right: 24px;

}

.main .article .noticeList .textList .textBox h5 {

  font-size: 14px;

  color: #0e050b;

  margin-bottom: 26px;

}

.main .article .noticeList .textList .textBox p {

  font-size: 12px;

  color: #999999;

  line-height: 200%;

  overflow: hidden;

}

.main .article .noticeList .textList .textBox .titleBox {

  width: 417px;

  font-size: 12px;

  color: #666666;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: absolute;

  bottom: 0;

  right: 0px;

}

.main .article .noticeList .textList .textBox .titleBox .btnBox {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  color: #999999;

}

.main .article .noticeList .textList .textBox .titleBox .btnBox .lookTime {

  background-repeat: no-repeat;

  background-position: left;

  background-size: 18px 12px;

  padding-left: 24px;

  background-image: url("../image/lookIcon.png");

  margin-right: 12px;

}

.main .article .noticeList .textList .textBox .titleBox .btnBox .shareBox {

  height: 15px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: 14px 15px;

  padding-left: 24px;

  background-image: url("../image/shareIcon.png");

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.main .article .noticeList .textList .textBox .titleBox .btnBox .shareBox a {

  display: block;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  width: 18px;

  height: 18px;

  margin-left: 6px;

}

.main .article .evaluationBox {

  background-color: #ffffff;

  padding: 22px 23px;

}

.main .article .evaluationBox .labelBox {

  background-color: #f0f0f0;

  width: 830px;

  height: 106px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  text-align: center;

}

.main .article .evaluationBox .labelBox div {

  display: inline-block;

  width: 40px;

  height: 100%;

  box-sizing: border-box;

  padding-top: 20px;

  font-size: 14px;

  color: #848484;

  border-right: 1px solid #dcdcdc;

}

.main .article .evaluationBox .labelBox .labelList {

  flex-wrap: wrap;

  height: 100%;

  width: 790px;

  box-sizing: border-box;

  padding: 17px 12px;

}

.main .article .evaluationBox .labelBox .labelList .ck {

  background-color: #11bd97;

  color: #ffffff;

}

.main .article .evaluationBox .labelBox .labelList li {

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  width: 98px;

  height: 28px;

  font-size: 12px;

  color: #000000;

  line-height: 28px;

  cursor: pointer;

}

.main .article .evaluationBox .labelBox .labelList li:not(:first-child) {

  margin-left: 11px;

}

.main .article .evaluationBox .labelBox .labelList li:nth-child(8n) {

  margin-left: 0px;

}

.main .article .evaluationBox .filtrate {

  position: relative;

  width: 100%;

  margin-top: 25px;

  margin-bottom: 33px;

}

.main .article .evaluationBox .filtrate .filtrateBtn {

  width: 100%;

  color: #000000;

  font-size: 14px;

}

.main .article .evaluationBox .filtrate .filtrateBtn li {

  margin-right: 30px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  cursor: pointer;

}

.main .article .evaluationBox .filtrate .filtrateBtn i {

  display: inline-block;

  width: 14px;

  height: 14px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #11bd97;

  border-style: solid;

  border-radius: 50%;

  margin-right: 7px;

}

.main .article .evaluationBox .filtrate .filtrateBtn .pitchOn {

  font-weight: bold;

}

.main .article .evaluationBox .filtrate .filtrateBtn .pitchOn i {

  border-width: 4px;

}

.main .article .evaluationBox .filtrate .rank {

  width: 98px;

  height: 28px;

  box-sizing: border-box;

  padding-left: 15px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  position: absolute;

  top: -14px;

  right: 0;

}

.main .article .evaluationBox .assessmentList {

  flex-direction: column;

  color: #666666;

  font-size: 12px;

}

.main .article .evaluationBox .assessmentList .assessment {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  align-items: flex-start;

}

.main .article .evaluationBox .assessmentList .assessment:not(:first-child) {

  margin-top: 23px;

}

.main .article .evaluationBox .assessmentList .assessment .headerImg {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  overflow: hidden;

  margin-right: 19px;

}

.main .article .evaluationBox .assessmentList .assessment .headerImg img {

  width: 100%;

  height: 100%;

}

.main .article .evaluationBox .assessmentList .assessment .contents {

  text-align: left;

  width: 757px;

  position: relative;

}

.main .article .evaluationBox .assessmentList .assessment .contents .name {

  font-size: 14px;

  color: #000000;

  margin-top: 16px;

  margin-bottom: 8px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .starList {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.main .article .evaluationBox .assessmentList .assessment .contents .starList .star {

  width: 15px;

  height: 14px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url("../image/star.png");

}

.main .article .evaluationBox .assessmentList .assessment .contents .commentTime {

  position: absolute;

  top: 16px;

  right: 20px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .text {

  margin-top: 16px;

  margin-bottom: 12px;

  padding: 0;

  border: none;

  color: #666666;

  line-height: 200%;

}

.main .article .evaluationBox .assessmentList .assessment .contents .showBtn {

  text-align: right;

  box-sizing: border-box;

}

.main .article .evaluationBox .assessmentList .assessment .contents .showBtn span {

  padding-right: 15px;

  background-repeat: no-repeat;

  background-position: right;

  background-size: 12px;

  background-image: url("../image/showBtn.png");

  cursor: pointer;

}

.main .article .evaluationBox .assessmentList .assessment .contents .imgBox {

  margin-top: 20px;

  margin-bottom: 20px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .imgBox img {

  width: 120px;

  height: 120px;

  margin-right: 10px;

  cursor: pointer;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg {

  width: 100%;

  height: 431px;

  position: relative;

  text-align: center;

  background-color: #f0f0f0;

  margin-bottom: 13px;

  display: none;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg img {

  height: 100%;

  width: auto;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb {

  width: 100%;

  height: 40px;

  background-color: rgba(191, 191, 191, 0.902);

  position: absolute;

  left: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div {

  color: #ffffff;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: left;

  background-size: cover;

  height: 20px;

  line-height: 20px;

  padding-left: 28px;

  background-size: 20px 18px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div:nth-child(1) {

  background-image: url("../image/packUp.png");

  padding-left: 20px;

  background-size: 12px 16px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div:nth-child(2) {

  background-image: url("../image/left-handedRotation.png");

  margin: 0px 20px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div:nth-child(3) {

  background-image: url("../image/dextroversion.png");

}

.main .article .evaluationBox .assessmentList .assessment .contents .attribute {

  color: #848484;

  padding-bottom: 25px;

  border-bottom: 1px solid #e5e5e5;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.main .article .evaluationBox .assessmentList .assessment .contents .attribute .time {

  margin-right: auto;

}

.main .article .evaluationBox .assessmentList .assessment .contents .attribute .IconBtn {

  margin-right: 28px;

  padding-left: 24px;

  height: 16px;

  line-height: 16px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: cover;

  cursor: pointer;

}

.main .article .evaluationBox .assessmentList .assessment .contents .attribute .IconBtn:nth-child(2) {

  background-image: url("../image/IconBtn1.png");

  background-size: 16px 16px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .attribute .IconBtn:nth-child(3) {

  background-image: url("../image/IconBtn2.png");

  background-size: 18px 13px;

}

.main .article .evaluationBox .assessmentList .assessment .contents .reply {

  margin-top: 18px;

  width: 100%;

  border-bottom: 1px solid #e5e5e5;

  display: none;

}

.main .article .evaluationBox .assessmentList .assessment .contents .reply > div {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.main .article .evaluationBox .assessmentList .assessment .contents .reply p {

  margin-top: 21px;

  margin-bottom: 19px;

  line-height: 200%;

}

.main .article .evaluationBox .moreAssessment {

  width: 100%;

  margin-top: 38px;

  text-align: center;

  padding-bottom: 60px;

}

.main .article .evaluationBox .moreAssessment a {

  font-size: 14px;

  color: #666666;

  cursor: pointer;

  padding: 5px 11px;

    background-color: #999;

    margin: 0 5px;

}

.main .article2 {

  width: 1000px;

  padding: 42px 23px 36px 38px;

  background-color: #ffffff;

}

.main .article2 .explain {

  text-align: left;

  margin-bottom: 25px;

}

.main .article2 .gallery-top {

  margin-top: 0;

}

.main .article2 .title {

  padding: 0;

  margin-bottom: 52px;

}

.main .article2 .title:not(:first-child) {

  margin-top: 86px;

}

.main .article2 .element,

.main .article2 .homeElement {

  text-align: left;

}

.main .article2 .element:not(:first-child) {

  display: none;

}

.main .article2 .textContent,

.main .article2 .textContent2 {

  font-size: 14px;

  color: #666666;

  line-height: 200%;

}

.main .article2 .textContent {

  text-indent: 29px;

}

.main .article2 .textContent2 {

  margin-bottom: 46px;

}

.main .article2 .textContent:not(:last-child) {

  margin-bottom: 44px;

}

.main .article2 .articleImg {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

.main .article2 .teacherList {

  flex-wrap: wrap;

}

.main .article2 .teacherList li {

  width: 278px;

  height: 500px;

}

.main .article2 .teacherList li .particular {

  color: #f0831d;

  cursor: pointer;

}

.main .article2 .teacherList li:not(:nth-child(3n)) {

  margin-right: 26px;

}

.main .article2 .gloryList {

  flex-wrap: wrap;

  width: 100%;

  margin: 0;

  margin-top: 80px;

}

.main .article2 .gloryList li {

  width: 284px;

  height: 200px;

  align-items: flex-start;

  font-size: 14px;

  color: #666666;

}

.main .article2 .gloryList li div {

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  width: 284px;

  height: 158px;

  margin-bottom: 24px;

  position: relative;

}

.main .article2 .gloryList li div img {

  width: 204px;

  height: 130px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}

.main .article2 .gloryList li:nth-child(n+4) {

  margin-top: 30px;

}

.main .article2 .gloryList li:not(:nth-child(3n)) {

  margin-right: 43px;

}

.main .article2 .partnershipList {

  flex-wrap: wrap;

}

.main .article2 .partnershipList li {

  border-width: 1px;

  border-color: #eeeeee;

  border-style: solid;

  width: 284px;

  height: 142px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: auto;

}

.main .article2 .partnershipList li:not(:nth-child(3n)) {

  margin-right: 35px;

}

.main .article2 .partnershipList li:nth-child(n+4) {

  margin-top: 30px;

}

.main .sidebar {

  width: 314px;

  margin-left: 98px;

}

.main .sidebar .element {

  margin-bottom: 10px;

  background-color: #ffffff;

  padding: 25px 13px;

  box-sizing: border-box;

}

.main .sidebar .searchBox {

  width: 278px;

  position: relative;

  margin: 0px auto 20px;

}

.main .sidebar .searchBox input {

  width: 278px;

  height: 34px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #d5d5d5;

  border-style: solid;

  border-radius: 20px;

  padding-left: 15px;

}

.main .sidebar .searchBox .searchBtn {

  display: block;

  width: 20px;

  height: 20px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  background-image: url("../image/searchBtnIcon.png");

  position: absolute;

  top: 8px;

  right: 19px;

}

.main .sidebar .title {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-bottom: 26px;

}

.main .sidebar .title h3 {

  font-size: 16px;

  color: #999999;

  margin: 0;

  font-weight: 400;

}

.main .sidebar .title h4 {

  width: 100%;

  color: #000000;

  font-size: 16px;

  margin-bottom: 0;

  padding-bottom: 15px;

  border-bottom: 1px solid #e5e5e5;

}

.main .sidebar .content {

  padding: 0;

}

.main .sidebar .PopularArticles {

  flex-direction: column;

  width: 100%;

  align-items: flex-start;

}

.main .sidebar .PopularArticles li {

  height: 64px;

}

.main .sidebar .PopularArticles li a {

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.main .sidebar .PopularArticles li:not(:last-child) {

  margin-bottom: 21px;

}

.main .sidebar .PopularArticles img {

  width: 100px;

  height: 100%;

  margin-right: 14px;

}

.main .sidebar .PopularArticles div {

  width: 178px;

  color: #999999;

  text-align: left;

}

.main .sidebar .PopularArticles div span {

  display: block;

  height: 36px;

  overflow: hidden;

  font-size: 14px;

  margin-bottom: 18px;

}

.main .sidebar .PopularArticles div p {

  font-size: 12px;

  margin: 0;

}

.main .sidebar .baby-sitterSwiper {

  width: 100%;

  height: 228px;

  cursor: pointer;

}

.main .sidebar .baby-sitterSwiper .baby-sitter {

  width: 100%;

  font-size: 12px;

  color: #999999;

}

.main .sidebar .baby-sitterSwiper .baby-sitter img {

  width: 100%;

  height: 140px;

}

.main .sidebar .baby-sitterSwiper .baby-sitter .name {

  margin: 0;

  margin-top: 10px;

  margin-bottom: 5px;

}

.main .sidebar .baby-sitterSwiper .baby-sitter .money {

  color: #ff0000;

}

.main .sidebar .baby-sitterSwiper .baby-sitter:first-child {

  /*margin-right: 20px;*/

}

.main .sidebar .baby-sitterSwiper .swiper-slide {

  display: flex;

}

.main .sidebar .baby-sitterSwiper .swiper-button-white {

  top: auto;

  bottom: 0;

  background-size: 25px 14px;

}

.main .sidebar .baby-sitterSwiper .swiper-button-prev {

  background-image: url("../image/UpIcon3.png");

  left: 50%;

  margin-left: -35px;

}

.main .sidebar .baby-sitterSwiper .swiper-button-next {

  background-image: url("../image/nextIcon3.png");

  left: 50%;

  margin-right: -35px;

}

.main .sidebar .advertising {

  width: 317px;

  height: 277px;

  margin-top: 5px;

}

.main2 .sidebar {

  margin-left: 14px;

}

.main2 .contactUs {

  padding: 60px 40px 54px;

  background-color: #ffffff;

  margin-bottom: 60px;

}

.main2 .contactUs .addressBox {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 79px;

  border-bottom: 1px solid #e5e5e5;

  margin-bottom: 65px;

}

.main2 .contactUs .addressBox .site {

  font-size: 14px;

  color: #999999;

}

.main2 .contactUs .addressBox .site * {

  margin-bottom: 10px;

}

.main2 .contactUs .addressBox .site .name {

  font-size: 16px;

  color: #009887;

}

.main2 .contactUs .addressBox .site h4 {

  margin-top: 34px;

}

.main2 .contactUs .addressBox .map {

  border-width: 2px;

  border-color: #999999;

  border-style: solid;

  background-color: #f6f6f6;

  width: 626px;

  height: 316px;

}

.main2 .contactUs .addressBox .iw_poi_title {

  color: #CC5522;

  font-size: 14px;

  font-weight: bold;

  overflow: hidden;

  padding-right: 13px;

  white-space: nowrap;

}

.main2 .contactUs .addressBox .iw_poi_content {

  font: 12px arial, sans-serif;

  overflow: visible;

  padding-top: 4px;

  white-space: -moz-pre-wrap;

  word-wrap: break-word;

}

.main2 .contactUs .leaveWord {

  font-size: 14px;

  color: #666666;

  width: 100%;

  position: relative;

}

.main2 .contactUs .leaveWord .title {

  text-align: center;

  width: 100%;

  margin-bottom: 58px;

}

.main2 .contactUs .leaveWord .title h1 {

  font-size: 30px;

  color: #222222;

  margin-bottom: 21px;

  font-family: "微软雅黑";

  font-weight: 500;

}

.main2 .contactUs .leaveWord .messageInput input {

  width: 458px;

  height: 38px;

  box-sizing: border-box;

  padding-left: 10px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  margin-left: 42px;

}

.main2 .contactUs .leaveWord .messageInput .number {

  margin-left: 14px;

}

.main2 .contactUs .leaveWord .messageInput .groundFloor {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}

.main2 .contactUs .leaveWord .textBox {

  margin-top: 33px;

}

.main2 .contactUs .leaveWord .textBox textarea {

  width: 1118px;

  height: 238px;

  box-sizing: border-box;

  margin-top: 14px;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  resize: none;

  margin-bottom: 68px;

}

.main2 .contactUs .leaveWord .allBtn {

  position: absolute;

  bottom: 0;

  left: 50%;

  margin-left: -100px;

  transition: all .3s ease;

}

.main2 .contactUs .leaveWord .allBtn:hover {

  opacity: .7;

}

.RESERVATION_CHANNEL {

  display: none;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 99;

}

.RESERVATION_CHANNEL .mb {

  width: 100%;

  height: 100%;

}

.RESERVATION_CHANNEL .optionList {

  width: 478px;

  height: 498px;

  border-width: 1px;

  border-color: #bfbfbf;

  border-style: solid;

  box-sizing: border-box;

  background-color: #ffffff;

  box-shadow: 0px 33px 83px 0px rgba(0, 1, 1, 0.26);

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -249px;

  margin-left: -239px;

}

.RESERVATION_CHANNEL .optionList .result {

  display: none;

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  padding: 0px 37px;

  background-repeat: no-repeat;

  background-position: center 64px;

  background-size: auto;

  background-image: url("../image/result.png");

  text-align: center;

  padding-top: 206px;

}

.RESERVATION_CHANNEL .optionList .result h1 {

  font-size: 28px;

  color: #11bd97;

  margin-bottom: 75px;

}

.RESERVATION_CHANNEL .optionList .result p {

  font-size: 14px;

  color: #666666;

  line-height: 24px;

}

.RESERVATION_CHANNEL .optionList .hideBtn {

  display: block;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-image: url("../image/hideBtn.png");

  position: absolute;

  top: 8px;

  right: 10px;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  cursor: pointer;

}

.RESERVATION_CHANNEL .optionList .title {

  width: 100%;

  margin-top: 24px;

  padding-bottom: 18px;

  border-bottom: 1px dashed #e5e5e5;

  text-align: center;

  color: #11bd97;

  font-size: 16px;

  font-weight: bold;

}

.RESERVATION_CHANNEL .optionList .type {

  width: 100%;

  margin-top: 27px;

}

.RESERVATION_CHANNEL .optionList .type li {

  width: 33.33%;

  height: 30px;

  box-sizing: border-box;

  text-align: center;

  cursor: pointer;

  font-size: 14px;

  color: #0c0407;

  font-weight: bold;

  border-bottom: 1px solid #e5e5e5;

}

.RESERVATION_CHANNEL .optionList .type .optFor {

  border-bottom: 4px solid #11bd97;

}

.RESERVATION_CHANNEL .optionList .form {

  margin-top: 38px;

  margin-bottom: 22px;

  width: 100%;

  box-sizing: border-box;

  padding: 0px 25px 0px 18px;

  font-size: 14px;

  color: #666666;

}

.RESERVATION_CHANNEL .optionList .form > div {

  width: 100%;

}

.RESERVATION_CHANNEL .optionList .form .timeBox {

  position: relative;

  margin-bottom: 31px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox i {

  font-style: normal;

  position: absolute;

  top: 7px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox i:first-child {

  left: 157px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox i:nth-child(2) {

  left: 283px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox i:nth-child(3) {

  left: 410px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox input {

  width: 108px;

  height: 28px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  background-color: #ffffff;

  padding-right: 27px;

  padding-left: 5px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox input:not(:last-child) {

  margin-right: 19px;

}

.RESERVATION_CHANNEL .optionList .form .timeBox .time2 {

  display: none;

}

.RESERVATION_CHANNEL .optionList .form .money {

  margin-bottom: 31px;

}

.RESERVATION_CHANNEL .optionList .form .money i {

  display: inline-block;

  width: 14px;

  height: 14px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  border-radius: 50%;

  margin-right: 7px;

  padding: 3px;

}

.RESERVATION_CHANNEL .optionList .form .money div {

  display: inline-block;

}

.RESERVATION_CHANNEL .optionList .form .money div:not(:last-child) {

  margin-right: 39px;

}

.RESERVATION_CHANNEL .optionList .form .name,

.RESERVATION_CHANNEL .optionList .form .phone,

.RESERVATION_CHANNEL .optionList .form .site {

  margin-top: 24px;

}

.RESERVATION_CHANNEL .optionList .form .name input,

.RESERVATION_CHANNEL .optionList .form .phone input,

.RESERVATION_CHANNEL .optionList .form .site input {

  width: 363px;

  height: 28px;

  box-sizing: border-box;

  border-width: 1px;

  border-color: #e5e5e5;

  border-style: solid;

  padding-left: 10px;

}

.RESERVATION_CHANNEL .optionList .allBtn {

  background-color: #11bd97;

  text-align: center;

  line-height: 48px;

  cursor: pointer;

  margin: 0 auto;

}

.orderFormTable {

  width: 100%;

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

  font-size: 14px;

}

.orderFormTable .th,

.orderFormTable .tr {

  border-bottom: 1px #e5e5e5 solid;

}

.orderFormTable .thead {

  width: 100%;

  height: 60px;

  line-height: 60px;

}

.orderFormTable .thead .th {

  float: left;

  width: 16.66%;

  height: 60px;

  text-align: center;

  font-weight: bold;

  color: #666666;

}

.orderFormTable .tbodySwiper {

  width: 100%;

  height: 370px;

}

.orderFormTable .tbodySwiper .tr {

  width: 100%;

  height: 37px;

  line-height: 37px;

  color: #999999;

}

.orderFormTable .tbodySwiper .tr .td {

  float: left;

  width: 16.66%;

  text-align: center;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.orderFormTable .allBtn {

  width: 70px;

  height: 26px;

  font-size: 14px;

  border: none;

}



/*修改增加*/

.clearfix:after {content: ""; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

.zx_boxs {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

.zx_ketangBox .zx_ketangList {

  display: none;

}

.zx_classify {

  width: 1200px;

  border: 1px solid #e6e6e6;

  margin-bottom: 61px;

}

.zx_classify table {

  width: 100%;

} 

.zx_classify table tr {

  border-bottom: 1px solid #e6e6e6;

}

.zx_classify table th {

  width: 11%;

  background-color: #fafafa;

  text-align: center;

  color: #495056;

  font-size: 16px;

  line-height: 50px;

}

.zx_classify td a {

    font-size: 16px;

    line-height: 50px;

    padding: 5px 9px;

    margin: 0 10px;

    transition: all .3s ease-out;

}

.zx_classify td a:hover,.zx_classify td .on {

  background-color: #11bd97;

  color: #fff;

}

/* .zx_classify dt, .zx_classify dd {

  float: left;

  color: #495056;

  font-size: 16px;

  line-height: 50px;

}

.zx_classify dl {

  border-bottom: 1px solid #e6e6e6;

}

.zx_classify dl:last-child {

  border-bottom: none;

}

.zx_classify dt {

  width: 130px;

  background-color: #fafafa;

  text-align: center;

  margin-right: 7px;

}

.zx_classify dd {

  padding: 0 12px;

  margin: 0 3px;

}

.zx_classify dd:hover {

  background-color: #11bd97;

}

.zx_classify dd:hover a, .zx_classify dd .on {

  color: #fff;

}



.zx_classify .on{

  background-color: #11bd97;

}

.zx_classify .on a {

  color: #fff;

} */



.zx_titleList ul {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  margin-bottom: 31px;

}

.zx_titleList li {

  font-weight: 400;

  color: #666666;

  cursor: pointer;

  margin: 0 10px;

}



.zx_jnTab {

  width: 100%;

  margin-bottom: 30px;

}

.zx_jnTab ul {

  font-size: 0;

  width: 100%;

  text-align: center;

  display: block;

}

.zx_jnBox .zx_jnList {

  display: none;

}

.zx_jnList ul {

  display: block;

  margin-bottom: 60px;

}

.zx_jnTab li {

  display: inline-block;

  color: #676767;

  font-size: 36px;

  margin: 0 14px;

  cursor: pointer;

}

.zx_jnTab li:hover, .zx_jnTab .avtive {

  color: #009987;

}

.zx_jnList li {

  width: 573px;

  padding: 21px 0;

  float: left;

}

.zx_jnList li .zx_jnListImg {

  display: none;

}

.zx_jnList li:nth-of-type(2) {

  padding-top: 0;

}

.zx_jnList li:last-child {

  padding-bottom: 0;

}

.zx_time {

  width: 80px;

  height: 90px;

  background-color: #c0c0c0;

  text-align: center;

  float: left;

  transition: all .3s ease-out;

}

.zx_jnList li:hover .zx_time{

  background-color: #009987;

}

.zx_time h3 {

  font-size: 30px;

  font-weight: bold;

  line-height: 30px;

  color: #fff;

  padding: 19px 0 8px;

}

.zx_time h6 {

  font-size: 12px;

  line-height: 12px;

  color: #fff;

}

.zx_text {

  float: right;

  width: 466px;

}

.zx_text h5 {

  padding: 10px 0 13px;

  color: #000;

  font-size: 18px;

  line-height: 18px;

  text-align: left;

}

.zx_text p {

  font-size: 14px;

  line-height: 24px;

  color: #999;

  text-align: left;

}

.zx_jnListBox {

  position: relative;

}

.zx_jnList .on {

  margin-right: 45px;

  width: 580px;

  padding: 0;

}

.zx_jnList .on .zx_jnListImg {

  display: block;

}

.zx_jnList .on .zx_time {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #009987;

}

.zx_jnList .on .zx_text {

  width: 100%;

}

.zx_jnListImg {

  width: 100%;

  height: 302px;

}

.zx_jnListImg img {

  width: 100%;

  height: 100%;

}

.zx_dian {

  width: 100%;

  text-align: center;

  font-size: 0;

}

.zx_dian span {

  width: 10px;

  height: 10px;

  border-radius: 5px;

  border: 1px solid #009987;

  display: inline-block;

  margin: 0 7px;

  transition: all .3s ease-out;

  cursor: pointer;

}

.zx_dian span:hover, .zx_dian .on {

  background-color: #009987;

  width: 10px;

  height: 10px;

  margin: 0 7px;

}



.zx_indexTab {

  margin-top: 20px;

}

.zx_indexTab ul {

  display: flex;

  align-items: center;

  justify-content: center;

}

.zx_indexTab li {

  width: 158px;

  height: 38px;

  line-height: 38px;

  cursor: pointer;

  border-width: 1px;

  border-color: #999999;

  border-style: solid;

  margin: 0;

  font-size: 16px;

  color: #999999;

}

.zx_indexTab li:first-child {

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;

  border-right: none;

}

.zx_indexTab li:last-child {

  border-top-right-radius: 20px;

  border-bottom-right-radius: 20px;

}

.zx_indexTab .on {

  background-color: #009887;

  border-color: #009887;

  color: #ffffff;

}

.zx_dangan_img {

  width: 100%;

  height: 280px;

}