@font-face {
  font-family: 'fontello';
  src: url('/nxyjw/babykids/font/fontello/fontello.eot?51086499');
  src: url('/nxyjw/babykids/font/fontello/fontello.eot?51086499#iefix') format('embedded-opentype'), url('/nxyjw/babykids/font/fontello/fontello.woff?51086499') format('woff'), url('/nxyjw/babykids/font/fontello/fontello.ttf?51086499') format('truetype'), url('/nxyjw/babykids/font/fontello/fontello.svg?51086499#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.bg_gradient {
  height: 3px;
  background: #74cee4;
  background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74cee4), color-stop(16%, #66ce9c), color-stop(32%, #edbf47), color-stop(49%, #ec774b), color-stop(65%, #74cee4), color-stop(83%, #66ce9c), color-stop(100%, #edbf47));
  background: -webkit-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -o-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -ms-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: linear-gradient(to right, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74cee4', endColorstr='#edbf47', GradientType=1);
}
body {
  font-family: "fontello", "微软雅黑", "幼圆";
  background-color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  html {
    font-size: 14px !important;
  }
  #carousel .owl-nav {
    display: none;
  }
  .nxnavbar,
  .container {
    width: 90vw;
  }
  ul.navbar-nav {
    float: none;
    text-align: center;
  }
  ul.navbar-nav > li > a {
    font-size: 1rem !important;
  }
  ul.navbar-nav > li:last-child > a:after {
    display: inline;
  }
  .sidebar div:nth-child(1) {
    border-radius: 5px 5px 0 0;
  }
  .sidebar div:nth-child(2) {
    border-radius: 0;
  }
  .sidebar div:nth-child(3) {
    border-radius: 0;
  }
  .sidebar div:nth-child(4) {
    border-radius: 0 0 5px 5px;
  }
  .column-introduce {
    margin-top: 1rem;
  }
  .column-introduce .column-icon {
    top: -1rem;
  }
  .parent-story .storys > div .pic img {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 16px !important;
  }
  #carousel .owl-nav {
    display: block;
  }
  .nxnavbar {
    width: 750px;
  }
  ul.navbar-nav {
    float: right;
  }
  ul.navbar-nav > li > a {
    font-size: .65rem !important;
  }
  ul.navbar-nav > li:last-child > a:after {
    display: none;
  }
  .sidebar {
    margin-top: -3.1rem;
  }
  .sidebar div:nth-child(1) {
    border-radius: 5px 0 0 0;
  }
  .sidebar div:nth-child(2) {
    border-radius: 0 5px 0 0;
  }
  .sidebar div:nth-child(3) {
    border-radius: 0 0 0 5px;
  }
  .sidebar div:nth-child(4) {
    border-radius: 0 0 5px 0;
  }
  .column-introduce {
    margin-top: 9rem;
  }
  .column-introduce .column-icon {
    top: 0;
  }
  .parent-story .storys > div .pic img {
    width: 100%;
    height: 100%;
    transition: 1s;
    cursor: pointer;
    object-fit: cover;
  }
  .parent-story .storys > div .pic img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 20.666666666666666px !important;
  }
  .nxnavbar {
    width: 970px;
  }
  .sidebar {
    margin-top: -1.5rem;
  }
  .sidebar div:nth-child(1) {
    border-radius: 5px 0 0 5px;
    border-bottom: 5px solid #6FC4D9;
  }
  .sidebar div:nth-child(2) {
    border-radius: 0;
    border-bottom: 5px solid #E0B84E;
  }
  .sidebar div:nth-child(3) {
    border-radius: 0;
    border-bottom: 5px solid #DF764E;
  }
  .sidebar div:nth-child(4) {
    border-radius: 0 5px 5px 0;
    border-bottom: 5px solid #6AB78A;
  }
  .column-introduce {
    margin-top: 6rem;
  }
  .column-introduce .column-icon {
    top: 0;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 25px !important;
  }
  .nxnavbar {
    width: 1170px;
  }
}
h1 {
  font-size: 1.44rem;
}
h2 {
  font-size: 1.2rem;
}
h3 {
  font-size: .96rem;
}
h4 {
  font-size: .72rem;
}
h5 {
  font-size: .56rem;
}
a,
a:hover,
a:focus,
a:visited,
a:active {
  color: #fff;
  text-decoration: none;
}
ul {
  list-style: none;
}
header .nxnavbar {
  position: fixed;
  z-index: 999;
  top: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  left: 50%;
  transition: 1.5s;
}
header .nxnavbar.rolldown {
  top: -35px;
  transition: 1.5s;
}
header .login-line {
  background: #495052;
  margin-left: 0;
  margin-right: 0;
  height: 35px;
  line-height: 35px;
}
header .login-line .login {
  color: #fff;
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
header .login-line .login > a {
  height: 35px;
  display: inline-block;
}
header .login-line .login > a:before {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  color: #a4a4a4;
  content: ".";
  display: inline-block;
}
header .login-line .login > a:hover + ul {
  display: block;
}
header .login-line .login > a span:before {
  content: '\ea0f';
  margin-right: .3rem;
}
header .login-line .login ul {
  border-radius: 5px !important;
  background-color: #edbf47;
  top: 30px;
}
header .login-line .login ul:before {
  width: .6rem;
  height: .6rem;
  top: -0.6rem;
  right: 1.5rem;
  content: '';
  position: absolute;
  border: 0.3rem solid transparent;
  border-bottom-color: #edbf47;
}
header .login-line .login ul:hover {
  display: block;
}
header .login-line .login ul li {
  border-bottom: 1px solid #e0b84e;
}
header .login-line .login ul li:first-child {
  border-top: 1px solid #e0b84e;
}
header .login-line .login ul li a {
  font-size: .5rem;
  padding: .3rem .8rem;
  color: #fff;
}
header .login-line .login ul li a:hover,
header .login-line .login ul li a:focus {
  color: #fff;
  background-color: #e0b84e;
}
header .bg_gradient {
  height: 3px;
  background: #74cee4;
  background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74cee4), color-stop(16%, #66ce9c), color-stop(32%, #edbf47), color-stop(49%, #ec774b), color-stop(65%, #74cee4), color-stop(83%, #66ce9c), color-stop(100%, #edbf47));
  background: -webkit-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -o-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -ms-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: linear-gradient(to right, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74cee4', endColorstr='#edbf47', GradientType=1);
}
header nav {
  border-radius: 0 0 5px 5px !important;
}
header nav .navbar-brand {
  padding: 0 0 0 1rem;
}
header nav .navbar-brand img {
  width: auto;
  height: 3rem;
  display: inline-block;
  object-fit: cover;
}
header nav ul.navbar-nav > li {
  margin: .4rem 0;
}
header nav ul.navbar-nav > li > a {
  color: #A4A6A8 !important;
  cursor: pointer;
  font-size: .65rem;
  padding-left: 0;
  padding-right: 0;
}
header nav ul.navbar-nav > li > a:hover + ul {
  display: block;
}
header nav ul.navbar-nav > li > a:after {
  content: '\e935';
  vertical-align: middle;
  font-size: .2rem;
  margin: 0 1rem;
}
header nav ul.navbar-nav > li ul {
  border-radius: 5px !important;
}
header nav ul.navbar-nav > li ul:before {
  width: .8rem;
  height: .8rem;
  top: -0.8rem;
  left: 1rem;
  content: '';
  position: absolute;
  border: 0.4rem solid transparent;
}
header nav ul.navbar-nav > li ul:hover {
  display: block;
}
header nav ul.navbar-nav > li ul li {
  border-bottom: 1px solid;
}
header nav ul.navbar-nav > li ul li a {
  font-size: .6rem;
  padding: .4rem 1rem;
  color: #fff;
}
header nav ul.navbar-nav > li ul li a:hover,
header nav ul.navbar-nav > li ul li a:focus {
  color: #fff;
}
header nav ul.navbar-nav > li:nth-child(6n+1) a:after {
  color: #edbf47;
}
header nav ul.navbar-nav > li:nth-child(6n+1) ul {
  background-color: #edbf47;
}
header nav ul.navbar-nav > li:nth-child(6n+1) ul:before {
  border-bottom-color: #edbf47;
}
header nav ul.navbar-nav > li:nth-child(6n+1) ul li {
  border-bottom-color: #e0b84e;
}
header nav ul.navbar-nav > li:nth-child(6n+1) ul li:first-child {
  border-top: 1px solid #e0b84e;
}
header nav ul.navbar-nav > li:nth-child(6n+1) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+1) ul li a:focus {
  background-color: #e0b84e;
}
header nav ul.navbar-nav > li:nth-child(6n+2) a:after {
  color: #ec774b;
}
header nav ul.navbar-nav > li:nth-child(6n+2) ul {
  background-color: #ec774b;
}
header nav ul.navbar-nav > li:nth-child(6n+2) ul:before {
  border-bottom-color: #ec774b;
}
header nav ul.navbar-nav > li:nth-child(6n+2) ul li {
  border-bottom-color: #df764e;
}
header nav ul.navbar-nav > li:nth-child(6n+2) ul li:first-child {
  border-top: 1px solid #df764e;
}
header nav ul.navbar-nav > li:nth-child(6n+2) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+2) ul li a:focus {
  background-color: #df764e;
}
header nav ul.navbar-nav > li:nth-child(6n+3) a:after {
  color: #e16c6c;
}
header nav ul.navbar-nav > li:nth-child(6n+3) ul {
  background-color: #e16c6c;
}
header nav ul.navbar-nav > li:nth-child(6n+3) ul:before {
  border-bottom-color: #e16c6c;
}
header nav ul.navbar-nav > li:nth-child(6n+3) ul li {
  border-bottom-color: #c86969;
}
header nav ul.navbar-nav > li:nth-child(6n+3) ul li:first-child {
  border-top: 1px solid #c86969;
}
header nav ul.navbar-nav > li:nth-child(6n+3) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+3) ul li a:focus {
  background-color: #c86969;
}
header nav ul.navbar-nav > li:nth-child(6n+4) a:after {
  color: #74cee4;
}
header nav ul.navbar-nav > li:nth-child(6n+4) ul {
  background-color: #74cee4;
}
header nav ul.navbar-nav > li:nth-child(6n+4) ul:before {
  border-bottom-color: #74cee4;
}
header nav ul.navbar-nav > li:nth-child(6n+4) ul li {
  border-bottom-color: #6fc4d9;
}
header nav ul.navbar-nav > li:nth-child(6n+4) ul li:first-child {
  border-top: 1px solid #6fc4d9;
}
header nav ul.navbar-nav > li:nth-child(6n+4) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+4) ul li a:focus {
  background-color: #6fc4d9;
}
header nav ul.navbar-nav > li:nth-child(6n+5) a:after {
  color: #6fc191;
}
header nav ul.navbar-nav > li:nth-child(6n+5) ul {
  background-color: #6fc191;
}
header nav ul.navbar-nav > li:nth-child(6n+5) ul:before {
  border-bottom-color: #6fc191;
}
header nav ul.navbar-nav > li:nth-child(6n+5) ul li {
  border-bottom-color: #6ab78a;
}
header nav ul.navbar-nav > li:nth-child(6n+5) ul li:first-child {
  border-top: 1px solid #6ab78a;
}
header nav ul.navbar-nav > li:nth-child(6n+5) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+5) ul li a:focus {
  background-color: #6ab78a;
}
header nav ul.navbar-nav > li:nth-child(6n+6) a:after {
  color: #c389ce;
}
header nav ul.navbar-nav > li:nth-child(6n+6) ul {
  background-color: #c389ce;
}
header nav ul.navbar-nav > li:nth-child(6n+6) ul:before {
  border-bottom-color: #c389ce;
}
header nav ul.navbar-nav > li:nth-child(6n+6) ul li {
  border-bottom-color: #ac7ab5;
}
header nav ul.navbar-nav > li:nth-child(6n+6) ul li:first-child {
  border-top: 1px solid #ac7ab5;
}
header nav ul.navbar-nav > li:nth-child(6n+6) ul li a:hover,
header nav ul.navbar-nav > li:nth-child(6n+6) ul li a:focus {
  background-color: #ac7ab5;
}
header .navbar-default {
  background-color: #F9F9F9;
  border-bottom: 3px solid #F1F1F1;
}
header #carousel {
  width: 100%;
}
header #carousel .owl-nav {
  font-size: 1.2rem;
  font-weight: bolder;
}
header #carousel .owl-nav > div {
  color: #c1c1c1;
  background: #fff;
  border-radius: 1.2rem;
  border-bottom: .2rem solid #E5E5E5;
  overflow: hidden;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  position: absolute;
  top: 45%;
}
header #carousel .owl-nav > div:hover {
  width: 4.8rem;
  transition: .5s;
}
header #carousel .owl-nav > div:hover span {
  transition: .5s;
}
header #carousel .owl-nav > div:hover i {
  color: #868585;
}
header #carousel .owl-nav > div span {
  font-size: .6rem;
  font-weight: normal;
}
header #carousel .owl-nav > div:first-child {
  left: 2%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
header #carousel .owl-nav > div:first-child div {
  position: absolute;
  left: .6rem;
}
header #carousel .owl-nav > div:first-child div span {
  position: absolute;
  left: 4rem;
}
header #carousel .owl-nav > div:first-child:hover span {
  left: 1.6rem;
}
header #carousel .owl-nav > div:last-child {
  left: 98%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
header #carousel .owl-nav > div:last-child div {
  position: absolute;
  right: .6rem;
}
header #carousel .owl-nav > div:last-child div span {
  position: absolute;
  right: 4rem;
}
header #carousel .owl-nav > div:last-child:hover span {
  right: 1.6rem;
}
.sidebar {
  position: relative;
  z-index: 100;
}
.sidebar div {
  overflow: hidden;
}
.sidebar div a {
  font-size: .9rem;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  position: relative;
  z-index: 10;
}
.sidebar div:before {
  position: absolute;
  font-size: 2.8rem;
  left: 8%;
  bottom: -0.5rem;
  display: block;
}
.sidebar div:hover:before {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transition: .5s;
}
.sidebar div:nth-child(1) {
  background-color: #74CEE4;
}
.sidebar div:nth-child(1):before {
  content: '\eb1b';
  color: #6FC4D9;
}
.sidebar div:nth-child(2) {
  background-color: #EDBF47;
}
.sidebar div:nth-child(2):before {
  content: '\eb37';
  color: #e0b84e;
}
.sidebar div:nth-child(3) {
  background-color: #EC774B;
}
.sidebar div:nth-child(3):before {
  content: '\eb0d';
  color: #df764e;
}
.sidebar div:nth-child(4) {
  background-color: #6FC191;
}
.sidebar div:nth-child(4):before {
  content: '\eb31';
  color: #6ab78a;
}
.column-introduce .title h2 {
  color: #A4A4A4;
}
.column-introduce .title h4 {
  margin-top: 1rem;
  color: #AFAFAF;
}
.column-introduce .title:after {
  background-color: #edbf47;
  width: 4rem;
  height: .2rem;
  display: block;
  border-radius: 3px;
  margin-top: .8rem;
  content: "";
}
.column-introduce .columns div {
  margin-top: .8rem;
}
.column-introduce .columns div .column-icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 5px;
  border-bottom: 5px solid;
  position: absolute;
  overflow: hidden;
}
.column-introduce .columns div .column-icon:before {
  font-size: 2.3rem;
  color: #fff;
  position: absolute;
  bottom: -0.65rem;
  left: -0.28rem;
}
.column-introduce .columns div .column-text {
  margin-left: 4rem;
}
.column-introduce .columns div .column-text h4 {
  color: #868585;
  font-weight: 600;
  cursor: pointer;
}
.column-introduce .columns div .column-text p {
  color: #A6A6A6;
  margin-top: .8rem;
  font-size: .56rem;
  line-height: .8rem;
  height: 1.6rem;
  overflow: hidden;
}
.column-introduce .columns div .column-text a {
  color: #a4a4a4;
  font-weight: 600;
  font-size: .56rem;
}
.column-introduce .columns div .column-text a:before {
  content: '\ea75';
  font-weight: normal;
  margin-right: .3rem;
}
.column-introduce .columns div:nth-child(1) .column-icon {
  background-color: #edbf47;
  border-bottom-color: #E0B84E;
}
.column-introduce .columns div:nth-child(1) .column-icon:before {
  content: '\eac0';
}
.column-introduce .columns div:nth-child(2) .column-icon {
  background-color: #EC774B;
  border-bottom-color: #DF764E;
}
.column-introduce .columns div:nth-child(2) .column-icon:before {
  content: '\ea63';
}
.column-introduce .columns div:nth-child(3) .column-icon {
  background-color: #6FC191;
  border-bottom-color: #6AB78A;
}
.column-introduce .columns div:nth-child(3) .column-icon:before {
  content: '\e94d';
}
.column-introduce .columns div:nth-child(4) .column-icon {
  background-color: #74CEE4;
  border-bottom-color: #6FC4D9;
}
.column-introduce .columns div:nth-child(4) .column-icon:before {
  content: '\ea60';
}
.column-introduce .columns div:nth-child(5) .column-icon {
  background-color: #C389CE;
  border-bottom-color: #AC7AB5;
}
.column-introduce .columns div:nth-child(5) .column-icon:before {
  content: '\ea3e';
}
.column-introduce .columns div:nth-child(6) .column-icon {
  background-color: #E16C6C;
  border-bottom-color: #C86969;
}
.column-introduce .columns div:nth-child(6) .column-icon:before {
  content: '\eb2d';
}
.searchBar {
  margin-top: 2.5rem;
  width: 100%;
}
.searchBar .search-content {
  background-color: #495052;
  padding: 1.2rem;
  position: relative;
}
.searchBar .search-content .search-tab span {
  color: #fff;
  font-weight: bold;
  font-size: .6rem;
  background-color: #495052;
  position: absolute;
  padding: .5rem .8rem;
  border-radius: 5px 5px 0 0;
  top: -1.6rem;
  left: 7%;
}
.searchBar .search-content .search-tab span:before {
  content: '\e824';
  margin-right: .3rem;
}
.searchBar .search-content .search-form div {
  border-bottom: 5px solid;
  border-radius: 5px;
  height: 1.8rem;
  margin: 0 .25rem;
}
.searchBar .search-content .search-form div input {
  width: 100%;
  border: none;
}
.searchBar .search-content .search-form div input:active,
.searchBar .search-content .search-form div input:focus,
.searchBar .search-content .search-form div input:visited,
.searchBar .search-content .search-form div input:hover {
  border: none;
  outline: none;
}
.searchBar .search-content .search-form div:nth-child(1) {
  background-color: #404547;
  border-bottom-color: #353B3D;
  padding: .4rem 1rem;
  line-height: 1rem;
}
.searchBar .search-content .search-form div:nth-child(1) input {
  background-color: #404547;
  color: #A4A4A4;
  font-size: .6rem;
}
.searchBar .search-content .search-form div:nth-child(2) {
  padding: 0;
  line-height: calc(1.8rem - 7px);
}
.searchBar .search-content .search-form div:nth-child(2) input {
  background-color: #EDBF47;
  color: #fff;
  font-size: .8rem;
  border-radius: 5px;
  border-bottom: 5px solid #E0B84E;
}
.study-story {
  margin-top: 2.5rem;
}
.study-story .title h2 {
  color: #A4A4A4;
}
.study-story .title h4 {
  margin-top: 1rem;
  color: #AFAFAF;
}
.study-story .title:after {
  background-color: #6FC191;
  width: 4rem;
  height: .2rem;
  display: block;
  border-radius: 3px;
  margin-top: .8rem;
  content: "";
}
.study-story .storys {
  margin-top: 2rem;
}
.study-story .storys > div {
  position: relative;
  padding: .3rem;
}
.study-story .storys > div .pic {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.study-story .storys > div .pic img {
  width: 100%;
  height: 100%;
  transition: 1s;
  cursor: pointer;
  object-fit: cover;
}
.study-story .storys > div .pic img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.study-story .storys > div .pic .date {
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  background-color: #495052;
  color: #fff;
  padding: .2rem .8rem;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}
.study-story .storys > div .pic .date p {
  margin-bottom: .1rem;
}
.study-story .storys > div .caption {
  background-color: #495052;
  font-size: .65rem;
  padding: .5rem .7rem;
  color: #fff;
  font-weight: 600;
  letter-spacing: .1rem;
}
.study-story .storys > div .main {
  border-radius: 0 0 5px 5px;
  color: #fff;
  padding: .8rem;
}
.study-story .storys > div .main .top:after {
  background-color: #fff;
  width: 1.2rem;
  height: .12rem;
  display: block;
  margin: .6rem 0 .7rem 0;
  content: "";
}
.study-story .storys > div .main .top .from {
  font-size: .6rem;
  font-weight: 800;
}
.study-story .storys > div .main .top .from:before {
  content: '\ea13';
  margin-right: .3rem;
}
.study-story .storys > div .main .top .date {
  font-size: .6rem;
}
.study-story .storys > div .main .top .date:before {
  content: '\e8a5';
  margin-right: .3rem;
}
.study-story .storys > div .main .bottom p {
  font-size: .55rem;
  height: 3.2rem;
  line-height: .8rem;
  overflow: hidden;
  display: inline-block;
  text-indent: 2em;
  margin-bottom: .8rem;
  word-wrap: break-word;
  word-break: break-all;
}
.study-story .storys > div .main .bottom a {
  font-size: .6rem;
  font-weight: bold;
  border-bottom: 4px solid;
  padding: .3rem .7rem;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.study-story .storys > div .main .bottom a:hover {
  border-bottom-color: transparent !important;
  margin-top: 4px;
  margin-bottom: -4px;
  transition: .2s;
}
.study-story .storys > div:nth-child(4n+1) .main {
  background-color: #6FC191;
}
.study-story .storys > div:nth-child(4n+1) .main .bottom a {
  background-color: #6AB78A;
  border-bottom-color: #65AE83;
}
.study-story .storys > div:nth-child(4n+2) .main {
  background-color: #74CEE4;
}
.study-story .storys > div:nth-child(4n+2) .main .bottom a {
  background-color: #6FC4D9;
  border-bottom-color: #6DC0D5;
}
.study-story .storys > div:nth-child(4n+3) .main {
  background-color: #EDBF47;
}
.study-story .storys > div:nth-child(4n+3) .main .bottom a {
  background-color: #E0B84E;
  border-bottom-color: #D4AE49;
}
.study-story .storys > div:nth-child(4n+4) .main {
  background-color: #EC774B;
}
.study-story .storys > div:nth-child(4n+4) .main .bottom a {
  background-color: #DF764E;
  border-bottom-color: #D8724B;
}
.hi-baby {
  margin-top: 2rem;
}
.parent-story {
  margin-top: 2.5rem;
}
.parent-story .title h2 {
  color: #A4A4A4;
}
.parent-story .title h4 {
  margin-top: 1rem;
  color: #AFAFAF;
}
.parent-story .title:after {
  background-color: #74CEE4;
  width: 4rem;
  height: .2rem;
  display: block;
  border-radius: 3px;
  margin-top: .8rem;
  content: "";
}
.parent-story .storys {
  margin-top: 2rem;
}
.parent-story .storys > div {
  position: relative;
  padding: .4rem;
}
.parent-story .storys > div .pic {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.parent-story .storys > div .pic .link {
  border-radius: 50%;
  border: .15rem solid;
  width: 2rem;
  height: 2rem;
  line-height: 1.7rem;
  position: absolute;
  left: 1.2rem;
  top: 1.5rem;
  display: block;
  text-align: center;
  font-size: .6rem;
  transition: .5s;
}
.parent-story .storys > div .pic .link:before {
  content: '\ea0b';
}
.parent-story .storys > div .pic .link:hover {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
}
.parent-story .storys > div .pic + .main {
  border-radius: 0 0 5px 5px;
}
.parent-story .storys > div .main {
  border-radius: 5px;
  color: #fff;
  padding: .8rem;
  border-bottom: 5px solid;
}
.parent-story .storys > div .main:after {
  content: '\ea2c';
  position: absolute;
  right: .5rem;
  bottom: 0;
  font-size: 2rem;
}
.parent-story .storys > div .main .top .caption {
  font-weight: bold;
  font-size: .7rem;
}
.parent-story .storys > div .main .top:after {
  background-color: #fff;
  width: 1.2rem;
  height: .12rem;
  display: block;
  margin: .6rem 0 .7rem 0;
  content: "";
}
.parent-story .storys > div .main .bottom p {
  font-size: .55rem;
  display: inline-block;
  text-indent: 2em;
  margin-bottom: .8rem;
  word-wrap: break-word;
  word-break: break-all;
}
.parent-story .storys > div .main .bottom a {
  font-size: .6rem;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}
.parent-story .storys > div .main .bottom a:before {
  content: '\ea44';
  font-weight: normal;
  margin-right: .3rem;
}
.parent-story .storys > div:nth-child(6n+1) .link,
.parent-story .storys > div:nth-child(6n+1) .main {
  background-color: #74CEE4;
  border-color: #6DC0D5;
}
.parent-story .storys > div:nth-child(6n+1) .main:after {
  color: #6DC0D5;
}
.parent-story .storys > div:nth-child(6n+2) .link,
.parent-story .storys > div:nth-child(6n+2) .main {
  background-color: #6FC191;
  border-color: #6AB78A;
}
.parent-story .storys > div:nth-child(6n+2) .main:after {
  color: #6AB78A;
}
.parent-story .storys > div:nth-child(6n+3) .link,
.parent-story .storys > div:nth-child(6n+3) .main {
  background-color: #C389CE;
  border-color: #AC7AB5;
}
.parent-story .storys > div:nth-child(6n+3) .main:after {
  color: #AC7AB5;
}
.parent-story .storys > div:nth-child(6n+4) .link,
.parent-story .storys > div:nth-child(6n+4) .main {
  background-color: #EC774B;
  border-color: #DF764E;
}
.parent-story .storys > div:nth-child(6n+4) .main:after {
  color: #DF764E;
}
.parent-story .storys > div:nth-child(6n+5) .link,
.parent-story .storys > div:nth-child(6n+5) .main {
  background-color: #E16C6C;
  border-color: #C86969;
}
.parent-story .storys > div:nth-child(6n+5) .main:after {
  color: #C86969;
}
.parent-story .storys > div:nth-child(6n+6) .link,
.parent-story .storys > div:nth-child(6n+6) .main {
  background-color: #EDBF47;
  border-color: #E0B84E;
}
.parent-story .storys > div:nth-child(6n+6) .main:after {
  color: #E0B84E;
}
.parent-story .view-more {
  text-align: center;
  margin-top: 1rem;
}
.parent-story .view-more a {
  background-color: #74CEE4;
  padding: .3rem 1rem;
  border-radius: 4px;
  font-weight: bold;
  font-size: .6rem;
  border-bottom: 3px solid #6FC4D9;
  text-align: center;
  cursor: pointer;
  transition: .2s;
  display: inline-block;
}
.parent-story .view-more a:hover {
  border-bottom-color: transparent !important;
  margin-top: 3px;
  margin-bottom: -3px;
}
.parent-story .view-more a:before {
  content: "\e9f1";
  margin-right: .3rem;
}
footer {
  margin-top: 2rem;
  color: #fff;
}
footer .bg_gradient {
  height: 3px;
  background: #74cee4;
  background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #74cee4), color-stop(16%, #66ce9c), color-stop(32%, #edbf47), color-stop(49%, #ec774b), color-stop(65%, #74cee4), color-stop(83%, #66ce9c), color-stop(100%, #edbf47));
  background: -webkit-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -o-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: -ms-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  background: linear-gradient(to right, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74cee4', endColorstr='#edbf47', GradientType=1);
}
footer .gray_bg {
  background-color: #EAF2F5;
  padding: 1rem;
  color: #6d6d6d;
}
footer .gray_bg .caption:after {
  background-color: #6d6d6d;
  width: 1rem;
  height: .1rem;
  display: block;
  border-radius: 3px;
  margin: .6rem 0 .8rem 0;
  content: "";
}
footer .gray_bg .caption p {
  font-size: .65rem;
  font-weight: bold;
}
footer .gray_bg .content-list ul {
  padding: 0;
  font-size: .5rem;
}
footer .gray_bg .content-list ul li {
  padding: .1rem;
}
footer .gray_bg .content-list ul li a {
  color: #6d6d6d;
  text-decoration: none;
}
footer .gray_bg .content-list ul li a:hover {
  color: #6d6d6d;
}
footer .gray_bg .content-list .more:before {
  content: '\ea75';
  margin-right: .3rem;
}
footer .gray_bg .content-list img.qrcode {
  width: 3.5rem;
}
footer .deep_gray_bg {
  background-color: #404547;
  overflow: hidden;
  height: 3.3rem;
}
footer .deep_gray_bg .copy-right {
  float: left;
  line-height: 3.3rem;
  background: url("/nxyjw/babykids/img/copyright.jpg") no-repeat left -0.5rem;
  background-size: 3.8rem;
}
footer .deep_gray_bg .copy-right span {
  padding-left: 3.5rem;
}
footer .deep_gray_bg .copy-right a:hover {
  color: #ff8c94;
}
footer .deep_gray_bg .to-top {
  float: right;
  margin-right: 2rem;
  font-size: .72rem;
  padding: 1.3rem 0;
}
footer .deep_gray_bg .to-top a {
  display: inline-block;
  transition: .1s;
}
footer .deep_gray_bg .to-top a:before {
  content: '\ea7e';
}
footer .deep_gray_bg .to-top a:hover {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
}
.bread-crumb {
  margin-top: 1rem;
  margin-bottom: 0;
  background-color: #6FC191;
  border-radius: 5px;
  border-bottom: 5px solid #6AB78A;
  height: 2rem;
  line-height: 2rem;
  padding-left: 1rem;
}
.bread-crumb > li {
  float: left;
  color: #fff;
  font-size: .7rem;
  position: relative;
}
.bread-crumb > li:not(:last-child):after {
  content: ">";
  margin: 0 .3rem;
}
.bread-crumb > li:first-child:before {
  content: '\ea3c';
  margin-right: .3rem;
}
.bread-crumb > li > a {
  display: inline-block;
}
.bread-crumb > li > a.title-overflow {
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow-x: hidden;
  max-width: 20rem;
}
.bread-crumb > li > a:hover + ul {
  display: block;
}
.bread-crumb > li ul {
  border-radius: 5px !important;
  background-color: #74cee4;
}
.bread-crumb > li ul:before {
  width: .8rem;
  height: .8rem;
  top: -0.8rem;
  left: 1rem;
  content: '';
  position: absolute;
  border: 0.4rem solid transparent;
  border-bottom-color: #74cee4;
}
.bread-crumb > li ul:hover {
  display: block;
}
.bread-crumb > li ul li {
  border-bottom: 1px solid #6fc4d9;
}
.bread-crumb > li ul li:first-child {
  border-top: 1px solid #6fc4d9;
}
.bread-crumb > li ul li a {
  font-size: .6rem;
  padding: .3rem 1rem;
  color: #fff;
}
.bread-crumb > li ul li a:hover,
.bread-crumb > li ul li a:focus {
  color: #fff;
  background-color: #6fc4d9;
}
.left-side-bar {
  margin-top: .5rem;
}
.left-side-bar .widget {
  width: 100%;
  background-color: #F9F9F9;
  border-radius: 5px;
  border-bottom: 3px solid #F1F1F1;
}
.left-side-bar .widget .title {
  color: #fff;
  font-size: .8rem;
  font-weight: bold;
  padding: .8rem;
  border-radius: 5px 5px 0px 0px;
  background-color: #F7C858;
}
.left-side-bar .widget #main-nav a {
  color: #6d6d6d;
  border-radius: 0;
  letter-spacing: .1rem;
}
.left-side-bar .widget #main-nav a:focus,
.left-side-bar .widget #main-nav a:active,
.left-side-bar .widget #main-nav a:visited {
  background-color: transparent;
}
.left-side-bar .widget #main-nav > li {
  border-bottom: 1px solid #eee;
}
.left-side-bar .widget #main-nav > li:hover > a {
  color: #FFF;
  background-color: #EC774B !important;
  text-decoration: none;
}
.left-side-bar .widget #main-nav > li > a {
  font-size: .6rem;
  padding: .5rem 1rem;
}
.left-side-bar .widget #main-nav .second-menu {
  background-color: #f7f7f7;
}
.left-side-bar .widget #main-nav .second-menu li {
  border-bottom: 1px solid #F4F4F6;
}
.left-side-bar .widget #main-nav .second-menu li:first-child {
  border-top: 1px solid #eee;
}
.left-side-bar .widget #main-nav .second-menu li a {
  padding: .3rem 1.8rem;
  margin-right: .1rem;
  font-size: .5rem;
  letter-spacing: .1rem;
}
.left-side-bar .widget #main-nav .second-menu li a:hover {
  background-color: #E16C6C !important;
  color: #FFF;
  text-decoration: none;
}
.right-side-content {
  margin-top: .5rem;
  min-height: 20rem;
}
.right-side-content .widget {
  width: 100%;
  background-color: #E16C6C;
  border-radius: 5px;
  border-bottom: 3px solid #C86969;
  margin-bottom: 1rem;
  color: #fff;
  height: 2.2rem;
  line-height: 2.2rem;
  padding-left: 1rem;
  overflow: hidden;
}
.right-side-content .widget .title:after,
.right-side-content .widget .info:after {
  content: '\ea07';
  color: #C86969;
  font-size: 2.2rem;
  float: right;
  margin-top: .3rem;
  margin-right: .3rem;
}
.right-side-content .widget .title {
  font-size: .7rem;
}
.right-side-content .widget .info {
  font-size: .6rem;
}
.right-side-content .widget .info span {
  display: inline-block;
}
.right-side-content .widget .info span:before {
  margin-right: .3rem;
}
.right-side-content .widget .info span:not(:last-child):after {
  content: '·';
  margin: 0 .5rem;
}
.right-side-content .widget .info span.create-time:before {
  content: '\ea59';
}
.right-side-content .widget .info span.author:before {
  content: '\e9e3';
}
.right-side-content .widget .info span.click-num:before {
  content: '\e87b';
}
.right-side-content .content-list {
  color: #6d6d6d;
  padding-bottom: 3.5rem;
}
.right-side-content .content-list .kdinfo {
  text-align: center;
  border: 1px solid #eee;
  height: 200px;
}
.right-side-content .content-list .kdinfo img {
  max-width: 160px;
  max-height: 90px;
}
.right-side-content .content-list .kdinfo a {
  color: #6d6d6d;
  position: absolute;
  width: 80%;
  height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.right-side-content .content-list .kdinfo a p {
  position: absolute;
  width: 100%;
  left: 50%;
  margin-left: -50%;
  bottom: -40px;
}
.right-side-content .tags .tag {
  height: 8rem;
  overflow-y: auto;
  border-radius: 5px;
  color: #fff;
  margin-top: .5rem;
}
.right-side-content .tags .tag > div {
  text-indent: 2em;
}
.right-side-content .tags .tag:nth-child(6n+1) {
  background-color: #EDBF47;
}
.right-side-content .tags .tag:nth-child(6n+2) {
  background-color: #EC774B;
}
.right-side-content .tags .tag:nth-child(6n+3) {
  background-color: #E16C6C;
}
.right-side-content .tags .tag:nth-child(6n+4) {
  background-color: #74CEE4;
}
.right-side-content .tags .tag:nth-child(6n+5) {
  background-color: #6FC191;
}
.right-side-content .tags .tag:nth-child(6n+6) {
  background-color: #C389CE;
}
.right-side-content .list-group a.list-group-item .title {
  width: 80%;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.right-side-content .list-group .list-group-item {
  border: none;
  color: #6d6d6d;
  font-size: .6rem;
}
.right-side-content .list-group .list-group-item .flag {
  font-size: .6em;
  padding: .1em .2em;
}
.right-side-content .list-group .list-group-item .flag-new {
  color: #64b7ff;
  text-shadow: 0 0 8px #64b7ff;
}
.right-side-content .list-group .list-group-item .flag-hot {
  color: #f14f3c;
  text-shadow: 0 0 8px #f14f3c;
}
.right-side-content .list-group .list-group-item:first-child {
  font-size: .7rem;
  margin-bottom: .8rem;
}
.right-side-content .list-group .list-group-item:first-child span {
  position: relative;
}
.right-side-content .list-group .list-group-item:first-child span:after {
  background-color: #E16C6C;
  width: 1rem;
  height: .1rem;
  display: inline-block;
  border-radius: 3px;
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
}
.right-side-content .list-group .list-group-item:first-child span:last-child {
  margin-right: 1rem;
}
.right-side-content .list-group .list-group-item:first-child span:last-child:after {
  width: 2rem;
}
.right-side-content .pager {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  white-space: nowrap;
  font-size: .6rem;
}
.right-side-content .pager a {
  color: #6d6d6d;
  border-radius: 0;
  border: none;
  position: relative;
}
.right-side-content .pager a:after {
  background-color: #E16C6C;
  width: 2rem;
  height: .1rem;
  display: inline-block;
  border-radius: 3px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.main-body {
  color: #6d6d6d;
}
.main-body a.download-list {
  color: #000;
}
.main-body .title {
  position: relative;
  font-size: 1.2rem;
  margin-top: 2rem;
}
.main-body .title:after {
  background-color: #E16C6C;
  width: 2rem;
  height: .15rem;
  display: block;
  border-radius: 3px;
  content: "";
  margin: .5rem 0 1rem 0;
}
.main-body .img {
  max-width: 100%;
  height: auto;
}
.file-box {
  float: left;
  width: 150px;
  margin-top: 10px;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
  height: 86px;
  overflow: hidden;
}
.file .file-img {
  text-align: center;
  height: 86px;
  overflow: hidden;
}
.file .file-name {
  padding: 5px 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file .image {
  height: 86px;
  overflow: hidden;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: .6em solid transparent;
  border-right: .6em solid #f1f1f1;
  border-bottom: .6em solid #f1f1f1;
  right: 0;
  bottom: 0;
}
.info em {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  color: #979898;
  font-size: 10px;
}

/*a947d4ab*/