#header-wrapper {
	position: relative;
	padding: 0 0 1em 0;
	background-image: url("images/header.svg");
	background-image: url("images/overlay.png"),url("images/header.svg"),-moz-linear-gradient(75deg,#ff7088 15%,#f2b69d 55%);
	background-image: url("images/overlay.png"),url("images/header.svg"),-webkit-linear-gradient(75deg,#ff7088 15%,#f2b69d 55%);
	background-image: url("images/overlay.png"),url("images/header.svg"),-ms-linear-gradient(75deg,#ff7088 15%,#f2b69d 55%);
	background-image: url("images/overlay.png"),url("images/header.svg"),linear-gradient(75deg,#ff7088 15%,#f2b69d 55%);
	background-color: #f08c89;
	background-size: 100% 620%;
	background-size: 128px 128px,100% 620%,auto;
	background-repeat: repeat,no-repeat,no-repeat
}
#header{
height:64px;
position:relative;
}
.homepage #header-wrapper {

	background-size: 128px 128px,100% 100%,auto
}

#promo-wrapper {
	position: relative;
	background-image: url("images/overlay.png"),url("images/promo.jpg");
	background-size: 192px 192px,cover;
	background-position: top left,center center;
	color: #fff;
	text-align: center;
	padding: 6em 0 6em 0
}

#footer-wrapper {
	-webkit-transform: translate3d(0,0,0);
	position: relative;
	border-top: solid 1px #c2c7cc;
	padding: 0.5em 0 0.5em 0;
	background-image: url("images/overlay.png"),url("images/footer.svg");
	background-size: 128px 128px,100% 100%
}

#logo {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 15em;
	margin-left: -7.5em
}

#logo a {
	display: block;
	width: 100%;
	height: 4em;
	line-height: 4em;
	background: rgba(0,0,0,0.15);
	/* border: solid 1px; */
	/* border-color: #fff; */
	/* border-color: rgba(255,255,255,0.75); */
	border-top: 0;
	border-radius: 0 0 .35em .35em;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}

#nav {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4em;
	line-height: 4em
}

#nav>ul {
	margin: 0
}

#nav>ul>li {
	display: inline-block;
	margin-left: 1em
}

#nav>ul>li>ul {
	display: none
}

#nav>ul>li>span,#nav>ul>li>a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	outline: 0;
	border: 0;
	border: solid 1px rgba(255,255,255,0);
	border-radius: .35em;
	padding: .3em 1em .3em 1em;
	-moz-transition: border-color .25s ease-in-out,background-color .25s ease-in-out;
	-webkit-transition: border-color .25s ease-in-out,background-color .25s ease-in-out;
	-o-transition: border-color .25s ease-in-out,background-color .25s ease-in-out;
	-ms-transition: border-color .25s ease-in-out,background-color .25s ease-in-out;
	transition: border-color .25s ease-in-out,background-color .25s ease-in-out
}

#nav>ul>li.active>span,#nav>ul>li.active>a {
	border-color: rgba(255,255,255,0.75);
	background-color: rgba(255,255,255,0.15);
	color: #fff
}

#nav>ul>li:first-child {
	margin-left: 0
}

#nav>ul>li.break {
	margin-left: 20em
}

.dropotron {
	text-align: left;
	line-height: 2em;
	border-radius: .35em;
	min-width: 12em;
	background: #fff;
	line-height: 1em;
	padding: .85em 0 .85em 0;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
	margin-top: -0.8em;
	list-style: none
}

.dropotron a,.dropotron span {
	display: block;
	padding: .65em 1em .65em 1em;
	border-top: solid 1px #e8e8e8;
	border-bottom: 0
}

.dropotron li {
	padding-left: 0
}

.dropotron li:first-child>a,.dropotron li:first-child>span {
	border-top: 0
}

.dropotron li.active>a,.dropotron li.active>span {
	color: #f35858
}

.dropotron.level-0 {
	font-size: .9em;
	margin-top: 0
}

.dropotron.level-0:before {
	content: '';
	position: absolute;
	top: -1em;
	width: 1em;
	height: 1em;
	border-bottom: solid .5em #fff;
	border-left: solid .5em rgba(255,255,255,0);
	border-right: solid .5em rgba(255,255,255,0)
}

.dropotron.level-0.center:before {
	left: 50%;
	margin-left: -0.5em
}

.dropotron.level-0.left:before {
	left: 1em
}

.dropotron.level-0.right:before {
	right: 1em
}

#hero {
	position: relative;
	color: #fff;
	text-align: center;
	z-index: 1;
	white-space: pre-line;
	text-align: center;
	max-width: 768px;
}

#hero h2 {
	color: #fff;
	font-size: 3em
}

#hero strong {
	color: inherit
}

#hero header>span {
	color: #fff
}

#hero p {
	font-size: 1.5em;
	line-height: 1.5em
}
 

#hero a {
	color: #fff;
	border-color: #fff;
	border-color: rgba(255,255,255,0.5)
}

#hero a:hover {
	border-color: rgba(255,255,255,0)
}

#promo {
	background: rgba(255,255,255,0.05);
	border: solid 1px rgba(255,255,255,0.25);
	border-radius: .5em;
	padding: 1.75em 2.5em 1.75em 2.5em;
	display: inline-block;
	position: relative;
	z-index: 1
}

#promo h2 {
	color: #fff;
	display: inline-block;
	margin-right: 1em;
	font-size: 1.75em
}

#promo .button {
	background: #fff;
	border-color: rgba(255,255,255,0);
	color: #27636b;
	font-size: 1.25em
}

#promo .button:hover {
	border-color: rgba(255,255,255,0.75);
	background-color: rgba(255,255,255,0.15);
	color: #fff
}

#main {
	padding-bottom: 4em
}

#sidebar section {
	border-top: solid 1px #d2d7dc;
	margin-top: 3em;
	padding-top: 3em
}

#sidebar section:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0
}

#footer {
	position: relative;
	z-index: 1
}

#footer header.major {
	margin-bottom: 3em
}

#copyright {
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 14px;


}

@media screen and (max-width:1280px) {
	
	span.extra {
		display: none
	}

	.wrapper {
		padding: 5em 0 5em 0
	}

	#header-wrapper {
		padding: 0 0 2em 0
	}

	.homepage #header-wrapper {
		/* padding: 8em 0 4em 0 */
	}

	#footer-wrapper {
 	}
}

@media screen and (max-width:1080px) {

	.wrapper {
		padding: 4em 2em 4em 2em
	}

	#header-wrapper {
		padding: 0 0 1em 0
	}

	.homepage #header-wrapper {
		/* padding: 5em 0 4em 0 */
	}

	#promo-wrapper {
		padding: 2em
	}

	#footer-wrapper {
		 
	}
 
	#nav>ul>li.break {
		margin-left: 16em;
	}

	.dropotron.level-0 {
		margin-top: 1.1em
	}

	#hero {
		padding: 0em 0em 0 0em
	}

	#hero h2 {
		font-size: 2.75em
	}

	#hero p br {
		display: none
	}

	#promo {
		padding: 1.75em 2.5em 1.75em 2.5em;
		display: inline-block
	}

	#promo .button {
		font-size: 1.25em
	}

	#promo h2 {
		display: block;
		margin: 0 0 1em 0;
		font-size: 1.5em
	}

	#copyright {
		padding-top: 2em;
		margin-top: 3em
		border: none;
	}
}

@media screen and (max-width:820px) {
	 
	span.extra {
		display: inline
	}

	.features {
		margin-bottom: 0
	}

	section,article {
		margin-bottom: 3em
	}

	.row>section,.row>article {
		margin-bottom: 3em
	}

	section:last-child,article:last-child {
		margin-bottom: 0
	}

	.row>section:last-child,.row>article:last-child {
		margin-bottom: 0
	}

	ul.menu {
		text-align: center
	}

	ul.menu li {
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
		line-height: 2em
	}

	ul.menu li:first-child {
		border-top: 0
	}

	ul.actions.major {
		padding-top: 2em
	}

 
	#nav>ul>li>span,#nav>ul>li>a {
		padding: .25em .5em .25em .5em
	}

	#hero h2 {
		font-size: 2.5em
	}

	#main {
		padding-bottom: 0
	}

	#content {
		margin-bottom: 3em
	}

	#sidebar {
		margin-bottom: 3em
	}

	#sidebar section {
		border-top: 0;
		margin-top: 0;
		padding-top: 1em
	}

	#footer header.major {
		margin-bottom: 1.5em
	}
}

#navPanel,#navButton {
	display: none
}

@media screen and (max-width:760px) {

	ul.divided li {
		padding-top: .75em;
		margin-top: .75em
	}

	.wrapper {
		padding: 3em 20px 3em 20px
	}

	#header-wrapper {
		padding: 0 20px 0 20px;
		text-align: center
	}

	.homepage #header-wrapper {
		padding: 0 20px 5px 20px;
	}

	#promo-wrapper {
		padding: 20px
	}

	
	#logo {
		position: relative;
		display: none;
	}

	#logo a {
		border: solid 1px rgba(255,255,255,0.75);
		border-radius: .35em;
		height: 3em;
		line-height: 3em
	}

	#nav {
		display: none
	}

	#footer ul.divided {
		margin: 0
	}

	#footer ul.divided li:first-child {
		border-top: solid 1px #d2d7dc;
		padding-top: .75em;
		margin-top: .75em
	}

	#footer ul.divided:first-child li:first-child {
		border-top: 0;
		padding-top: 0;
		margin-top: 0
	}

	#hero {
		padding: 0em 0em 0 0em
	}

	#hero header {
		margin: 0 0 1.25em 0
	}

	#hero header h2 {
		font-size: 1.5em
	}

	#hero p {
		font-size: 1em
	}

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform .5s ease;
		-webkit-transition: -webkit-transform .5s ease;
		-ms-transition: -ms-transform .5s ease;
		transition: transform .5s ease;
		padding-bottom: 1px
	}

	#navButton {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform .5s ease;
		-webkit-transition: -webkit-transform .5s ease;
		-ms-transition: -ms-transform .5s ease;
		transition: transform .5s ease;
		display: block;
		height: 44px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001
	}

	#navButton .toggle {
		text-decoration: none;
		border: 0;
		height: 100%;
		left: 0;
		outline: 0;
		position: absolute;
		top: 0;
		width: 100%
	}

	#navButton .toggle:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		text-transform: none!important;
		font-family:"Microsoft YaHei";
		font-weight: 900
	}

	#navButton .toggle:before {
		background: rgba(128,132,136,0.35);
		border-radius: 0 0 .35em .35em;
		border-top: 0;
		color: #fff;
		display: block;
		font-size: 18px;
		height: 30px;
		left: 50%;
		line-height: 30px;
		margin-left: -80px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		width: 160px
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translateY(-200px);
		-webkit-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
		transform: translateY(-200px);
		-moz-transition: -moz-transform .5s ease;
		-webkit-transition: -webkit-transform .5s ease;
		-ms-transition: -ms-transform .5s ease;
		transition: transform .5s ease;
		background-image: url("images/overlay.png"),url("images/navPanel.svg"),-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.25));
		background-image: url("images/overlay.png"),url("images/navPanel.svg"),-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.25));
		background-image: url("images/overlay.png"),url("images/navPanel.svg"),-ms-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.25));
		background-image: url("images/overlay.png"),url("images/navPanel.svg"),linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.25));
		display: block;
		left: 0;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		height: 200px;
		z-index: 10002;
		box-shadow: inset 0 -2px 5px 0 rgba(0,0,0,0.25);
		font-size: 1em;
		background-color: #45474a;
		background-size: 128px 128px,100% 100%,100% 100%
	}

	#navPanel .link {
		position: relative;
		height:50px;
		line-height:50px;
		display: block;
		text-decoration: none;
		color: #fff;
		border: 0;
		border-top: dotted 1px rgba(255,255,255,0.1);
		padding:0 10px;
		font-weight: 400;
	}
 

	body.navPanel-visible #page-wrapper {
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-ms-transform: translateY(200px);
		transform: translateY(200px)
	}

	body.navPanel-visible #navButton {
		-moz-transform: translateY(200px);
		-webkit-transform: translateY(200px);
		-ms-transform: translateY(200px);
		transform: translateY(200px)
	}

	body.navPanel-visible #navPanel {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@media screen and (max-width:480px) {

	.feature {
		text-align: left
	}

	section,article {
		margin-bottom: 2em
	}

	.row>section,.row>article {
		margin-bottom: 2em
	}

	header.major {
		text-align: left
	}

	.image {
		display: block
	}

	.image.full,.image.left {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 1.5em 0
	}

	.image-centered {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 1.5em 0
	}

	ul.actions li {
		display: block;
		margin: 1em 0 0 0
	}

	ul.actions li:first-child {
		margin-top: 0
	}

	ul.actions.major {
		text-align: left!important
	}

	form textarea {
		min-height: 10em
	}

	#logo {
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		width: 100%
	}

	#hero {
		padding: 0em 0 0 0;
		margin-left:-16px;
		margin-right:-16px;
	}

	#promo {
		padding: 20px
	}

	#content {
		margin-bottom: 2em
	}

	#sidebar {
		margin-bottom: 2em
	}

	#footer header.major {
		margin-bottom: 1em
	}

}

.right_newarticle .media
{
border-bottom: solid 1px #ddd;
padding-bottom:1rem;
margin-top:1rem;
}
.right_newarticle .media  p
{
line-height:22px;
height:42px;
overflow:hidden;
}
.panel-fukuants
{
margin:0 0px 10px 0;
background:url(../images/qmm.png) 0 0 repeat-y;
background-size:100% auto;
 overflow: hidden;
font-size:0.675rem;
height:10rem;
}
.panel-fukuants h4
{
	width:12.825rem;height:1.98rem;text-align: center;line-height:1.98rem;font-size:0.765rem;color:#fff;background:#ff0000;background-size:100% 100%;display:block;letter-spacing: 0.045rem;
	margin:1.125rem auto 0;
}
.panel-fukuants p
{
	margin:0.45rem;
	padding:10px;
background-color:#FF0000;
border:1px solid #BABABB;
border-radius:5px;
overflow: hidden;
font-size:1rem;
color:#fff;
text-align:center;
}
.panel-fukuants p span
{
color:#ff0000;
font-size:0.675rem;
font-weight:bold;
}
.box-shadow {
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
*{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;}

.isplit{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.documents>a>time {
    display: inline-block;
    transition: all 0.3s ease;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.documents>a>strong::after {
    position: absolute;
    content: "";
    height: 1px;
    bottom: -1px;
    left: 0;
    width: 1.5rem;
    background: #666;
    transition: all 0.5s ease;
}

.documents>a>strong {
    position: relative;
    display: block;
    font-weight: normal;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: solid 1px #eee;
}
#introducebox a,a:link {
    text-decoration: none;
    color: #333;
    transition: all .5s ease;
}
.xingshi{
  /*background: #EBEAE9 !important;*/
  width: 48px !important;
  height: 48px !important;
  text-align: center !important;
  border-radius: 5px !important;
  margin: 5px !important;
  border: none !important;
  font-weight: 500 !important;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.7);
  background: url(../img/xingming_tian.gif)  center center no-repeat;
  background-size: 100% 100%;
}

.xingshi:hover{
  transform: scale(1.25);
  color: rgba(0, 0, 0, 1.0);
  font-weight: 600 !important;
}

#qimzs{
    /*line-height: 56px;*/
    background: #fff;
    text-align: center;
    color: #333;
    font-size: 24px;
    height: 38px !important;
    border-bottom: none;
}

#qimzs h1{
    font-weight: 550 !important;
    font-size: 20px;
}

#bjxhead{
    text-align:center;
    /*line-height: 56px;*/
background: #fff;
color: #333;
font-size: 24px;
height: 38px !important;
border-bottom: none;
}

#bjxhead h1{
    font-weight: 550 !important;
    font-size: 20px;
}

.zstitle{
    font-weight: 600;
}
#babytimebox{
    width:100%;
    text-align: center;
	margin-top:-20px;
}

#appDateTime{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
}
#genpage0{
    border-color: rgb(218,220,224);
    border-width: 3px;
}
#genpage1{
    border-color: rgb(218,220,224);
    border-width: 3px;
}
#selgender{
    width:100%;
    margin-top: -30px;
}
#navButton .toggle{
    width: 100%;
    text-align:center;
    display: inline-block
}
#company{
    width:200px;
    height: 100%;
    background:rgba(0,0,0,0.2);
    border-radius: 0 0 .35em .35em;
    text-transform:uppercase;
    text-align:center;
    display: inline-block;
}
#dddmlogo{
    display:inline-block;
    height: 100%;
    line-height: 44px;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    font-family:Microsoft YaHei;
}

#minlogo{
    display:inline-block;
    height: 100%;
    line-height: 44px;
    font-weight: 600;
}
#navPanel a{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    text-align: left;
    font-family:Microsoft YaHei;
}
.bigstitle a{
    white-space: nowrap;
}
#family{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #000;
	border:1px solid #fff;
	max-width:140px;
	height:50px;
	line-height:100%;
}
#family:focus{
    border: 2px solid #00a4ff;
}
#familybox{
    width:100%;
    text-align: center;
	margin-top:-15px;
}
.babytxt{
    font-size:8px;
}
#page-wrapper{
    background: #EFEDF0;
}
#artisbox{
    margin-top: 15px;
}
.card-body{
    background: #fff;
}
#webintroduce{
    background: rgba(255, 255, 255, 1.0);
    padding: 64px !important;
	text-align: center !important;
}


#navbar{position:fixed;top:0;right:0;left:0;z-index:10;background:#fff;}
.navbar-head{padding:0 1rem;}
.navbar-head>.navbar-body>.nav>li>a{padding:1.25rem 2rem;}

.isplit{padding-top:2rem;padding-bottom:2rem;}
.isplit-content{padding-top:2rem;padding-bottom:2rem;}
.isplit-full{padding:2rem 1rem;}
.bgmain,.discovers-main{background:linear-gradient(165deg,#57c7f6,#00aa88);}
@media(min-width:1280px){
.isplit{padding-top:3rem;padding-bottom:3rem;}
.isplit-full{padding:3rem 1rem;}
.isplit-content{padding-top:3rem;padding-bottom:3rem;}
}
@media(min-width:1600px){
.isplit{padding-top:8rem;padding-bottom:8rem;}
.isplit-full{padding:8rem 2rem 5rem 2rem;}
.isplit-content{padding-top:5rem;padding-bottom:5rem;}
}
.flip-item>.effect-content>strong{margin-top:0!important;}
.flip>.flip-prev,.flip>.flip-next{font-size:2rem;}
@media(min-width:1280px){
  .flip-item>.effect-content>strong{font-size:1.25rem!important;}
  #flip>.flip-prev,#flip>.flip-next{font-size:5rem;}
}
@media(min-width:1600px){
  .flip-item>.effect-content>strong{font-size:1.5rem!important;}
}

.more{font-weight:200;padding:.5rem 5rem;border:solid 1px rgba(0,0,0,.075);border-radius:2em;transition:all 0.5s ease;}
.more:hover{background:#00aa88;border-color:transparent;color:#fff;}

.discovers-main>div{margin-top:-2.5rem;}
.discovers>a>p{border-bottom:solid 1px #ddd;position:relative;margin-bottom:1rem;padding-bottom:1rem;}
.discovers>a>p::after{position:absolute;content:"";bottom:0;left:0;width:0;height:1px;background:#999;transition:all 0.3s ease;}
.discovers>a:hover>p::after{width:100%;}
@media(min-width:1280px){
  .discovers>a>p{margin-bottom:0;padding-bottom:0;}
}
@media(min-width:1600px){
  .discovers-main{padding:2rem!important;}
  .discovers-main>div{margin-top:-5rem;}
}

.effect-hover>.effect-content>i.icon-add,.effect-hover>.effect-content>p{display:none;}
.effect-hover>.effect-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.effect-hover>.effect-content>strong{color:#00aa88;font-weight:normal;font-size:.75rem;}
@media(min-width:1024px){
  .effect-hover>div>.open-width{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.5);}
  .effect-hover>div>.open-height{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.5);}
  .effect-hover>.effect-content{opacity:0;transition:all 0.3s ease;}
  .effect-hover>.effect-content>i.icon-add{display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>em{background:rgba(255,255,255,.25);margin-bottom:.5rem;width:1px;height:1rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>strong{font-size:1.25rem;margin-top:10%;transition:all 0.3s ease;}
  .effect-hover>.effect-content>p{display:block;font-size:.875rem;color:#fff;margin-top:-1.75rem;transition:all 0.3s ease;}
  .effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}

.documents>a{margin-bottom:2rem;}
.documents>a>strong{position:relative;display:block;font-weight:normal;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:solid 1px #eee;}
.documents>a>strong::after{position:absolute;content:"";height:2px;bottom:-1px;left:0;width:0rem;background: rgb(7,171,138);transition:all 0.5s ease;}
.documents>a:hover{box-shadow:0 15px 30px rgba(0, 0, 0, .1);}
.documents>a:hover>strong::after{width:100%;}
.documents>a>time{display:inline-block;transition:all 0.3s ease;}
.documents>a:hover>time{transform:translateY(0.25rem);opacity:.75;}
.documents>a>p{transition:all 0.3s ease;}
.documents>a:hover>p{transform:translateY(-0.25rem);}
@media(min-width:1280px){
  .documents>a{margin-bottom:0;}
  .documents>a>strong{margin:.5rem 0 1rem 0;}
}

.forum>.size-small>a{display:block;line-height:1;padding:.5rem;transition:all 0.3s ease;}
.forum>.size-small>a:not(:last-child){border-bottom:solid 1px #eee;}
@media(min-width:1280px){
  .forum{padding:2rem 2rem 0 2rem!important;}
  .forum>.size-small>a:hover{padding-left:1rem;}
}
@media(min-width:1600px){
  .forum{padding:3rem 3rem 0 3rem!important;}
  .forum>.size-small>a{padding:.75rem;}
}
@media(min-width:1920px){
  .forum{padding:3rem 3rem 0 3rem!important;}
  .forum>.size-small>a{padding:1rem .75rem;}
}

#yqlj{
    line-height:24px;
    text-align: left;
	color:#a2a7ac;
	margin-top:10px;
	margin-bottom:10px;
 }
#yqlj a{
    display: inline-block;
    color:#a2a7ac;
    font-size: 14px;
	margin-right:5px;
}
#yqlj a:hover{
    color: rgb(0,170,136);
}
 
#morexs{
    background: rgb(80,153,221);
    color: #fff;
    border: none;
    font-weight: 500;
}

 #genpage0 img:hover{
    transform: scale(1.35);
 }

  #genpage1 img:hover{
    transform: scale(1.35);
 }
 
 #footer-wrapper{
    border-top: 1px solid #c2c7cc;
	color:#a2a7ac;
	background-image: url(../images/overlay.png);
    background-size: 128px 128px;
 }
 #footer-wrapper a
 {
	color:#a2a7ac;
 }

 .jsqd{
    color:#333;
    font-size: 14px;
    font-weight: 600;
 }
 #introducebox strong{
    text-align: center;
 }
 
 #logo a{
	font-size:16px !important;
 }
 h1,.h1{
	font-size:16px !important;
 }

.article_item img:hover{
    transform: scale(1.05);
 }
.article_item img{
	 width:80px;
	 height:60px;
 }
.article_item{
    border-bottom:1px solid #EFEDF0;
    border-radius: 3px;
	padding:5px;
 }
 #qimzs h1{
  font-size:20px !important;
  line-height:38px !important;
 }
 #bjxhead h1{
  font-size:20px !important;
  line-height:38px !important;
 }
.gender-select{text-align: center;margin-top: -75px;}
.gender-select li{position: relative;display: inline-block;width: 80px;padding: 10px;border: 1px solid #ccc;border-radius: 5px;cursor: pointer;margin: 0 5px;}
/*.gender-select li .checked{position: absolute;top: 0px;left: 0px;}*/
/*.media p{
	overflow: hidden !important;
	text-overflow:ellipsis !important;
	white-space: nowrap !important;
}*/
.footer{color:#8e8e8e;font-size:18px}
    #boyok,#girlok{
      width: 36px;
      height: 36px;
    }
/*    #genpage1{
      margin-top: -30px;
      background: rgba(0, 0, 0, 0);
    }*/
    #next{
      font-size: 18px;
      /*border: none;*/
      font-weight: 600;
      font-family:"Microsoft YaHei";

    }
    .layui-anim{
      width: 48px;
      height: 48px;
    }
    .pagebox{
      background:rgba(255,255,255,0.15) !important;
      border-radius: 10px;
      padding: 0;
     }
     .pt-perspective {
        position: relative;
        width: 100%;
        padding: 0;
        /*-webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        perspective: 1200px;*/
      }
    .pt-page {
      width: 100%;
      position: absolute;
      height: 200px;
      top: 0;
      left: 0;
      visibility: hidden;
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
    
    .pt-page-current,.no-js .pt-page {
      visibility: visible;
      z-index: 1;
    }
    .tipss{
      font-size: 20px;
      letter-spacing:3px;
      font-weight: bold;
    }
    .inputs_firstname{
      margin-top: -55px;
    }

   #appDateTime,.inputs_firstname,#diqu{
    border: none;
    height: 38px;
    width: 240px;
    font-size: 18px;
    color: rgba(0,0,0,0.85);
    border-radius: 3px;
    background: rgba(255,255,255,0.3);
	outline:none;
    }

	#appDateTime:focus,.inputs_firstname:focus,#diqu:focus{
    border: 2px solid #00a4ff;
	}

  #navPanel{
     /*要设置滚动条的容器样式*/
   }
 #navPanel::-webkit-scrollbar {/*滚动条整体样式*/
   width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
 }
 #navPanel::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
   background: #535353;
 }
 #navPanel::-webkit-scrollbar-track {/*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
   border-radius: 10px;
   background: #EDEDED;
 }

 body::-webkit-scrollbar {/*滚动条整体样式*/
   width: 5px !important;     /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px !important;
 }
 body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
   border-radius: 10px !important;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2) !important;
   background: #535353 !important;
 }
 body::-webkit-scrollbar-track {/*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2) !important;
   border-radius: 10px !important;
   background: #EDEDED !important;
 }

.gender-select li{position: relative;display: inline-block;width: 80px;padding: 10px;border: 1px solid #ccc;border-radius: 5px;cursor: pointer;margin: 0 5px;}
/*.gender-select li .checked{position: absolute;top: 0px;left: 0px;}*/
@media (max-width: 540px)
{
	.container {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
.yuyi_tag
{
	padding: 0 15px;
    line-height: 36px;
    margin: 8px 8px 0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
}
.yuyi_tag:nth-child(odd)
{
    background: #fff2e9;
    color: #f88c4d;
}
.yuyi_tag:nth-child(even)
{
    background: #fff3f3;
    color: #ec5a5a;
}
.zonghepingfen
{
display:inline-block;
background:#fff;
border-radius:10px;
margin:15px auto;
text-align:center;
 
color:#666;
padding:0 10px;
align-self:center;
}
.zonghepingfen strong
{
color:red;
font-weight: bold;
color: #ff3434;
font-size: 28px;
font-family: 'heiti';
margin-right: 5px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.45);
}
.zonghepingfen span
{
font-size:22px;
color:#000;
}
.mobile_nav
{
	display:none;
}
@media(max-width:760px) {
.mobile_nav {
	 display:block;
    background: #FFFFFF;
    padding: 10px 0 6px 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
	border-top:1px solid #DCDCDC;
	z-index:9999;
	}
	.mobile_nav ul {
		height: 0px;
		margin:0;
		padding:0;
	}
	.mobile_nav ul li {
		float: left;
		width: 25%;
		text-align: center;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}
	.mobile_nav ul li span {
		display: block;
 		font-size: 14px;
		font-family: "微软雅黑";
		line-height: 22px;
		color:#000;
	}
	.mobile_nav ul li a {
	color:#000;
 		text-decoration: none;
	}
	.mobile_nav ul .active span,.mobile_nav ul .active a
	{
	color:#ff0000;
	}
	#footer-wrapper{display:none;}
	body{padding-bottom:60px;}
}
.top_intro
{
max-width:1000px;
margin:15px auto;
color:#fff;
font-size:18px;
padding:30px 15px;
}
.top_intro p
{
text-indent:36px;
margin-bottom:10px;
line-height:28px;
text-align:left;
}
@media(max-width:760px) {
	.top_intro
	{
	padding:0px 15px;
	font-size:14px;
	}
	.top_intro p
	{
	text-indent:28px;
	margin-bottom:8px;
	line-height:20px;
	
	}
}
.top_btns
{
display:flex;
flex-direction: row;
justify-content: space-around;
max-width:1000px;
margin:15px auto;
}
.top_btns li
{
background:rgba(255,255,255,0.15) !important;
border-radius: 10px;
list-style:none;
color:#fff;
font-size:20px;
text-align:center;
padding:15px;
}
.top_btns li a
{
color:#fff;
}
.top_btns li .iconfont
{
color:#fff;
margin-right:5px;
font-size:20px;

}
@media(max-width:760px) {
	.top_btns li
	{
	font-size:14px;
	padding:10px;
	}
	.top_btns li span
	{
	display:block;
	}
	 
}