@charset "utf-8";

/* normalize.css */

html,
body {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 100%
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}
article{ position: relative;}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	border: 0
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input,
input:active,
input:hover {
	line-height: normal;
	-webkit-appearance: none;
	-webkit-appearance: none!important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none!important;
	margin: 0
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

@media screen and (max-width:320px) {
	html {
		font-size: 20px
	}
}

@media screen and (max-width:375px) and (min-width:321px) {
	html {
		font-size: 22px
	}
}

@media screen and (max-width:568px) and (min-width:376px) {
	html {
		font-size: 24px
	}
}

@media screen and (min-width:569px) and (max-width:768px) {
	html {
		font-size: 35px
	}
}

a {
	text-decoration: none;
	-webkit-touch-callout: none;
	outline: 0
}

body {
	overflow-x: hidden;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif
}

.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

input,
textarea,
select {
	border: 0;
	outline: 0
}


/* public.css */

.head_banner {
	position: relative;
	display: block;
	width: 100%;
	padding: 1% 0;
	background-color: #fff;
	text-align: center;
	font-size: 0
}

.head_banner img {
	position: relative;
	margin: auto;
	display: inline-block;
	width: 100%;
	height: 2rem;
	vertical-align: middle;
	border-radius: .2rem;
}

.head_menu {
	position: relative;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	width: 100%;
	height: 2.2rem;
	background-color: #703987
}

.head_menu div {
	display: block;
	list-style: none;
	-webkit-box-flex: 1;
	text-align: center;
	vertical-align: middle;
	line-height: 2.1rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .4)
}

.head_menu div a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: .75rem;
	width: 3.125rem;
	height: 1.375rem;
	border-radius: 1rem;
	background-color: #703987;
	-webkit-appearance: none;
	vertical-align: middle;
	margin: auto;
	line-height: 1.375rem
}

.head_menu div a.active {
	background-color: #d4c4db;
	border-radius: 1rem;
	color: #703987;
	border: 0 solid transparent
}

.head_menu div a:active {
	color: #a5a5a7;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 1rem
}

div.msg_count {
	position: absolute;
	right: -.2rem;
	top: 0
}

div.msg_count span {
	position: relative;
	display: inline-block;
	top: -1rem;
	height: .75rem;
	line-height: .8rem;
	padding: 0rem .21rem;
	background-color: #ff5b5b;
	font-size: .6rem;
	color: #fff;
	text-align: center;
	border-radius: .65rem;
	vertical-align: middle
}

@media screen and (max-width:320px) {
	.head_menu div {
		line-height: 2rem
	}
	span.msg_count {
		top: -0.35rem;
		left: -0.15rem
	}
}

.footer {
	position: relative;
	display: block;
	margin-top: 1.4rem;
	margin-bottom: 1.25rem
}

.foot_bottom {
	position: relative;
	vertical-align: middle;
	text-align: center;
	display: -webkit-box;
	display；box;
	-webkit-box-orient: horizontal;
	width: 64%;
	margin: auto;
	height: 1.3rem;
	line-height: 1.3rem
}

.foot_bottom a {
	display: block;
	font-size: .55rem;
	vertical-align: middle;
	color: #000;
	text-decoration: none;
	-webkit-box-flex: 1;
	text-align: center
}

.foot_bottom a:nth-child(2):after {
	content: "|";
	text-align: right;
	margin-left: .9rem
}

.foot_bottom a:nth-child(2):before,
.foot_bottom a:nth-child(4):before {
	content: "|";
	text-align: right;
	margin-right: .9rem
}

.add_zp {
	position: relative;
	display: block;
	width: 50%;
	margin: auto;
	height: 2.2rem;
	text-align: center;
	line-height: 1.7rem
}

.add_zp a {
	font-size: .55rem;
	color: #0097d3;
	text-decoration: none
}

.copy_right {
	position: relative;
	display: block;
	width: 50%;
	margin: auto;
	font-size: .45rem;
	color: #d5d5d5;
	text-align: center
}

.scroll_top {
	position: fixed;
	display: none;
	width: 2rem;
	height: 2rem;
	right: 4%;
	bottom: 5%;
	background-color: rgba(204, 204, 204, .6);
	border-radius: 5px;
	z-index: 99;

	background-position: center;
	background-size: cover
}

.tool_bar {
	position: relative;
	display: block;
	width: 100%;
	height: 2.2rem;
	background-color: #703987;
	z-index: 5;
	overflow: hidden
}

.onload_more {
	position: relative;
	display: block;
	width: 92%;
	height: 2rem;
	margin: auto;
	background-color: #ededed;
	line-height: 2rem;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	margin-top: .65rem;
	text-align: center
}

.onload_more span {
	font-size: .6rem;
	color: #999;
	vertical-align: top
}

.onload_more svg {
	position: relative;
	margin-left: -1.2rem;
	width: 1.2rem;
	height: 1.5rem;
	top: .3rem;
	opacity: 0
}

.search_result_bar span {
	position: absolute;
	width: 100%;
	line-height: 2.2rem;
	display: block;
	text-align: center;
	color: #fff;
	font-size: .9rem
}

.back_out {
	position: relative;
	display: block;
	float: left;
	padding-left: 1.1rem;
	font-size: .75rem;
	color: #fff;
	vertical-align: middle;
	line-height: 2.2rem;
	background: url("//images.zastatic.com/imwap/wap2015/images/icon/back_out_d90afcf.png") no-repeat;
	background-size: .475rem .875rem;
	background-position: .5rem 50%;
	z-index: 3
}

.back_out:visited {
	color: #fff
}

.header_tab a span.msg_num {
	position: absolute;
	display: inline-block;
	top: .5rem;
	height: .75rem;
	line-height: .7rem;
	padding: 0rem .21rem;
	background-color: #ff5b5b;
	font-size: .6rem;
	color: #fff;
	border-radius: .65rem;
	margin-left: .22rem;
	vertical-align: middle
}

.header_tab a span.msg_num.new_num {
	padding: 0;
	width: .45rem;
	height: .45rem;
	background-color: #ff5b5b;
	color: #fff;
	text-align: center;
	border-radius: 50%
}

span.ff5b5b {
	color: #ff5b5b
}

span.zs {
	color: #703987;
	padding-top: .35rem
}

span.green {
	color: #69bf5a
}

button {
	background-color: #fff;
	-webkit-appearance: none
}

.header_tab {
	position: relative;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	width: 100%;
	height: 2rem
}

.header_tab a {
	position: relative;
	display: block;
	box-flex: 1;
	-webkit-box-flex: 1;
	font-size: .68rem;
	text-align: center;
	vertical-align: middle;
	line-height: 2rem;
	color: #333
}

.header_tab a:active {
	color: #703987
}

.header_tab a.active {
	color: #703987
}

.header_tab a.active:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -2.3rem;
	width: 4.6rem;
	border-bottom: 2px solid #703987
}

.header_tab:after {
	position: absolute;
	top: .25rem;
	content: "";
	display: block;
	width: 0;
	left: 50%;
	height: 1.5rem;
	border: 1px solid #d8d8d8;
	-webkit-transform: scaleX(.3);
	box-sizing: border-box
}

.header_tab:before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #d8d8d8;
	box-sizing: border-box;
	transform: scaleY(.3);
	-webkit-transform: scaleY(.3)
}

div.no_data,
.no_show,
.newselect {
	display: none
}

div.no_data.show {
	display: block
}

img.msg_no_data {
	display: block;
	margin: 1.1rem auto;
	width: 3.05rem;
	height: 4.3rem
}

div.no_data span {
	display: block;
	width: 100%;
	font-size: .68rem;
	text-align: center;
	color: #000;
	font-weight: 500
}

div.no_data button {
	display: block;
	margin: 1rem auto;
	width: 90%;
	height: 2.25rem;
	background-color: #6f3987;
	border: 0;
	border-radius: 8px;
	font-size: .8rem;
	color: #fff
}

article {
	position: relative;
	min-height: 50%;
	height: auto
}

button.btn {
	display: block;
	margin: 1rem auto;
	width: 90%;
	height: 2.25rem;
	border: 0;
	border-radius: 8px;
	font-size: .8rem;
	color: #fff
}

input[type="submit"].btn {
	display: block;
	margin: 1rem auto;
	width: 90%;
	height: 2.25rem;
	border: 0;
	border-radius: 8px;
	font-size: .8rem;
	color: #fff
}

span.arrow_down {
	position: absolute;
	display: block;
	width: .45rem;
	height: .45rem;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-webkit-transform: rotate(135deg)
}

.img_box_title {
	position: relative;
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	width: 100%;
	margin: auto;
	padding-top: .6rem;
	padding-bottom: .25rem
}

.img_box_title div {
	display: block;
	-webkit-box-flex: 1;
	font-size: .6rem
}

.img_box_title div:nth-child(1) {
	color: #9c9a9d;
	text-align: left;
	margin-left: 4%
}

.img_box_title div:nth-child(2) {
	text-align: right;
	margin-right: 4%
}

.img_box_title div:nth-child(2) a {
	color: #0097d3
}

.img_box_title:before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #d8d8d8;
	box-sizing: border-box;
	transform: scaleY(.5);
	-webkit-transform: scaleY(.5)
}

@media only screen and (device-pixel-ratio :3) {
	.img_box_title:before {
		transform: scaleY(.3);
		-webkit-transform: scaleY(.3)
	}
}

.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: .2rem;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

.iScrollHorizontalScrollbar .iScrollIndicator {
	position: absolute;
	border-style: solid;
	width: 6rem;
	border-radius: 8px;
	border-color: #d5d5d5
}

.p_tit_light,
.p_tit {
	height: 1.6rem;
	border-bottom: 1px solid #dbdadf;
	border-top: 1px solid #dbdadf;
	background: #efeff4;
	padding-left: .5rem
}

.p_tit_light h1 {
	font-size: .7rem
}

.p_plaintext {
	padding: 1rem
}

.p_plaintext p {
	word-wrap: break-word;
	font-size: .7rem;
	line-height: 1rem
}

.p_nbox {
	padding: 1rem;
	border: 1px solid #c2d7eb;
	border-radius: 5px;
	box-shadow: 0 0 1px 1px #ccc;
	background: #f6fbff;
	margin: 1rem
}

.p_nbox a {
	color: #038dc6
}

.p_plaintext {
	padding: 1rem
}

.p_plaintext dl dt {
	font-weight: bold
}

.p_plaintext dl dt,
.p_plaintext dl dd {
	font-size: .7rem;
	line-height: 1rem
}

.p_plaintext dl dt a {
	text-decoration: none;
	color: #038dc6
}

.add_screen_title {
	position: relative;
	height: 2.25rem
}

.add_screen_title:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #d8d8d8;
	box-sizing: border-box;
	transform: scaleY(.3);
	-webkit-transform: scaleY(.3)
}

.add_screen_title p {
	font-size: .7rem;
	color: #999;
	line-height: 2.5rem;
	padding-left: .95rem
}

.add_screen_content {
	padding: .95rem;
	font-size: .7rem;
	color: #666;
	line-height: 1.2rem
}

.add_screen_content span {
	color: #703987
}

.add_screen_content p:nth-child(2) {
	line-height: .9rem;
	margin-top: 1.6rem
}

.add_screen_img {
	position: relative;
	padding: .95rem
}

.add_screen_img img {
	position: relative;
	display: block;
	max-width: 100%
}

.add_screen_img img:nth-child(2) {
	margin: .85rem auto
}

.ggyBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999
}

.tmBox {
	background: #000;
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	z-index: 0
}

.allclick {
	position: absolute;
	top: 0;
	left: 20px;
	width: 100%;
	height: 64px;
	display: block;
	z-index: 20
}

.too_L {
	width: 79%;
	float: left;
	position: relative;
	z-index: 9
}

.too_R {
	width: 21%;
	float: left;
	position: relative;
	z-index: 9
}

.mian_img {
	width: 100%;
	max-width: 40px;
	margin-top: 5px;
	float: left;
	margin-right: 15px
}

.mian_img_03 {
	width: 100%;
	max-width: 145px;
	color: #FFF;
	font-size: 12px;
	display: block;
	float: left;
	line-height: 20px;
	margin-top: 5px;
	font-weight: bold
}

.hhhj {
	font-size: 10px;
	font-weight: normal;
	color: #fff
}

.close_X {
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	color: #F6F;
	text-decoration: none
}

.blue_btn {
	width: 86px;
	height: 38px;
	display: block;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	margin-top: 12px
}

.mian_img_02 {
	width: 100%;
	max-width: 60px;
	float: left
}

.f5f2f7 {
	background-color: #f5f2f7
}

.p_tit_light,
.p_tit {
	height: 1.6rem;
	border-bottom: 1px solid #dbdadf;
	border-top: 1px solid #dbdadf;
	background: #efeff4;
	line-height: 34px
}

.p_tit_light .tit_nav li {
	display: block;
	-webkit-box-flex: 1;
	line-height: 32px;
	text-align: center;
	font-size: .7rem
}

.p_plaintext {
	padding: 1rem
}

.new_num2 {
	position: absolute;
	display: block;
	right: -.18rem;
	top: -0.18rem;
	width: .45rem;
	height: .45rem;
	background-color: #ff5b5b;
	color: #fff;
	text-align: center;
	border-radius: 50%
}

.service_tel {
	display: block;
	width: 100%;
	text-align: center
}

.service_tel span {
	font-size: .55rem;
	color: #000
}


/*头部banner切换*/

.head_banner .swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 40px;
	z-index: 1
}

.head_banner .swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.head_banner .swiper-wrapper li {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}


/* animation.css */

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes slideInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100%);
		opacity: 1
	}
	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-100%)
	}
	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		transform: translateY(-100%)
	}
	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%)
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes slideInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(100%)
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1
	}
}

@-o-keyframes slideInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(100%)
	}
	100% {
		-o-transform: translateY(0);
		opacity: 1
	}
}

@keyframes slideInUp {
	0% {
		opacity: 0;
		transform: translateY(100%)
	}
	100% {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes slideInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideInUp2 {
	0% {
		opacity: 0;
		-moz-transform: translateY(10%)
	}
	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideInUp2 {
	0% {
		opacity: 0;
		-o-transform: translateY(10%)
	}
	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideInUp2 {
	0% {
		opacity: 0;
		transform: translateY(10%)
	}
	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes slideInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0%, 0%) translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate(0%, 250%) translate3d(0px, 0px, 0px)
	}
}

@-moz-keyframes slideInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0%, 0%) translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate(0%, 250%) translate3d(0px, 0px, 0px)
	}
}

@-o-keyframes slideInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0%, 0%) translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate(0%, 250%) translate3d(0px, 0px, 0px)
	}
}

@keyframes slideInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(0%, 0%) translate3d(0px, 0px, 0px)
	}
	100% {
		-webkit-transform: translate(0%, 250%) translate3d(0px, 0px, 0px)
	}
}

@-webkit-keyframes slideLeft {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		width: 90%;
		opacity: 1
	}
}

@-moz-keyframes slideLeft {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		width: 90%;
		opacity: 1
	}
}

@-o-keyframes slideLeft {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		width: 90%;
		opacity: 1
	}
}

@keyframes slideLeft {
	0% {
		opacity: 0;
		width: 0
	}
	100% {
		width: 90%;
		opacity: 1
	}
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideInLeft {
	0% {
		-moz-transform: translateX(-100%)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes slideInLeft {
	0% {
		-o-transform: translateX(-100%)
	}
	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideInRight {
	0% {
		transform: translateX(100%)
	}
	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideInRight {
	0% {
		-moz-transform: translateX(100%)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@-o-keyframes slideInRight {
	0% {
		-o-transform: translateX(100%)
	}
	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideInRight {
	0% {
		transform: translateX(100%)
	}
	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1
	}
}

@keyframes imgUp {
	0% {
		-webkit-transform: translate3d(-50%, 300%, 0) scale3d(1.5, 1.5, 1.5);
		opacity: 0
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
		opacity: 1
	}
}

@-webkit-keyframes imgUp {
	0% {
		-webkit-transform: translate3d(-50%, 300%, 0) scale3d(1.5, 1.5, 1.5);
		opacity: 0
	}
	100% {
		-webkit-transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
		opacity: 1
	}
}

@-webkit-keyframes guideNext {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	35% {
		-webkit-transform: translate3d(-12px, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(20px, 0, 0)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	80% {
		-webkit-transform: translate3d(12px, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes guidePrev {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	35% {
		-webkit-transform: translate3d(12px, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-20px, 0, 0)
	}
	65% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	80% {
		-webkit-transform: translate3d(-12px, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0, 0);
		transform: scale3d(1, 1, 1) translate3d(0px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-30%, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-30%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-30%, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-30%, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-30%, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
		opacity: 1
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
		opacity: 1
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
		opacity: 1
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes blink {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes slideUpDown {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 60px, 0)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 60px, 0)
	}
}

@-webkit-keyframes slideUpDown {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 60px, 0)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 60px, 0)
	}
}

@keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1)
	}
}

@-webkit-keyframes scaleIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1)
	}
}

@keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0)
	}
}

@-webkit-keyframes scaleOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0)
	}
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes heightUp {
	0% {
		height: 0
	}
	100% {
		height: auto
	}
}

@keyframes heightUp {
	0% {
		height: 0
	}
	100% {
		height: auto
	}
}

@-webkit-keyframes moveup {
	0% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(-20px);
		opacity: .3
	}
}

@-webkit-keyframes bounceIn {
	0% {
		-webkit-transform: scale(0)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		-webkit-transform: scale(0)
	}
	100% {
		-webkit-transform: scale(1)
	}
}


}

/* popup.css */
@charset "utf-8";
@-webkit-keyframes bounceIn2 {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}
	
	25% {
		-webkit-transform: scale3d(.45, .45, .45);
		transform: scale3d(.45, .45, .45)
	}
	
	50% {
		-webkit-transform: scale3d(.85, .85, .85);
		transform: scale3d(.85, .85, .85)
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
@keyframes bounceIn2 {
	0% {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0)
	}
	
	25% {
		-webkit-transform: scale3d(.45, .45, .45);
		transform: scale3d(.45, .45, .45)
	}
	
	50% {
		-webkit-transform: scale3d(.85, .85, .85);
		transform: scale3d(.85, .85, .85)
	}
	
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale3d(1, 1, 1) translateY(-50%)
	}
	
	25% {
		-webkit-transform: scale3d(.95.95, .95, .95) translateY(-50%)
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(-50%)
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3) translateY(-50%)
	}
}
@keyframes {
	0% {
		-webkit-transform: scale3d(1, 1, 1) translateY(-50%)
	}
	
	25% {
		-webkit-transform: scale3d(.95.95, .95, .95) translateY(-50%)
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1) translateY(-50%)
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3) translateY(-50%)
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform: translate3d(0, -40px, 0)
	}
	
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes fadeUpOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	
	100% {
		-webkit-transform: translate3d(0, -40px, 0)
	}
}
@-webkit-keyframes fadeBottomIn {
	0% {
		-webkit-transform: translate3d(0, 40px, 0)
	}
	
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes fadeBottomOut {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	
	100% {
		-webkit-transform: translate3d(0, 40px, 0)
	}
}
@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
		opacity: 0
	}
	
	100% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 1
	}
}
@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
		opacity: 1
	}
	
	100% {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 1
	}
}
.over_load {
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	background-color: #000;
	opacity: .7;
	position: fixed;
	z-index: 9
}
.center {
	position: fixed;
	width: 80%;
	height: auto;
	margin: auto;
	left: 10%;
	top: 50%;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	border-radius: 10px;
	background-color: #fff;
	z-index: 999999
}
.center.popup_in {
	animation: slideInUp ease-out .3s .1s both;
	-webkit-animation: slideInUp ease-out .3s .1s both
}
.center.popup_out {
	-webkit-animation: bounceOut ease .3s 0s both
}
.popup_top {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 0 10px 0;
	text-align: center;
	background: #fff;
	z-index: 99991;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6)
}
.popup_top.popup_in {
	-webkit-animation: fadeInDown .7s .2s ease both
}
.popup_top.popup_out {
	-webkit-animation: fadeUpOut .7s .2s ease both
}
.popup_bottom {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	z-index: 99991
}
.popup_bottom div {
	line-height: 40px;
	border-bottom: 1px solid #ccc
}
.popup_bottom.popup_in {
	-webkit-animation: fadeBottomIn .7s 0s ease both
}
.popup_bottom.popup_out {
	-webkit-animation: fadeBottomOut .7s 0s ease both
}
.popup_image {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	z-index: 9999999999;
	position: absolute
}
.popup_image img {
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	-webkit-animation: bounceIn .3s ease both
}
.can {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 999;
	animation: bounceIn2 ease .3s 0s forwards;
	-webkit-animation: bounceIn2 ease .3s 0s both
}
.popup_load {
	position: fixed;
	z-index: 0;
	width: 3rem;
	height: 3rem;
	margin: auto;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, .7);
	animation: bounceIn ease .3s 0s forwards;
	-webkit-animation: bounceIn ease .3s 0s both;
	z-index: 999999;
	font-size: .7rem;
	color: #fff;
	line-height: 3rem;
	text-align: center
}
.popup_load.out {
	animation: bounceOut ease .3s 0s forwards;
	-webkit-animation: bounceOut ease .3s 0s both
}
.popup-title {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	padding: .5rem .5rem 0 .5rem;
	vertical-align: top;
	font-size: .8rem
}
.popup-content {
	padding: .75rem .95rem;
	line-height: 1.2em;
	font-size: .6em;
	text-align: center
}
.popup-content img {
	position: relative;
	margin: auto;
	display: block;
	width: 3.5rem;
	height: 4.3rem
}
.popup-content p {
	text-align: center;
	line-height: 1rem
}
#popup_btn_container {
	text-align: center;
	display: -webkit-box;
	display: box;
	width: 100%;
	height: auto
}
#popup_btn_container>a {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding: .75rem;
	display: block;
	font-size: .8rem;
	color: #6f3987;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-left: none;
	border-bottom: 0
}
#popup_btn_container>a:last-child {
	border-right: 0 none
}
.popup_toast {
	max-width: 80%;
	margin: auto;
	padding: 5px;
	font-size: 14px;
	position: absolute;
	color: #fff;
	-webkit-animation: bounceIn .3s ease both;
	z-index: 9999999
}
.popup_toast.common {
	background: #f55d5e
}
.popup_toast_out {
	width: auto;
	margin: auto;
	padding: 10px;
	font-size: 14px;
	position: absolute;
	color: #fff;
	left: 30%;
	-webkit-animation: bounceOut .3s ease both;
	bottom: 50%;
	background-color: #46ca5e;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	z-index: 9999999
}
.popup_toast.success {
	background-color: #46ca5e
}
.popup_actionsheet {
	width: 100%;
	height: 400px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	overflow: auto
}
.popup_load svg {
	height: 60px;
	width: 60px;
	overflow: visible
}
.g-circles {
	-webkit-transform: scale(0.9) translate(7px, 7px);
	-ms-transform: scale(0.9) translate(7px, 7px);
	transform: scale(0.9) translate(7px, 7px)
}
circle {
	fill: #ccc;
	fill-opacity: 0;
	-webkit-animation: opacity 1.2s linear infinite;
	animation: opacity 1.2s linear infinite
}
circle:nth-child(12n+1) {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s
}
circle:nth-child(12n+2) {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s
}
circle:nth-child(12n+3) {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s
}
circle:nth-child(12n+4) {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s
}
circle:nth-child(12n+5) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s
}
circle:nth-child(12n+6) {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s
}
circle:nth-child(12n+7) {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s
}
circle:nth-child(12n+8) {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s
}
circle:nth-child(12n+9) {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}
circle:nth-child(12n+10) {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
circle:nth-child(12n+11) {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
circle:nth-child(12n+12) {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s
}
@-webkit-keyframes opacity {
	3% {
		fill-opacity: 1
	}
	
	75% {
		fill-opacity: 0
	}
}
@keyframes opacity {
	3% {
		fill-opacity: 1
	}
	
	75% {
		fill-opacity: 0
	}
}
@-webkit-keyframes opacity-stroke {
	10% {
		stroke-opacity: 1
	}
	
	85% {
		stroke-opacity: 0
	}
}
@keyframes opacity-stroke {
	10% {
		stroke-opacity: 1
	}
	
	85% {
		stroke-opacity: 0
	}
}
@-webkit-keyframes colors {
	0% {
		fill: yellowgreen
	}
	
	10% {
		fill: gold
	}
	
	75% {
		fill: crimson
	}
}
@keyframes colors {
	0% {
		fill: yellowgreen
	}
	
	10% {
		fill: gold
	}
	
	75% {
		fill: crimson
	}
}
@-webkit-keyframes colors-stroke {
	0% {
		stroke: yellowgreen
	}
	
	10% {
		stroke: gold
	}
	
	75% {
		stroke: crimson
	}
}
@keyframes colors-stroke {
	0% {
		stroke: yellowgreen
	}
	
	10% {
		stroke: gold
	}
	
	75% {
		stroke: crimson
	}
}
@-webkit-keyframes transform {
	10% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75)
	}
}
@keyframes transform {
	10% {
		-webkit-transform: scale(0.75);
		transform: scale(0.75)
	}
}
.image_slider * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.image_slider {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	margin: auto;
	z-index: 999
}
.slider_content {
	position: relative;
	display: block;
	width: auto;
	height: 100%;
	-webkit-transition: ease-out .5s 0s both
}
.item {
	position: relative;
	display: block;
	float: left;
	height: 100%;
	overflow: hidden;
	vertical-align: middle;
	background-image: url('//images.zastatic.com/imwap/wap2015/images/icon/loading_b03c9b5.gif');
	background-size: 30px 30px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat
}
.item img {
	position: relative;
	top: 50%;
	left: 50%;
	max-width: 100%;
	display: inline-block;
	-webkit-transition: all .3s ease-out;
	-webkit-transform: scale(1) translate3d(-50%, -50%, 0)
}
.dot {
	position: fixed;
	top: 0;
	width: 100%;
	height: 2.4rem;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	color: #fff;
	line-height: 2.4rem;
	z-index: 9991;
	overflow: hidden
}
.dot span.dot_count {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center
}
.dot span.deleteSpan {
	position: relative;
	display: inline-block;
	float: right;
	right: .5rem;
	top: .7rem;
	width: .8rem;
	height: 1.1rem;
	background: url('//images.zastatic.com/imwap/wap2015/images/icon/del_img_b2e0ae9.png') no-repeat;
	background-size: cover
}
.dot a {
	position: relative;
	display: inline-block;
	float: left;
	width: 3.6rem;
	font-size: .8rem;
	line-height: 2.4rem;
	z-index: 3
}
.dot a:after {
	content: "";
	clear: both
}
.dit ul {
	display: block
}
.warning-icon {
	position: relative;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	background-image: url('../images/warn.png')
}
.toast {
	position: fixed;
	display: inline-block;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	padding: 1rem .75rem;
	background-color: rgba(0, 0, 0, .6);
	font-size: .8rem;
	border-radius: 10px;
	color: #fff;
	z-index: 1200
}

/*垂直居中*/
.eleCc {
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center
}

/*通用的遮罩类弹框*/
.m-popBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
.m-popBox .popShade {
	background-color: rgba(0, 0, 0, .7);
}
.m-popBox .popMain {
	display: table;
}
.m-popBox .popContent {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.m-popBox .popShade,
.m-popBox .popMain {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*通用复选框浮层*/
.checkBoxUI {
	display: none;
}
.dw-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 99998;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s;
}
.dw-checkbox {
	position: fixed;
	left: 0;
	bottom: -500px;
	width: 100%;
	min-width: 170px;
	background-color: #f5f5f5;
	z-index: 99999;
	zoom: 1;
	overflow: hidden;
	font-family: arial, verdana, sans-serif;
	-webkit-transition: .3s;
	transition: .3s;
}
.dw-checkbox-con {
	padding: 0 .75rem;
	font-size: 18px;
}
.dw-checkbox-con li {
	position: relative;
	height: 1.8rem;
	line-height: 1.8rem;
	border-bottom: 1px solid #b6b8bd;
	padding: 0 .85rem;
	color: #8d8f92;
	list-style: none;
}
.dw-checkbox-con li:last-child {
	border-bottom: none;
}
.dw-checkbox-con li i {
	position: absolute;
	right: .85rem;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/checkbox_2ff148c.png) no-repeat 0 0;
	background-size: 20px 42px;
}
.dw-checkbox-con li input {
	position: absolute;
	left: -9999px;
	height: 0;
	line-height: 0;
}
.dw-checkbox-con li.on {
	color: #333;
}
.dw-checkbox-con li.on i {
	background-position: 0 -22px;
}
.dw-btnbox {
	display: table;
	width: 100%;
	border-top: 1px solid #d9d5d9;
	text-align: center;
}
.dw-btnbox .dwbtn {
	display: table-cell;
	width: 50%;
	height: 3.6em;
	line-height: 3.6em;
	font-size: 14px;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dw-btnbox .dwbtn:first-child {
	border-right: 1px solid #d9d5d9;
}
.dw-btnbox .dwbtn-a {
	background-color: #703987;
	color: #fff;
}
.dw-mask.dw-transition {
	opacity: 1;
}
.dw-checkbox.dw-transition {
	bottom: 0;
}

/*自定义打招呼*/
.setHiPopup {
	position: fixed;
	left: 10%;
	top: 60%;
	width: 80%;
	height: auto;
	background-color: #fff;
	border-radius: .3rem;
	opacity: 0;
	font-size: .7rem;
	text-align: center;
	color: #333;
	z-index: 999;
	-webkit-transition: .5s;
	transition: .5s;
}
.setHiPopup-in {
	padding: 1rem .8rem 1.25rem .8rem;
}
.setHiPopup .p_icon {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/right_79b1c52.png) no-repeat;
	background-size: 45px 45px;
	vertical-align: top;
}
.setHiPopup .p_txt1 {
	line-height: 2rem;
	color: #2ace96;
	font-size: .8rem
}
.setHiPopup .p_btnP {
	display: block;
	height: 2.2rem;
	line-height: 2.2rem;
	background-color: #703987;
	border-radius: .3rem;
	margin-top: 1rem;
	font-size: .8rem;
	text-align: center;
	color: #fff;
}
.setHiPopup .close_popup {
	position: absolute;
	right: -.5rem;
	top: -.5rem;
	width: 1.05rem;
	height: 1.05rem;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/cha2_7000228.png) no-repeat;
	background-size: 1.05rem 1.05rem;
}
.popCover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 998;
}
.moveup {
	top: 30%;
	opacity: 1
}

/*wap向app导量弹窗样式 自定义关闭按钮样式*/
.dlmask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .8);
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;
	z-index: 999
}
.diy .close {
	position: absolute;
	right: -0.4rem;
	top: -0.7rem;
	z-index: 999;
	width: 1.35rem;
	height: 1.35rem;
	border-radius: 100%;
	border: 1px solid #e5e5e5;
	background-color: #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.diy .close span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%
}
.diy .close span:before,
.diy .close span:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.diy .close span:before {
	height: 2px;
	width: .88rem;
	border-radius: 1px； top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.diy .close span:after {
	width: 2px;
	height: .88rem
}
.dlmask .content {
	position: relative;
	width: 78%;
	/*left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);*/
	
	background-color: #fff;
	border-radius: 10px;
	padding: .5rem 0;
}
.dlmask .content .tit img {
	display: block;
	width: 100%;
}
.dlmask .content .btn {
	background-color: #f96268;
}

/*wap向app导量新bar样式 start*/
.new_ggyBox {
	width: 100%;
	height: 64px;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	z-index: 9999;
}
.new_ggyBox .box_left {
	float: left;
	width: 5%;
	height: 100%;
}
.new_ggyBox .box_right {
	float: left;
	width: 95%;
	height: 100%;
}
.new_ggyBox .new_close_btn {
	width: 5%;
	height: 35%;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/new_btn_close_345795d.png) no-repeat center left;
	background-size: 70%;
	position: absolute;
	top: -17%;
	z-index: 99;
}
.new_ggyBox .logo_bg {
	width: 15%;
	height: 100%;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/new_bottom_logo_b7d93c2.png) no-repeat center left;
	background-size: 80%;
	float: left;
}
.new_ggyBox .new_text {
	width: 60%;
	float: left;
	color: white;
}
.new_ggyBox .new_text .first_text {
	font-size: 17px;
	font-weight: 600;
	margin-top: 8px;
	font-family: "PingFang";
}
.new_ggyBox .new_text .second_text {
	font-size: 14px;
	margin-top: 5px;
	font-family: "PingFang";
}
.new_ggyBox .new_btn {
	width: 21%;
	height: 100%;
	background: url(//images.zastatic.com/imwap/wap2015/images/icon/new_btn_go_730454e.png) no-repeat center center;
	background-size: 100%;
	float: left;
	margin-left: 5px;
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	.new_ggyBox .new_text .first_text {
		font-size: 14px;
		margin-top: 12px;
	}
	
	.new_ggyBox .new_text .second_text {
		font-size: 12px;
	}
	
	.new_ggyBox .new_text {
		width: 60%;
	}
}

/*wap向app导量新bar样式 end*/

/*修复oppo下banner被屏蔽*/
.banner-box {
	position: relative;
	display: block;
	width: 100%;
	padding: 1% 0;
	background-color: #fff;
	text-align: center;
	font-size: 0
}
.banner-box img {
	position: relative;
	margin: auto;
	display: inline-block;
	width: 98%;
	height: 2rem;
	vertical-align: middle;
	border-radius: .2rem;
}