﻿@charset "utf-8";
/* CSS Document */

body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;line-height:1;}
body,html{width:100%;height:100%;position:relative;font:12px/1.4 "microsoft yahei";background-color:#ebc62c;margin:0 auto;}
header,section,footer,img,button{display:block;margin:0;padding:0;border:none;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}

table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset,img {
	border: 0
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
button,input[type="submit"] {
	border: none;
	background: none;
	appearance: none;
	outline: none
}
a {
	touch-callout: none;
	text-decoration: none;
	outline:none;
	color:inherit;
}
em {
	font-style: normal;
}


/*通用样式*/
section{ width:100%;min-height:100%;overflow:auto;-webkit-transition: all 2s; }
.clear{ clear:both;}


input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
button,input[type="submit"] {
	border: none;
	background: none;
	appearance: none;
	outline: none
}
a {
	touch-callout: none;
	text-decoration: none
}
em {
	font-style: normal
}

.pdc_img{width:100%;position:relative;}
.pdc_ban{width:100%; overflow:hidden;height:16.75rem; position:relative;background:url(../assets/pdc_02.jpg) no-repeat top;background-size:100% auto;}
.card_1{position:absolute;width:6.55rem;height:4.775rem;top:0.5rem;left:1.5rem;z-index:999 }
.card_1{
	-webkit-animation:card_1 linear 2s infinite;
	animation:card_1 linear 2s infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
}
@-webkit-keyframes card_1{
50% {-webkit-transform:translateX(20px) translateY(20px) scale(0.9);}
}
.card_2{position:absolute;width:7.075rem;height:5.65rem;top:0rem;right:1.3rem;z-index:999 }
.card_2{
	-webkit-animation:card_2 linear 2s infinite;
	animation:card_2 linear 2s infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:1s;
}
@-webkit-keyframes card_2{
50% {-webkit-transform:translateX(-20px) translateY(20px) scale(0.88);}
}
.card_3{position:absolute;width:6.025rem;height:4.5rem;top:12rem;left:1.2rem;z-index:999 }
.card_3{
	-webkit-animation:card_3 1.4s ease infinite;
	animation:card_3 1.4s ease infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
}
@-webkit-keyframes card_3{
		
0% {
-webkit-transform: scale(1);
}	
65% {
-webkit-transform: scale(0.9);
}
70% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(0.9);
}	
}
.card_4{position:absolute;width:5.1rem;height:4.225rem;top:12rem;right:2rem;z-index:999 }
.card_4{
	-webkit-animation:card_4 linear 4s infinite;
	animation:card_4 linear 4s infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
}
@-webkit-keyframes card_4{
50% {-webkit-transform: translateX(30px)  translateY(20px) rotate3d(0, 0, 1, -3deg);}
}
.pdc_5{width:100%; overflow:hidden;height:17.5rem; position:relative;background:url(../assets/pdc_05.jpg) no-repeat top;background-size:100% auto;}
.pdc_dh{ position:absolute;width:3rem;height:3rem;top:13.2rem;left:5.5rem;}

/******分享*****/
.share{width:100%;margin:0; padding:0; background:#eaeaea; display:-webkit-box; height:40px; line-height:40px;}
.share .sns,.share .friend{ width:50%; height:24px; line-height:24px; margin:0; padding:0; text-align:center; margin-top:8px;}
.share .friend{border-left:1px solid #ccc;}
.share .sns span{ background:transparent url(../assets/sns.png) no-repeat left center; background-size:24px 24px;width:60px; height:24px; display:inline-block; margin:0; padding:0; font-size:12px; text-indent:30px; color:#0074e1;}
.share .friend span{background:transparent url(../assets/friend.png) no-repeat left center;background-size:24px 24px; width:72px; height:24px; 
                    display:inline-block;margin:0; padding:0;font-size:12px; text-indent:30px; color:#0074e1;}
                    
.cmbshare{display:-webkit-box; height:60px;border-bottom:1px solid #ccc;}
.cmblogo{ background:url(../assets/logo.png) no-repeat center center; background-size:36px 36px; height:60px; width:36px; margin-left:15px;}
.cmbmb{-webkit-box-flex:1; line-height:20px; padding-top:10px; padding-left:15px;}
.openmb{width:100px; padding-top:15px;margin-right: 15px;}
.linkmb{ height:30px; line-height:30px; text-align:center; width:100px; font-size:12px; background:#0074e1;color:#FFF; display:block;border-radius: 3px;}
.openmb a{color:#FFF; text-decoration:none;}
.cmbtitle{ font-size:14px; color:#565656;}
.privater{ font-size:11px;color:#929292; display:block;}