/* Css Document -- public.css */
/* reset css */
legend{ color:#000;}
fieldset{ border:0;}
ul,ol,li{ list-style:none;}
caption,th{ text-align:left;}
q:before,q:after{ content:'';}
body{ font:12px/1.2 "瀵邦喛钂嬮梿鍛寸拨";}
sup,sub{ vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
del,ins,a:hover{ text-decoration:none;}
textarea,input{ outline:none; resize:none;}
img{ border:0 none; vertical-align:middle;}
abbr,acronym{ border:0; font-variant:normal;}
i,u,em{ font-style:normal; text-decoration:none;}
table{ border-collapse:collapse; border-spacing:0;}
a:hover img{ opacity:0.85; filter:alpha(opacity=85);}
body,input,button,textarea,select{ font-family:"瀵邦喛钂嬮梿鍛寸拨",Microsoft Yahei,Arial Narrow;}
a{ cursor:pointer; text-decoration:none; outline:medium none; *outline:medium none; blur:expression(this.onFocus=this.blur());}
a,button,input{ -webkit-tap-highlight-color:rgba(255,0,0,0); tap-highlight-color:rgba(255,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
address,caption,cite,code,dfn,em,th,var,optgroup,input,button,textarea,select,option{ font-family:inherit; font-style:inherit; font-weight:inherit; font-size:inherit;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }  

body,html{background-color: #fff;width: 100%;height: 100%}
/* public css */
.hide{ display:none !important;}
.show{ display:block !important;}
.vish{ visibility:hidden;}
.visv{ visibility:visible;}
.poss{ position:static;}
.posr{ position:relative;}
.posa{ position:absolute;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clearfix{ zoom:1;}
.clearfix:after{ content:"\020"; display:block; height:0; clear:both;}
.blackBg{ background:#000; width:100%; height:100%; opacity:0.8; filter:alpha(opacity=8); position:fixed; left:0px; top:0px;}

/* swiper.css */
.swiper-container{ width:100%; height:100%; margin:0 auto; overflow:hidden; z-index:1; position:absolute; left:0; top:0;
	-webkit-backface-visibility:hidden; 
	-moz-backface-visibility:hidden; 
	-ms-backface-visibility:hidden; 
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}
.swiper-wrapper{ width:100%; position:relative; 
	-webkit-box-sizing:content-box; 
	-moz-box-sizing:content-box; 
	-ms-box-sizing:content-box; 
	-o-box-sizing:content-box; 
	box-sizing:content-box; 
	
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease; 
	-ms-transition-timing-function:ease;
	-o-transition-timing-function:ease; 
	transition-timing-function:ease; 
	
	-webkit-transition-duration:0s; 
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s; 
	transition-duration:0s; 
	
	-webkit-transition-property:-webkit-transform,left,top; 
	-moz-transition-property:-moz-transform,left,top;
	-ms-transition-property:-ms-transform,left,top;
	-o-transition-property:-o-transform,left,top;
	transition-property:transform,left,top;
	
	-webkit-transform:translate3d(0px,0,0);
	-moz-transform:translate3d(0px,0,0);
	-ms-transform:translate3d(0px,0,0);
	-o-transform:translate(0px,0px);
	transform:translate3d(0px,0,0);
}	
.swiper-free-mode>.swiper-wrapper{ margin:0 auto; 
	-webkit-transition-timing-function:ease-out; 
	-moz-transition-timing-function:ease-out; 
	-o-transition-timing-function:ease-out; 
	-ms-transition-timing-function:ease-out; 
	transition-timing-function:ease-out;
}
.swiper-slide{ width:100%; float:left; overflow:hidden; position:relative;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{ -ms-touch-action:pan-y;}
.swiper-wp8-vertical{ -ms-touch-action:pan-x;}

.animate .an_de_04{ -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.animate .an_de_06{ -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.animate .an_de_07{ -webkit-animation-delay:0.7s; animation-delay:0.7s;}
.animate .an_de_08{ -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.animate .an_de_09{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
.animate .an_de_11{ -webkit-animation-delay:1.1s; animation-delay:1.1s;}
.animate .an_de_12{ -webkit-animation-delay:1.2s; animation-delay:1.2s;}
.animate .an_de_13{ -webkit-animation-delay:1.3s; animation-delay:1.3s;}
.animate .an_de_14{ -webkit-animation-delay:1.4s; animation-delay:1.4s;}
.animate .an_de_16{ -webkit-animation-delay:1.6s; animation-delay:1.6s;}
.animate .an_de_17{ -webkit-animation-delay:1.7s; animation-delay:1.7s;}
.animate .an_de_18{ -webkit-animation-delay:1.8s; animation-delay:1.8s;}
.animate .an_de_19{ -webkit-animation-delay:1.9s; animation-delay:1.9s;}

/* slideInUpRight */
.animate .slideInUpRight{ -webkit-animation-name:slideInUpRight; animation-name:slideInUpRight; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1.5s; animation-duration:1.5s;}
@-webkit-keyframes slideInUpRight{
	0%{  -webkit-transform:translate3d(100%,100%,0) scale(0.4); transform:translate3d(100%,100%,0) scale(0.4);opacity: 0}
	40%{  -webkit-transform:translate3d(-50%,50%,0) scale(0.6); transform:translate3d(-50%,50%,0) scale(0.6);opacity: 0.5;}
	100%{  -webkit-transform:translate3d(0,0,0) scale(0.9); transform:translate3d(0,0,0) scale(0.9);opacity: 1;}
}
@keyframes slideInUpRight{
	0%{  -webkit-transform:translate3d(100%,100%,0) scale(0.4); transform:translate3d(100%,100%,0) scale(0.4);opacity: 0}
	40%{  -webkit-transform:translate3d(-50%,50%,0) scale(0.6); transform:translate3d(-50%,50%,0) scale(0.6);opacity: 0.5;}
	100%{  -webkit-transform:translate3d(0,0,0) scale(0.9); transform:translate3d(0,0,0) scale(0.9);opacity: 1;}
}


/* fadeInslow */
.animate .fadeInslow{ -webkit-animation-name:fadeInslow; animation-name:fadeInslow; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; animation-duration:1s;}
@-webkit-keyframes fadeInslow{
	0% { opacity:0; -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0);}
	25%{ opacity:0.25;}
	50%{ opacity:0.5;}
	75%{ opacity:0.75;}
	100%{ opacity:1;}
}
@keyframes fadeInslow{
	0% { opacity:0; -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0);}
	25%{ opacity:0.25;}
	50%{ opacity:0.5;}
	75%{ opacity:0.75;}
	100%{ opacity:1;}
}


/* Css Document -- index.css */
/* cont */
.cont{ width:100%; height:100%; overflow:hidden;}

/* page */
.page{ background-repeat:no-repeat; background-position:center; background-size:100% 100%; width:720px; height:100%; overflow:hidden; position:absolute; left:50%; top:0; margin-left:-360px;font-family: "Microsoft Yahei",}
.loading{ background-image:url(http://n.sinaimg.cn/mn/baixiang/page_02.jpg); margin-top: 0px;}
.page_01{ background-image:url(http://n.sinaimg.cn/mn/baixiang/page_01.jpg);}
.page_02{ background-image:url(http://n.sinaimg.cn/mn/baixiang/page_02.jpg);}

/* page span */
.page div{ display:block; position:relative;}

.load_center{top: 26%;width: 706px;left: 50%;margin-left: -353px;height: 434px;}
.load_center .load_img{    top: 16%;
    left: 50%;
    z-index: 9999;
    margin-left: -290px;
    width: 580px;}
.loading .txt {left: 50%;margin-left: -36px; top: 200px;color: #0c4876;width: 73px;height: 73px;line-height: 73px;font-size: 30px;text-align: center;}



/* page_01 */
.page_01 .singup-btn {position: absolute;width:720px;margin-left: -360px;bottom: 0;height: 100px;left:50%;}
.page_01 .logo {position: absolute;left: 10%;top:5%;}
.page_01 .title {position: absolute;width:720px;margin-left: -360px;left:50%;top:14%;}

.page_02 .logo {position: absolute;left: 10%;top:5%;}
.page_02 .infor{margin: 0 auto;  position: relative;	 width: 479px;
    height: 400px;margin-top: 2%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #215573; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #215573; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #215573; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #215573; 
} 

.page_02  input,select{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 476px;
    height: 73px;
    font-size: 30px;
    line-height:36px;
    border: 1px solid #13577b; 
    background: none; 
    text-indent: 0.5em;
    text-align: center;
    color: #215573;
    font-weight: bold;
    margin-top: 3%;
}
.page_02 .sex{ padding: 0 190px; }
.page_02 .periods{ padding: 0 105px; }

.page_02  .name{ margin-top: 30%;}
.page_02 .infor_submit{     
	position: relative;
	margin: 0 auto;
	margin-top: 3%;
    width: 476px;
}


.page_01 .bottoms {position: absolute;width:720px;height: 395px; left: 50%;margin-left: -360px;bottom: 0%;}
.page_01 .bottoms .lc_btn{
	position: absolute;
    bottom: 6%;
    right: 6%;
}

.animate .pageChange{ -webkit-animation-name:pageChange; animation-name:pageChange; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:2s; animation-duration:2s;}
@-webkit-keyframes pageChange{
	0%{ height:0px;}
	100%{ height:374px;}
}
@keyframes pageChange{
	0%{ height:0px;}
	100%{ height:374px;}
}


.lct{ width:720px; height:100%; position:absolute; left:50%; margin-left:-360px; top:0px; z-index:999; cursor:pointer;}
.lct  .blackBg{background-color: #000; width:100%; height:100%; position:fixed; left:0px; top:0px;    opacity: 0.95;
    filter: alpha(opacity=95);}
.lct  .content {  position: relative;width: 491px;height: 743px;background: url(http://n.sinaimg.cn/mn/baixiang/lct_bg.png); margin: 0 auto;margin-top: 25%;overflow: hidden;}
.lct  .bg {  position: relative;width: 491px;height: 553px;overflow: scroll;margin: 0 auto;margin-top: 33%;}
.bg p{
	position: relative;
	margin: 0 auto;
	width: 445px;
	line-height: 26px;
	text-indent: 2em;
	/*text-align: center;*/
	color: #000;
	/*font-weight: 700;*/
	font-size: 20px;
	letter-spacing: 2px;
	margin-top: 20px;
}
p.setcolor1{
	width: 427px;
	text-indent: 1em;
	color: #fff;
	font-size: 18px;
	background-color: #ff4a17;
	/*border-radius: 10%;*/
}
p.setcolor2{
	color: #fff;
	background-color: #17b5ff;
	font-weight: bold;
	font-size: 20px;
	width: 332px;
	height: 30px;
	line-height: 30px;
	text-indent: 0.5em;
	margin-left: 20px;
	margin-top: 35px;
}
p.settop{
	margin-top: 40px;
}
.bg ul{
	position: relative;
	margin: 0 auto;
	width: 445px;
	line-height: 26px;
	color: #000;
	font-size: 20px;
	letter-spacing: 2px;
	margin-top: 5px;
	/*list-style: binary;*/
}
.bg span.setcolor3{
	color: #ff4a17;
}
.bg span.listtime{
	display: block;
	margin-left: 40px;
}
p.setcolor3{
	color: #ff4a17;
	font-size: 16px;
}


.lct .close_btn { width:46px;  position: absolute; right: 10%;top: 10%;}

.lct .handTips {width:70px; position:absolute; bottom:10%; right: 10%; z-index:200;  -webkit-animation:handTips 1s linear infinite alternate; animation:handTips 1s linear infinite alternate;}
@-webkit-keyframes handTips{ 
	0%{ opacity:0; -webkit-transform:translateY(0); transform:translateY(0);} 
	100%{ opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
}
@keyframes handTips{ 
	0%{ opacity:0; -webkit-transform:translateY(0); transform:translateY(0);} 
	100%{ opacity:1; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
}
.hand_tips >img{width: 100%}

/* music */
.music,.music a,.music i{ width:122px; height:122px; overflow:hidden;}
.music{ position:absolute; right:0px; top:-20px; z-index:99;}
.musicLeft{ left:0; -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
.music a,.music i{ background-repeat:no-repeat; background-position:center top; display:block;}
.music a.playBtn{ background-image:url(http://minnan.sinaimg.cn/public/images/musicBbg.png);}
.music a.playBtn i{ background-image:url(http://minnan.sinaimg.cn/public/images/musicSbg.png);}
.music a.playBtn i.playMusic{ -webkit-animation:playMusic 1s linear infinite; animation:playMusic 1s linear infinite;}
@-webkit-keyframes playMusic{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes playMusic{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
.loadan{ -webkit-animation:playMusic 1s linear infinite; animation:playMusic 1s linear infinite;}

.animate .lovescale{ -webkit-animation-name:lovescale; animation-name:lovescale; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:4s; animation-duration:4s;}
@-webkit-keyframes lovescale{
	0%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	10%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}
	20%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	50%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	60%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}
	70%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	100%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
}
@keyframes lovescale{
	0%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	10%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}
	20%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	50%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	60%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}
	70%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
	100%{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
}


.animate .ringr{ -webkit-animation:ringr 2s linear infinite; animation:ringr 2s linear infinite;}
@-webkit-keyframes ringr{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes ringr{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

.animate .ringl{ -webkit-animation:ringl 2s linear infinite; animation:ringl 2s linear infinite;}
@-webkit-keyframes ringl{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg);}
}
@keyframes ringl{ 
	0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg);}
}

/* iphone4/4s */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){}
/* iphone5/5s */
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){}
/* iphone6 */
@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){}
/* iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){} 

.tvp_poster_img{background-size: cover!important;}