/*
   public.css
   <project>
   
   Created by Administrator on 2015-06-04.
   Copyright 2015 Administrator. All rights reserved.
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}
input,
img {
	border: none;
	vertical-align: middle;
}
html,body{width: 100%; height:100%;}
body {
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color: #e50060;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: '微软雅黑';
}
input {
	background-color: #ffffff;
	-webkit-appearance: none;
	outline: none;
}
input[type="number"] {
	-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}


.swiper-container,
swiper-wrapper {
	width: 100%;
	height: 100%;
}
.hide {
	display: none;
}
.visibility_hidden {
	visibility: hidden;
	/*visibility: visible;*/
}
.position_absolute {
	position: absolute;
}
.position_relative {
	position: relative;
}
.main_container {
	width: 100%;
	height: 100%;
}
.main_container section {
	
}
.popup_layer_fixed {
	position: fixed !important;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}
.pages_bg {
	position: absolute;
	left: 0;
	top: 0;
	
	width:100%; height:100%; background:#e50060; 
}
.page_title{position:absolute; left:0; top:0;}
.page1_02{position: absolute; left:0; top:13%;}
.page1_03{position: absolute; left:0; top:39%;}
.page1_04{position: absolute; left:0; top:67%;}
.page_icon{position: absolute; left:0; bottom:3%;}
.page_bottom{position:absolute; left:0; bottom:0;}

.page2_02{margin-top:22%;}




.page3_text_02{margin-top:3%;}
.page4_title{margin-top:8%;}
.page4_yellow{margin-top:5%;}
.page_receive{position:absolute; left:20%; top:19%; width:59%;}
.page4_p1{position:absolute; left:50%; top:26%; text-align: center; width:30%;  margin-left:-15%;}
.page4_p1 span{float:left; width:35px; height:35px; line-height: 35px; text-align: center; background:#1e2a53; color:#fff; font-size:20px; font-weight: bold;}
.page4_p1 .span1{float:left; }
.page4_p1 .span2{float:right; }
.page4_p1 .active{background:#e50060;}
.page4_p2{width:100%; position:absolute; left:0; top:35%; float: left;}
.select_div{padding-left:6%; line-height: 30px;}
.span_text{float:left; font-weight:900; padding-right:2%; font-size:16px; color:#1e2a53;}
.page_sel{position:relative; width:92px; height:26px; border:1px solid #1e2a53; float:left; line-height:26px;  margin-right:6%;}
.page_choice{position:absolute; left:0; top:0; height:26px; width:62px;padding-left:10px;}
.page4_span{position:absolute; right:0; top:0; width:30px; background:#1e2a53; height:100%;}
.page4_img{width:50%; margin:20% 26%;}

.page4_ul{position:absolute; left:-1px; top:26px; width:63px; border:1px solid #1e2a53; background:#fff; z-index:5;}
.page4_ul li{width:100%; height:24px; line-height: 24px; list-style: none; text-align: center; color:#1e2a53;}

.select_div2{margin-left:10%;}
.input_text1{width:30%; height:26px; border:1px solid #1e2a53; background:#eeea38; color:#1e2a53; font-weight: 900; font-size:14px; padding-left:2%;}
.span_text2{float:left; height:26px; line-height: 26px; margin-right:2%; font-weight: 900; font-size:16px; color:#1e2a53;}
.page4_div2{position:absolute; width:100%; left:0; top:44%; }
.page_name{position:absolute; left:0; top:0; margin-left:11%; height:26px; line-height: 26px; }
.name{margin-right:2%; font-size:16px; font-weight: 900; color:#1e2a53; float:left;}
.input_text2{width:43%; height:26px; border:1px solid #1e2a53; margin-right:6%; background:#eeea38; padding-left:2%;}
.page_tel{height:26px; line-height: 26px; float:right;position:absolute; right:14px; top:0;  }
.tel{margin-right:2%; font-size:16px; font-weight: 900; color:#1e2a53; float:left;}
.input_text3{width:56%; height:26px; border:1px solid #1e2a53; background:#eeea38; padding-left:2%;}
.example{position:absolute; right:5%; top:97%; font-size:12px; color:#343e50;}
.page4_div3{top:52%; }
.input_text4{width:40%; margin-right:1%; }
.input_text5{margin-right:1%;}
.add{font-size:16px; font-weight: 900; color:#1e2a53; }
.page4_div4{width:100%; position:absolute; left:0; top:59%; text-align: center; height:26px;}
.input_text6{width:60%; height:26px; line-height: 26px; border:1px solid #1e2a53; background:#eeea38; padding-left:10px;}
.page4_submit{position:absolute; left:0; top:67%; width:100%;}
.page4_submit p{width:100%; font-size:14px; color:#1e2a53; text-align:center;}
.page4_submit a{display:block; width:100%; text-align: center;}
.page4_submit img{width:40%;}
.page4_submit .page4_pople{width:17%; position:absolute; right:8%; top:-26%;}
.page4_bottom{position:absolute; left:0; bottom:6%;}

.page5_box{margin-top:10%;}
.page5_friends{width:100%; text-align: center; margin-top:5%;}
.page5_friends span{font-size:17px; font-weight: bold; color:#fff; padding-right:5%;} 
.friends_p1{}
.friends_p1 input{width:25%; height:26px; padding-left:5%;}
.input_left{margin-right:5%; padding-left:10px;}
.friends_p2{text-align: left;}
.page5_name{ height:26px; margin:3% 0 0 7%; width:81%; padding-left:5%;}
.center{width:100%; text-align: center;}
.page5_text1{margin-top:3%; color:#fff;}
.page5_text2{margin-top:3%; color:#fff;}
.page5_mi{width:14%; position:absolute; left:10%; bottom:4%; z-index: 2;}
.page5_text3{display:block; width:1005; text-align: center;}
.page5_text3 img{width:40%; z-index:5; position: absolute; bottom:11%; left:27%;}
.bj_submit{overflow: hidden;}
/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {}
/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {

.page_tel {
    height: 26px;
    line-height: 26px;
    float: right;
    position: absolute;
    right: -20px;
    top: 0;
}
.page_name {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 8%;
    height: 26px;
    line-height: 26px;
}
.input_text3 {
    width: 46%;
    height: 26px;
    border: 1px solid #1e2a53;
    background: #eeea38;
    padding-left: 2%;
}
.span_text2{font-size:15px;}
.span_text2{font-size:15px;}
.page_sel{margin-right:4%;}

.friends_p1 input {
    width: 30%;
    height: 24px;
    padding-left:5%;
}
.page5_name {
    height: 24px;
    margin: 3% 0 0 7%;
    width: 82%;
}
.page5_box {
    margin-top: 5%;
}
	.friends_p1 input {
    width: 24%;
    height: 24px;
    padding-left: 5%;
}
}
/*andriod（默认样式）*/

@media all and (min-width: 360px) and (max-height:519px){
	.page5_name {
    height: 23px;
    margin: 3% 0 0 7%;
    width: 87%;
}
.friends_p1 input {
    height: 20px;
}
.friends_p2 input {
    height: 20px;
}
.page5_box {
    margin-top: -2%;
}
}
/*ip 6*/
/*@media all and (max-width:432px) and (max-height:599px){
	.page2_02 {
    margin-top: 10%;
}
.page4_title {
    margin-top: 5%;
}
.page4_yellow {
    margin-top: 1%;
}
.friends_p1 input {
    width: 30%;
    height: 24px;
}
.page5_box {
    margin-top: 6%;
}
.pages2_02{
	margin-top: 18%;
}
	.page1_02 {
    position: absolute;
    left: 0;
    top: 13%;
}
.page1_03 {
    position: absolute;
    left: 0;
    top: 39%;
}
.page3_text_02 {
    margin-top: 2%;
    width: 85%;
    position: absolute;
    left: 6%;
}
.page4_bottom {
    position: absolute;
    left: 0;
    bottom: 3%;
}
}*/
@media all and (min-width: 375px) and (max-height:603){
	.input_text2 {
    width: 44%;
    height: 26px;
    border: 1px solid #1e2a53;
    margin-right: 6%;
    background: #eeea38;
    padding-left: 2%;
}
.page_tel {
    height: 26px;
    line-height: 26px;
    float: right;
    position: absolute;
    right: -21px;
    top: 0;
}
.input_text3 {
    width: 56%;
    height: 26px;
    border: 1px solid #1e2a53;
    background: #eeea38;
    padding-left: 2%;
}
.input_text4 {
    width: 41%;
    margin-right: 1%;
}
	
}
/*ip 6+*/

@media all and (min-width: 414px) {
	.input_text2 {
    width: 48%;
    height: 26px;
    border: 1px solid #1e2a53;
    margin-right: 6%;
    background: #eeea38;
    padding-left: 2%;
}
.input_text3 {
    width: 62%;
    height: 26px;
    border: 1px solid #1e2a53;
    background: #eeea38;
    padding-left: 2%;
}
.input_text4 {
    width: 46%;
    margin-right: 1%;
}
.page_tel {
    height: 26px;
    line-height: 26px;
    float: right;
    position: absolute;
    right: 60px;
    top: 0;
}
}