html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input,
a,
figure,
figcaption {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
@charset "utf-8";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{min-width: 320px;}*,:after,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family: "Helvitica Neue",Helvitica,Arial,"Hiragino Sans GB","Microsoft YaHei","Arial Regular","Microsoft JhengHei",sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ins,a,a:link,a:visited{text-decoration:none};
fieldset,
img {
	border: none;
}
img {
	display: block;
	width: 100%;
	font-size: 0px;
}
address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}
ul,
ol,
li {
	list-style: none;
}
input::-moz-focus-inner {
	border: none;
	padding: 0px;
}
select,
input {
	vertical-align: middle;
	display: block;
}
select,
input,
textarea {
	font-size: 13px;
	margin: 0px;
}
input[type="text"],
input[type="password"],
textarea {
	outline-style: none;
	-webkit-appearance: none;
	outline: none;
}
button {
	outline: none;
}
textarea {
	resize: none;
	overflow: hidden;
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
table {
	border-collapse: collapse;
}
.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}
header,
div,
nav,
li,
input,
section,
figure,
table,
select,
figcaption,
footer,
td,
p,
a,
img {
	box-sizing: border-box;
}
.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}
a {
	text-decoration: none;
}
a:hover{
text-underline: none;
	
}
body,
html {
	text-transform: uppercase;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	max-width: 640px;
	position: relative;
}
.cont {
	width: 100%;
	max-width: 640px;
	float: left;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding-left: 1%;
	margin-top:1em; 
}
.gallery-con{
	width: 100%;
	float: left;
}

.cont .t{
	width:100%;
	padding-right: 1%;
	float: left;
}
.cont .t i{
		border-radius: 50%;
		-webkit-border-radius: 50%;
		width: 12%;
		box-sizing: border-box;
		padding: 3%;
		float: left;
	background: #ffba00;
}
.cont .t div{
	width: 100%;
	float: right;

}
.cont .t p{
	width: 75%;
	font-size: 0.333333rem;
	float: left;
}
.cont .t p span{
	font-size: 0.444444rem;
	color: #323232;
	display: block;
	font-weight: bold;
	
}
.cont .t .cz-pic-swt{
	width: 25%;
	float: right;
	display: block;
	margin-top: 0.333333rem;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	line-height: 1;
	padding: 0.151111rem 0 0.151111rem 0;
	text-align: center;
	color: #ff5a00;
	font-size: 0.303333rem;
}
.cont .b .swiper-slide{
	width: 40%;
	position: relative;
}
.cont .b{
	width: 100%;
	overflow: hidden;
	margin-top: 0.277777rem;
	margin-bottom:0.555555rem ;
}
.cont5 .b{
	margin-bottom: 0.925925rem;
}
.cont .swiper-lazy-preloader
,.slide-big .swiper-lazy-preloader{
	margin-top: 30%;
	width: 0.925925rem;
	height: 0.925925rem;
}
.cont .swiper-lazy-preloader{
	margin-top: 20%;
}
.slide-big-box{
	display: none;
}
.slide-big-show{
	display: block;
	max-width: 640px;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 2018326;
}
.slide-big-show .show-mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
}
.slide-big-show .slide-big{
	width: 90%;
	overflow: hidden;
	padding-bottom: 0.555555rem;
	 position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.slide-big-show .slide-big .swiper-slide{
	position: relative;
}
.slide-big .swiper-pagination-fraction{
	font-size: 0.37037rem;
	width: 20%;
	left: 40%;
	color: #fff;
	bottom: 0;
}
@-webkit-keyframes fadeInLeft {
	0% {
		transform: scale(1.2)
	}
	25%{
		transform: scale3d(1, 1, 1)
	}
	35% {
		transform: scale3d(1, 1, 1)
	}
	90%{
		transform: scale(1.2)
	}
	to {
		transform: scale(1.2)
	}
}

@keyframes scale {
	0% {
		transform: scale(1.2)
	}
	25%{
		transform: scale3d(1, 1, 1)
	}
	35% {
		transform: scale3d(1, 1, 1)
	}
	90%{
		transform: scale(1.2)
	}
	to {
		transform: scale(1.2)
	}
}
/*头部*/
.hdtb{background: #eeeeee;width: 100%;text-align: center;margin:5px 0;height: 24px; }
.hdtb a{color: #1e1e1e;font-size: 0.32rem;}
.cdh{position: fixed;z-index: 100;background: #fff;width: 60%;left: 100%;padding-left: 1em;font-weight: normal;top: 0;color: #000;height:100%;}
.cdh li{height:2em;line-height:2em;padding-left: 1.9em;}
.cdh li a{color: #1e1e1e;}
#BM{margin-bottom:1.5rem }
#BM input,#zy{color: #494949;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 2% 3%;
    font-size: 0.37rem;}
#BM ul li{margin-top:0.5em}
#submit{background: #ff692a}
.user-info { background: #f3f3f3; width: 100%; float: left }
.user-info li { width: 50%; text-align: center; float: left; display: inline; box-sizing: border-box }

.user-info li .p1{background-image: url(http://m.ynxdfpr.com/images/indexiocn/xfzx.png);}
.user-info li .p2{background-image: url(http://m.ynxdfpr.com/images/indexiocn/xfzx2.png);}
.user-info li p {position: relative;font-size:.4rem; color: white;line-height:4em;height:4em; background-repeat: no-repeat;background-size: 2em;background-position: 15% center;}
#randomnumber{position: absolute;top: 10px;left: 66%;background: white;color: #ff6a2a;width: 1.5em;height: 1.5em;line-height: 1.5em;border-radius: 50%;}
.com-client {  width: 100%; left: 0; bottom: 0; z-index: 800; }