body{ margin:0; font-size:12px;overflow-x:hidden;}
ul,li{margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
a img{border:none;}

.head001 {background-color:#BE7A63;margin: 0 auto;width:1100px;}
.allhead {height:45px;}
.logo {float: left;padding-top: 2px;width:75px; margin-left:100px;}
.link {float: right;padding:15px 0 0 5px;width: 700px;margin-right: 50px; color:#fff;}
.link a {padding:0 0 0 8px;color: #fff;font-family: 新宋体}
.link a:hover {color: #000;}
.sfoot a:link,.sfoot a:visited {color:#fff; text-decoration:none;}
.sfoot a:hover{color:#00A2DC;text-decoration:none;}

.top{width:1100px; margin:0 auto;height:794px; background:url(top.jpg) no-repeat; background-position:center top;}

.content{ width:1100px; margin:0 auto;}
		 .b0{}
		 .b0 h1{height: 65px;background: url(bt1.png) no-repeat center center;}
		 .b0 ul{margin: 0;padding: 0;}		 
		 .b1{height:896px; background:url(b1.jpg) no-repeat; background-position:center top; position:relative;}
		 .b1 a.boy{ position:absolute; bottom:15px; left:195px;width:140px;height:150px;}
		 .b1 a.girls{ position:absolute; bottom:15px; right:195px;width:140px;height:150px;}
		 
         .main{width:1100px;height:920px; margin:0 auto 5px auto; background:#FFFFFF;padding:0;}
         .main h1{height: 56px;background: url(bt2.png) no-repeat center center;}
         .main ul{ }
         .main ul li{ float:left;width:260px;height:260px; margin:10px 0 0 10px; text-align:center;}
					.flipcard-container{ position:relative; display:block;float:left; width:260px; height:315px; -webkit-perspective:1000;*zoom:1; z-index:9;}
					.storyCont .flipcard-container{ margin:7px 0 0;}
					.flipcard-container:before,.flipcard-container:after{content:"";display:table;}
					.flipcard-container:after{clear:both;}
					.no-touch .flipcard-container:hover .flipcard .front.face , .flipcard.hover .front.face{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
					.no-touch .flipcard-container:hover .flipcard .back.face, .flipcard.hover .back.face {transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);}
					.flipcard{width:100%;height:260px;position:absolute;}
					.flipcard .face{ position:absolute; width:260px; height:260px;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-box-shadow:0px #fff;  -webkit-transform:rotateY(0deg);-webkit-transition:all .25s linear 0s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-moz-transition:all .25s linear 0s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);-ms-transition:all .25s linear 0s;  }
					.flipcard .face.front{background:#fff; background:#fff;opacity:0.99;}
					.flipcard .face.back{ transform:rotateY(-180deg) translateZ(1px);-webkit-transform:rotateY(-180deg) translateZ(1px);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(180deg);}
					.flipcard{position:relative;}
					.flipcard .front.face{ overflow:hidden;}
					.flipcard .front.face h3{color:#125672;margin:0.5em 0 0;}
					.flipcard .front.face img{max-width:100%;}
					.flipcard .back.face{position:absolute;color:white;  overflow:hidden;}
					.flipcard .back.face h2,.flipcard .back.face h3,.flipcard .back.face h4{font-family:Calibri,Helvetica,Arial,sans-serif;}
					.flipcard .back.face .title{background:#0d3c50;color:#ace1f7;padding:0.85em;text-transform:uppercase;font-size:0.85em;}

					.flipcard .back.face .proIntro{ width:260px; height:260px; background:#E1F0ED; line-height:18px; color:#fff;}
					.flipcard .back.face .proIntro.boy{background:#63C6FD}
					.flipcard .back.face h5{ display:block; height:32px; padding:0 7px; margin:0 0 10px 0; background:#FE4C64; font:20px/32px 微软雅黑; overflow:hidden;}
					.flipcard .back.face h5.boy{background:#4EB7FB;}
					.flipcard .back.face h5 img{ display:inline; position:relative; top:0; left:5px;}
					.flipcard .back.face .text{padding:60px 10px 0 20px; color:#000; font-family:微软雅黑; font-size:16px; line-height:28px; text-align:left;}
					.flipcard .back.face .text strong{ background:#e05a00; color:#fff; font-weight:normal;}
					.flipcard .back.face .text span{ color:#fff;}
					.flipcard .back.face .btnUser{ display:block; width:140px; height:35px;  margin:10px auto 0; background:#fff;color:#FD7083; font-family:微软雅黑; font-size:18px; text-align:center; overflow:hidden;}

					.flipcard-container .introCont{ margin:5px 0 0; color:#999; overflow:hidden; zoom:1;}
					.flipcard-container .introCont p{ height:20px; margin:0 0 5px 0; line-height:20px; color:#ff6600; overflow:hidden;}
							.introCont p.boy{color:#00B1FF}
					.flipcard-container .introCont p img{ position:relative; top:3px; display:inline; margin:0;}
					
		.bm{height:500px; background:#F2F2F2;}
		.bm h2{width:920px;height:62px; margin:0 auto; padding:28px 0 0 0; background:url(bt2.png) no-repeat center center; text-align:left;color:#BE7A63;}
		.bm h2 a{ text-decoration:none;color:#BE7A63;}
		.bm ul{width:920px; margin:20px auto;}
		.bm ul li{float:left;width:190px; margin:15px 10px 0 0; padding:0 0 0 10px; line-height:42px; background:#fff;color:#666;}
		.bm ul li.s{width:120px;}
		.bm ul li.b{width:260px;}
		.bm ul li.wby{width:615px;height:165px; position:relative;}
		.bm ul li.wby .lm{ position:absolute; right:10px; top:10px;}
					.lm a{ position:relative; text-decoration:none;}
					.lm a span{font-family:微软雅黑; font-size:18px;}
						#upmsg{ display:block;height:20px;color:Red;}
						#avatar{ display:none; position:absolute; left:0; top:15px;width:320px;height:150px; padding:0 0 0 10px; overflow-y:auto;}
						#avatar img{ margin:5px 5px 0 0;}
		.bm ul li.avatar{width:255px;height:165px; line-height:28px; font-size:14px; font-weight:bold;}
		.bm ul li input{width:120px;height:25px;border:none;}
		.bm ul li textarea{border:none;}
		.bm ul li.s input{width:60px;}
		.bm ul li.b input{width:140px;}
		.bm .bmbtn{width:600px; margin:30px auto; text-align:center;}
		.bm .bmbtn .btn{width:136px;height:50px; background:#BE7A63;font-family: 微软雅黑;font-size: 28px; border:none;color: #fff}
		
		
		
					
.foot{width:1100px; height:100px; margin:0 auto; background:#BE7A63}
    .sfoot{width:1100px;margin:0 auto; padding:10px 0; text-align:center; color:#fff; line-height:28px; background:url(log2.png) no-repeat 80px 40px;}
   
.ewm{position: fixed;top:45px;right: 3%;width: 105px;height: 134px;background: url(ewm.png) no-repeat;}
    
    
.pages {
	OVERFLOW: hidden; LINE-HEIGHT: 25px; FONT-FAMILY: Verdana; HEIGHT: 35px; TEXT-ALIGN: center
}
.pages A {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e4e4e4 1px solid; COLOR: #369; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; TEXT-DECORATION: none! important
}
.pages STRONG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e4e4e4 1px solid; COLOR: #369; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; TEXT-DECORATION: none! important
}
.pages A:hover {
	BORDER-LEFT-COLOR: #369; BORDER-BOTTOM-COLOR: #369; BORDER-TOP-COLOR: #369; BORDER-RIGHT-COLOR: #369
}
.pages STRONG {
	BORDER-LEFT-COLOR: #369; BACKGROUND: #369; BORDER-BOTTOM-COLOR: #369; COLOR: #fff; BORDER-TOP-COLOR: #369; BORDER-RIGHT-COLOR: #369
}
.pages .prev {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: underline! important; BORDER-BOTTOM-STYLE: none
}
.pages .next {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: underline! important; BORDER-BOTTOM-STYLE: none
}