body{ margin:0; font-size:12px;overflow-x:hidden; background:#082f4e;}
ul,li{margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
img{border:none;}
.head001 {background-color:#ffffff;border-bottom: 1px solid #D3D3D3;width: 100%;}
.allhead {height: 45px;margin: 0 auto;width: 980px;}
.logo {float: left;padding-top: 2px;width: 85px;}
.link {float: right;padding: 15px 0 0 6px;width: 880px;}
.link a {color: #5F5F5F;}
.link a:hover {background-color: #DF0000;color: #FFFFFF;}
.sfoot a:link,.sfoot a:visited {color:#d9eafa; text-decoration:none;}
.sfoot a:hover{color:#00A2DC;text-decoration:none;}

.top{width:100%;height:373px; background:url(top.jpg) no-repeat; background-position:center top; }
.first{width:100%;height:524px; background:url(first.jpg) no-repeat; background-position:center top;}
.first .container{width:800px; margin:0 auto;}
.first .container ul{float:left;width:240px; background:url(picbg.jpg) no-repeat; line-height:23px;color:White; margin-left:25px;}
.first .container ul a.conver{ display:block; margin:7px 0 0 8px; position:relative;}
.first .container ul a.conver span{ position:absolute; bottom:0;left:0;width:145px; height:30px;background: none repeat scroll 0 0 #000000; color: #FFFFFF; opacity: 0.6;padding: 5px 0 0 10px;}
.first .container ul h2{height:55px; padding-top:20px; text-align:center;  color:White; font-size:16px;}
.first .container ul li{ color:White; font-size:16px;clear:both;}
.first .container ul li label{height:50px;float:left;}
.first .container ul li a.zhan{width:106px;height:24px; background:url(zhan.jpg) no-repeat; display:block; text-align:center; color:Black; text-decoration:none; margin:10px auto 0 auto;font-family:微软雅黑;}
.first .container ul .fans{ margin:10px 0 0 0;}
/**/
.flipcard-container{ position:relative; display:block;float:left; width:180px; height:95px; margin-bottom:20px; -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:100px;position:absolute;margin-left:65px;}
		.flipcard .face{ position:absolute; width:110px; height:110px;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:170px; height:100px; background:#24B9CD; line-height:18px; color:#136885;}
		.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:20px 0 0 13px; color:#136885; font-family:微软雅黑; font-size:12px; line-height:20px;}
		.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;}

.content{ width:100%; background:url(bg.jpg) repeat-y center top;height:3826px;}
.content .main{width:800px; margin:0 auto;}
.content .main ul{float:left;width:240px; background:url(picbg.jpg) no-repeat; line-height:23px;color:White; margin-left:25px;}
.content .main ul a.conver{ display:block; margin:7px 0 0 8px; position:relative;}
.content .main ul a.conver span{ position:absolute; bottom:0;left:0;width:145px; height:30px;background: none repeat scroll 0 0 #000000; color: #FFFFFF; opacity: 0.6;padding: 5px 0 0 10px;}
.content .main ul h2{height:55px; padding-top:20px; text-align:center;  color:White; font-size:16px;}
.content .main ul li{ color:White; font-size:16px;clear:both;}
.content .main ul li label{height:50px;float:left;}
.content .main ul li a.zhan{width:106px;height:24px; background:url(zhan.jpg) no-repeat; display:block; text-align:center; color:Black; text-decoration:none; margin:10px auto 0 auto;font-family:微软雅黑;}
.content .main ul .fans{ margin:10px 0 0 0;}
         
.bottom{width:100%; background:url(bottom.jpg) no-repeat center top;height:133px;}
         
.foot{width:100%; height:100px;}
    .sfoot{width:980px;margin:0 auto; padding:10px 0; text-align:center; color:#d9eafa; line-height:28px;}