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("../images/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("../images/storyicon1.png");
}
.sidebar2 .storyList .storyli:first-child:hover {
  background-image: url("../images/storyicon1-1.png");
}
.sidebar2 .storyList .storyli:nth-child(2) {
  background-image: url("../images/storyicon2.png");
}
.sidebar2 .storyList .storyli:nth-child(2):hover {
  background-image: url("../images/storyicon2-1.png");
}
.sidebar2 .storyList .storyli:nth-child(3) {
  background-image: url("../images/storyicon3.png");
}
.sidebar2 .storyList .storyli:nth-child(3):hover {
  background-image: url("../images/storyicon3-1.png");
}
.sidebar2 .storyList .storyli:nth-child(4) {
  background-image: url("../images/storyicon4.png");
}
.sidebar2 .storyList .storyli:nth-child(4):hover {
  background-image: url("../images/storyicon4-1.png");
}
.sidebar2 .storyList .storyli:nth-child(5) {
  background-image: url("../images/storyicon5.png");
}
.sidebar2 .storyList .storyli:nth-child(5):hover {
  background-image: url("../images/storyicon5-1.png");
}
.sidebar2 .storyList .noticeLi {
  margin-bottom: 15px;
}
.sidebar2 .storyList .noticeLi:first-child {
  background-image: url("../images/notice1.png");
}
.sidebar2 .storyList .noticeLi:first-child:hover {
  background-image: url("../images/notice1-1.png");
}
.sidebar2 .storyList .noticeLi:nth-child(2) {
  background-image: url("../images/notice2.png");
}
.sidebar2 .storyList .noticeLi:nth-child(2):hover {
  background-image: url("../images/notice2-1.png");
}
.sidebar2 .storyList .noticeLi:nth-child(3) {
  background-image: url("../images/notice3.png");
}
.sidebar2 .storyList .noticeLi:nth-child(3):hover {
  background-image: url("../images/notice3-1.png");
}
.sidebar2 .storyList .noticeLi:nth-child(4) {
  background-image: url("../images/notice4.png");
}
.sidebar2 .storyList .noticeLi:nth-child(4):hover {
  background-image: url("../images/notice4-1.png");
}
.sidebar2 .storyList2 .noticeLi {
  margin-bottom: 15px;
}
.sidebar2 .storyList2 .noticeLi:first-child {
  background-image: url("../images/notice5.png");
}
.sidebar2 .storyList2 .noticeLi:first-child:hover {
  background-image: url("../images/notice5-1.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(2) {
  background-image: url("../images/notice6.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(2):hover {
  background-image: url("../images/notice6-1.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(3) {
  background-image: url("../images/notice7.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(3):hover {
  background-image: url("../images/notice7-1.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(4) {
  background-image: url("../images/notice8.png");
}
.sidebar2 .storyList2 .noticeLi:nth-child(4):hover {
  background-image: url("../images/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("../images/headerleft.png");
}
.skipBox .skipBtn .nextPageBtn {
  padding-right: 10px;
  background-position: 56px;
  margin-right: 11px;
  background-image: url("../images/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("../images/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;
  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("../images/job4.jpg");
}
.secondaryPage .jobBox .job1 li:nth-child(1):hover {
  background-image: url(../images/job4-ture.jpg);
}
.secondaryPage .jobBox .job1 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 304px;
  background-image: url("../images/job2.jpg");
}
.secondaryPage .jobBox .job1 li:nth-child(2):hover {
  background-image: url(../images/job2-ture.jpg);
}
.secondaryPage .jobBox .job1 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 571px;
  background-image: url("../images/job3.jpg");
}
.secondaryPage .jobBox .job1 li:nth-child(3):hover {
  background-image: url(../images/job3-ture.jpg);
}
.secondaryPage .jobBox .job1 li:nth-child(4) {
  position: absolute;
  top: 37px;
  left: 838px;
  background-image: url("../images/job1.jpg");
}
.secondaryPage .jobBox .job1 li:nth-child(4):hover {
  background-image: url(../images/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("../images/job5.jpg");
}
.secondaryPage .jobBox .job2 li:nth-child(1):hover {
  background-image: url(../images/job5-ture.jpg);
}
.secondaryPage .jobBox .job2 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 304px;
  background-image: url("../images/job6.jpg");
}
.secondaryPage .jobBox .job2 li:nth-child(2):hover {
  background-image: url(../images/job6-ture.jpg);
}
.secondaryPage .jobBox .job2 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 571px;
  background-image: url("../images/job7.jpg");
}
.secondaryPage .jobBox .job2 li:nth-child(3):hover {
  background-image: url(../images/job7-ture.jpg);
}
.secondaryPage .jobBox .job2 li:nth-child(4) {
  position: absolute;
  top: 37px;
  left: 838px;
  background-image: url("../images/job8.jpg");
}
.secondaryPage .jobBox .job2 li:nth-child(4):hover {
  background-image: url(../images/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("../images/job31.png");
}
.secondaryPage .jobBox .job3 li:nth-child(1):hover {
  background-image: url(../images/job31-ture.png);
}
.secondaryPage .jobBox .job3 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 203px;
  background-image: url("../images/job32.png");
}
.secondaryPage .jobBox .job3 li:nth-child(2):hover {
  background-image: url(../images/job32-ture.png);
}
.secondaryPage .jobBox .job3 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 560px;
  background-image: url("../images/job33.png");
}
.secondaryPage .jobBox .job3 li:nth-child(3):hover {
  background-image: url(../images/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("../images/job41.png");
}
.secondaryPage .jobBox .job4 li:nth-child(1):hover {
  background-image: url(../images/job41-ture.png);
}
.secondaryPage .jobBox .job4 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 385px;
  background-image: url("../images/job42.png");
}
.secondaryPage .jobBox .job4 li:nth-child(2):hover {
  background-image: url(../images/job42-ture.png);
}
.secondaryPage .jobBox .job4 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 738px;
  background-image: url("../images/job43.png");
}
.secondaryPage .jobBox .job4 li:nth-child(3):hover {
  background-image: url(../images/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("../images/job5-1.png");
}
.secondaryPage .jobBox .job5 li:nth-child(1):hover {
  background-image: url("../images/job5-11.png");
}
.secondaryPage .jobBox .job5 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 304px;
  background-image: url("../images/job5-2.png");
}
.secondaryPage .jobBox .job5 li:nth-child(2):hover {
  background-image: url("../images/job5-22.png");
}
.secondaryPage .jobBox .job5 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 571px;
  background-image: url("../images/job5-3.png");
}
.secondaryPage .jobBox .job5 li:nth-child(3):hover {
  background-image: url("../images/job5-33.png");
}
.secondaryPage .jobBox .job5 li:nth-child(4) {
  position: absolute;
  top: 37px;
  left: 838px;
  background-image: url("../images/job5-4.png");
}
.secondaryPage .jobBox .job5 li:nth-child(4):hover {
  background-image: url("../images/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("../images/job6-1.png");
}
.secondaryPage .jobBox .job6 li:nth-child(1):hover {
  background-image: url(../images/job6-11.png);
}
.secondaryPage .jobBox .job6 li:nth-child(2) {
  position: absolute;
  top: 37px;
  left: 304px;
  background-image: url("../images/job6-2.png");
}
.secondaryPage .jobBox .job6 li:nth-child(2):hover {
  background-image: url(../images/job6-22.png);
}
.secondaryPage .jobBox .job6 li:nth-child(3) {
  position: absolute;
  top: 37px;
  left: 571px;
  background-image: url("../images/job6-3.png");
}
.secondaryPage .jobBox .job6 li:nth-child(3):hover {
  background-image: url(../images/job6-33.png);
}
.secondaryPage .jobBox .job6 li:nth-child(4) {
  position: absolute;
  top: 37px;
  left: 838px;
  background-image: url("../images/job6-4.png");
}
.secondaryPage .jobBox .job6 li:nth-child(4):hover {
  background-image: url(../images/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("../images/inputicon1.png");
}
.secondaryPage .applyForBox .mb .applyFor .text:nth-child(2) {
  background-image: url("../images/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: 350px;
  margin-bottom: 4px;
}
.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("../images/applyimg.jpg");
  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("../images/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("../images/c_06.jpg");
  position: relative;
}
.secondaryPage .Ms_Wang a {
  display: block;
  width: 120px;
  height: 40px;
  position: absolute;
  top: 450px;
  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("../images/hexagonbgcimg1.png");
}
.secondaryPage .hexagonBox .hexagon:nth-child(2) {
  background-image: url("../images/hexagonbgcimg2.png");
}
.secondaryPage .hexagonBox .hexagon:nth-child(3) {
  background-image: url("../images/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("../images/servecard1.jpg");
}
.servePage .serveCard li:nth-child(1) div {
  background-image: url("../images/servecardicon1.png");
}
.servePage .serveCard li:nth-child(2) {
  margin: 0px 26px;
  background-image: url("../images/servecard2.jpg");
}
.servePage .serveCard li:nth-child(2) div {
  background-image: url("../images/servecardicon2.png");
}
.servePage .serveCard li:nth-child(3) {
  background-image: url("../images/servecard3.jpg");
}
.servePage .serveCard li:nth-child(3) div {
  background-image: url("../images/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("../images/whyli1.png");
}
.servePage .whyList li:nth-child(2) {
  background-image: url("../images/whyli2.png");
}
.servePage .whyList li:nth-child(3) {
  background-image: url("../images/whyli3.png");
}
.servePage .whyList li:nth-child(4) {
  background-image: url("../images/whyli4.png");
}
.servePage .whyList li:nth-child(5) {
  background-image: url("../images/whyli5.png");
}
.servePage .whyList li:nth-child(6) {
  background-image: url("../images/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("../images/sitterbtn1.png");
  right: 330px;
  background-position-x: 33px;
}
.servePage .sitterBox .sitter .message .bottom .btnBox .btn:nth-child(2) {
  background-image: url("../images/sitterbtn2.png");
  right: 165px;
}
.servePage .sitterBox .sitter .message .bottom .btnBox .btn:nth-child(3) {
  background-image: url("../images/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("../images/collegeright.png");
}
.servePage .sitterBox .sitterSwiper .swiper-button-prev {
  left: 0;
  background-image: url("../images/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("../images/reason1.png");
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.servePage .reason li:nth-child(2) {
  background-image: url("../images/reason2.png");
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.servePage .reason li:nth-child(3) {
  background-image: url("../images/reason3.png");
  border-bottom: 1px solid #e5e5e5;
}
.servePage .reason li:nth-child(4) {
  background-image: url("../images/reason4.png");
  border-right: 1px solid #e5e5e5;
}
.servePage .reason li:nth-child(5) {
  background-image: url("../images/reason5.png");
  border-right: 1px solid #e5e5e5;
}
.servePage .reason li:nth-child(6) {
  background-image: url("../images/reason6.png");
}
.servePage .reason li:hover h6 {
  color: #11bd97;
}
.servePage .reason li:hover:nth-child(1) {
  background-image: url("../images/reasonhover1.png");
}
.servePage .reason li:hover:nth-child(2) {
  background-image: url("../images/reasonhover2.png");
}
.servePage .reason li:hover:nth-child(3) {
  background-image: url("../images/reasonhover3.png");
}
.servePage .reason li:hover:nth-child(4) {
  background-image: url("../images/reasonhover4.png");
}
.servePage .reason li:hover:nth-child(5) {
  background-image: url("../images/reasonhover5.png");
}
.servePage .reason li:hover:nth-child(6) {
  background-image: url("../images/reasonhover6.png");
}
.servePage .Ms_Wang {
  background-image: url("../images/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("../images/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("../images/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("../images/s1d35s.png");
}
.servePage .classify .more .ck {
  border-color: #848484;
  border-width: 1px 1px 1px 1px;
  border-bottom-color: #ffffff;
  background-image: url("../images/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("../images/exercise1.png");
}
.servePage .exercise li:nth-child(1):hover {
  background-image: url("../images/exercise11.png");
}
.servePage .exercise li:nth-child(2) {
  background-image: url("../images/exercise2.png");
}
.servePage .exercise li:nth-child(2):hover {
  background-image: url("../images/exercise12.png");
}
.servePage .exercise li:nth-child(3) {
  background-image: url("../images/exercise3.png");
}
.servePage .exercise li:nth-child(3):hover {
  background-image: url("../images/exercise13.png");
}
.servePage .exercise li:nth-child(4) {
  background-image: url("../images/exercise4.png");
}
.servePage .exercise li:nth-child(4):hover {
  background-image: url("../images/exercise14.png");
}
.servePage .exercise li:nth-child(5) {
  background-image: url("../images/exercise5.png");
}
.servePage .exercise li:nth-child(5):hover {
  background-image: url("../images/exercise15.png");
}
.servePage .exercise li:nth-child(6) {
  background-image: url("../images/exercise6.png");
}
.servePage .exercise li:nth-child(6):hover {
  background-image: url("../images/exercise16.png");
}
.servePage .exercise li:nth-child(7) {
  background-image: url("../images/exercise7.png");
}
.servePage .exercise li:nth-child(7):hover {
  background-image: url("../images/exercise17.png");
}
.servePage .exercise li:nth-child(8) {
  background-image: url("../images/exercise8.png");
}
.servePage .exercise li:nth-child(8):hover {
  background-image: url("../images/exercise18.png");
}
.servePage .exercise li:nth-child(9) {
  background-image: url("../images/exercise9.png");
}
.servePage .exercise li:nth-child(9):hover {
  background-image: url("../images/exercise19.png");
}
.servePage .exercise li i {
  width: 41px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("../images/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("../images/aftersale1.png");
}
.servePage .afterSale li:nth-child(2) {
  background-image: url("../images/aftersale2.png");
}
.servePage .afterSale li:nth-child(3) {
  background-image: url("../images/aftersale3.png");
}
.servePage .afterSale li:nth-child(4) {
  background-image: url("../images/aftersale4.png");
}
.servePage .afterSale li:nth-child(5) {
  background-image: url("../images/aftersale5.png");
}
.servePage .afterSale li:nth-child(6) {
  background-image: url("../images/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("../images/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("../images/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("../images/dasd608.png");
}
.servePage .uprightSp li:nth-child(2) .icon {
  background-image: url("../images/aada609.png");
}
.servePage .uprightSp li:nth-child(3) .icon {
  background-image: url("../images/vcgfd610.png");
}
.servePage .uprightSp li:nth-child(4) .icon {
  background-image: url("../images/vsaxc774.png");
}
.servePage .uprightSp li:nth-child(5) .icon {
  background-image: url("../images/vsaxvc611.png");
}
.servePage .uprightSp li:nth-child(6) .icon {
  background-image: url("../images/davbf612.png");
}
.servePage .uprightSp li:hover:nth-child(1) .icon {
  background-image: url("../images/das608.png");
}
.servePage .uprightSp li:hover:nth-child(2) .icon {
  background-image: url("../images/das609.png");
}
.servePage .uprightSp li:hover:nth-child(3) .icon {
  background-image: url("../images/das610.png");
}
.servePage .uprightSp li:hover:nth-child(4) .icon {
  background-image: url("../images/das774.png");
}
.servePage .uprightSp li:hover:nth-child(5) .icon {
  background-image: url("../images/das611.png");
}
.servePage .uprightSp li:hover:nth-child(6) .icon {
  background-image: url("../images/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("../images/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("../images/adfad45.png");
}
.servePage .main .sidebar .sidebarNav ul .clickTrue {
  background-image: url("../images/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(../images/nexticon3.png);
}
.servePage .main .recommend .recommendSwiper .swiper-button-prev {
  left: 50%;
  margin-left: -24px;
  background-image: url(../images/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("../images/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("../images/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("../images/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("../images/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("../images/flowdownicon.png");
}
.flowPage .main .article .flow li:nth-child(1) .iconBox {
  background-image: url("../images/flowimg1.png");
}
.flowPage .main .article .flow li:nth-child(2) .iconBox {
  background-image: url("../images/flowimg2.png");
}
.flowPage .main .article .flow li:nth-child(3) .iconBox {
  background-image: url("../images/flowimg3.png");
}
.flowPage .main .article .flow li:nth-child(4) .iconBox {
  background-image: url("../images/flowimg4.png");
}
.flowPage .main .article .flow li:nth-child(5) .iconBox {
  background-image: url("../images/flowimg5.png");
}
.flowPage .main .article .flow li:nth-child(6) .iconBox {
  background-image: url("../images/flowimg6.png");
}
.flowPage .main .article .flow li:nth-child(7) .iconBox {
  background-image: url("../images/flowimg7.png");
}
.flowPage .main .article .flow li:nth-child(8) .iconBox {
  background-image: url("../images/flowimg8.png");
}
.flowPage .main .article .flow li:nth-child(9) .iconBox {
  background-image: url("../images/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("../images/flowimg1-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(2) .iconBox {
  background-image: url("../images/flowimg2-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(3) .iconBox {
  background-image: url("../images/flowimg3-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(4) .iconBox {
  background-image: url("../images/flowimg4-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(5) .iconBox {
  background-image: url("../images/flowimg5-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(6) .iconBox {
  background-image: url("../images/flowimg6-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(7) .iconBox {
  background-image: url("../images/flowimg7-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(8) .iconBox {
  background-image: url("../images/flowimg8-2.png");
}
.flowPage .main .article .flow li:hover:nth-child(9) .iconBox {
  background-image: url("../images/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("../images/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;
  height: 600px;
  position: relative;
  z-index: 2;
}
header .headerSwiper .swiper-button-prev {
  left: 17%;
  background-image: url("../images/headerleft.png");
}
header .headerSwiper .swiper-button-next {
  right: 17%;
  background-image: url("../images/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("../images/upicon.png");
  left: 96%;
}
header .annunciate .swiper-button-next {
  background-image: url("../images/downicon.png");
  right: 0;
}
header .annunciateSwiper {
  height: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  background-image: url("../images/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("../images/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("../images/lookicon.png");
}
.main .article .title .titleBox .btnBox .shareBox {
  padding-left: 22px;
  background-size: 14px 15px;
  background-image: url("../images/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 {
  max-width: 900px;
  max-height: 700px;
  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("../images/upicon2.png");
}
.main .article .text .UpNextBox .nextBtn {
  padding-right: 20px;
  background-position: right;
  background-image: url("../images/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("../images/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("../images/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("../images/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("../images/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("../images/packup.png");
  padding-left: 20px;
  background-size: 12px 16px;
}
.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div:nth-child(2) {
  background-image: url("../images/left-handedrotation.png");
  margin: 0px 20px;
}
.main .article .evaluationBox .assessmentList .assessment .contents .BigImg .mb div:nth-child(3) {
  background-image: url("../images/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("../images/iconbtn1.png");
  background-size: 16px 16px;
}
.main .article .evaluationBox .assessmentList .assessment .contents .attribute .IconBtn:nth-child(3) {
  background-image: url("../images/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("../images/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("../images/upicon3.png");
  left: 50%;
  margin-left: -35px;
}
.main .sidebar .baby-sitterSwiper .swiper-button-next {
  background-image: url("../images/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("../images/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("../images/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;
}