/*
   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: #0f407b;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: '微软雅黑';
	overflow-x: hidden;
}

.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);
}

.page_bj {
	width: 100%;
	height: 100%;
	z-index: -1;
}

.sign_out {
	position: absolute;
	left: 5%;
	top: 3%;
	width: 22%;
}

.page_icon {
	position: absolute;
	width: 24%;
	opacity: 0;
	z-index: 3;
}

.icon_03 {
	left: 55%;
	top: 12%;
	width: 21%;
}

.icon_07 {
	left: 4%;
	top: 30%;
	width: 44%;
}

.icon_10 {
	left: 70%;
	top: 30%;
	width: 22%;
}

.icon_16 {
	left: 4%;
	top: 40%;
	width: 21%;
}

.icon_20 {
	left: 52%;
	top: 53%;
	width: 21%;
}

.icon_25 {
	left: 20%;
	top: 69%;
	width: 18%;
}

.icon_28 {
	left: 70%;
	top: 68%;
	width: 20%;
}

.page_opacity {
	position: absolute;
	left: 0;
	top: 9%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.start_btn {
	position: absolute;
	left: 42%;
	top: 41%;
	width: 18%;
}

.page_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}


/*弹出层 start*/

.layer_bj {
	position: absolute;
	left: 3%;
	top: 0%;
	width: 94%;
}

.layer_box {
	position: absolute;
	left: 50%;
	margin-left: -45%;
	top: 10%;
	width: 90%;
	padding: 8% 0;
	z-index: 3;
}

.layer1_02 {
	margin-top: 5%;
}

.error_btn {
	position: absolute;
	right: 8%;
	top: 5%;
	width: 10%;
}

.layer_p {
	position: relative;
}

.layer1_03 {
	position: absolute;
	left: 0;
	top: 0;
}

.retiver {
	position: relative;
	left: 0;
	top: 0;
}

.layer_msgt {
	position: absolute;
	right: 8%;
	top: -4%;
	z-index: 2;
}

.layer_msgl {
	position: absolute;
	left: -3%;
	top: 0;
	z-index: 2;
}

.layer_msgb {
	position: absolute;
	bottom: -6%;
	left: 8%;
	z-index: 2;
}

.layer_msgr {
	position: absolute;
	right: -3%;
	bottom: -2%;
	z-index: 2;
}

.bottom {
	bottom: -7.1%;
}

.down {
	bottom: -5.5%;
}


/*弹出层 end*/


/*ip 4s*/

@media all and (min-width: 320px) and (max-height: 416px) {
	.page_opacity {
		top: 8%;
	}
}


/*ip 5s*/

@media all and (min-width: 320px) and (max-height: 504px) {
	.layer_msgt {
		position: absolute;
		right: 8%;
		top: -4.8%;
		z-index: 2;
	}
	.layer_msgl {
		position: absolute;
		left: -3.5%;
		top: 0;
		z-index: 2;
	}
	.layer_msgb {
		position: absolute;
		bottom: -6.5%;
		left: 8%;
		z-index: 2;
	}
	.layer_msgr {
		position: absolute;
		right: -3.5%;
		bottom: -2%;
		z-index: 2;
	}
	.bottom {
	bottom: -7.6%;
}
}

@media all and (min-width: 432px) and (max-height: 599px) {
	.layer_box {
		top: 10%;
	}
}
@media all and (min-width: 375px) and (max-height: 603px) {
	.bottom {
	bottom: -7.6%;
}
}


/*andriod（默认样式）*/

@media all and (min-width: 360px) and (max-height: 519px) {
	.page_opacity {
		top: 7%;
		width: 100%;
		left: 2%;
	}
}

@media all and (min-width: 360px) {
	.layer_msgb {
		position: absolute;
		bottom: -6.5%;
		left: 8%;
		z-index: 2;
	}
	.bottom {
		bottom: -7.1%;
	}
	.down {
		bottom: -5.5%;
	}
}


/*ip 6*/

@media all and (min-width: 375px) {}


/*ip 6+*/

@media all and (min-width: 414px) {
	.page_opacity {
		top: 10%;
	}
	.layer_msgl {
		position: absolute;
		left: -2%;
		top: 0;
		z-index: 2;
	}
	.layer_msgb {
		position: absolute;
		bottom: -5.8%;
		left: 8%;
		z-index: 2;
	}
	.layer_msgr {
		position: absolute;
		right: -2%;
		bottom: -2%;
		z-index: 2;
	}
	.bottom {
	bottom: -6.5%;
}

}