li,div,p,h1{
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0;
}
img{
	border: 0;
}
i,em{
	font-style: normal;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

body{
	padding: 32px 28px 0 28px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	min-width: 300px;
	color: #373737;
	font-size: 12px;
	font-family: "微软雅黑";
}
/*导航*/
.logo{
	position: absolute;
	display: inline-block;
	top: 17px;
	left: 14px;
	height: 100px;
	width: auto;
	z-index: 999;
	padding-left: 9%;
}
.logo-btn,.logo-btn-menu{
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	cursor: pointer;
	float: left;
}
.logo-btn,.logo-btn-menu a{width:100px;height:100px;display:block;}
div.logo-btn-menu{
	background:  url(../images/logo-new.png) no-repeat center center;
	margin-top: -2px;
}
.logo-btn{
	background: url(../images/logo-btn-menu.png) no-repeat center center;
}
.logo-menu{
	/*display: inline-block!important;*/
	display: inline-block;
	width: auto;
	position: relative;
	margin-left: 30px;
}
.logo-menu li{
	float: left;
	margin: 0 20px;
}
.logo-menu li a{
	font-weight: bolder;
	color: #000;
	font-size: 14px;
	line-height: 100px;
	text-shadow: 2px 1px 8px #666666;
}
.logo-on-li{
	color: #21b8ce !important;
	}
div.logo-on-li{
	font-size: 14px;
	float:left;
	line-height:100px;
	margin-left: 15px;
	letter-spacing: 3px;
}
div.logo-on-li:before{
	content: "【";
}
div.logo-on-li:after{
	content: "】";
}

.logo-menu li a:hover{
	color: #21b8ce;
}
/*悬浮0-30天显示尚门拍*/
.logo .a-title{
	position: relative;
}
.logo .sub-title{

	position: absolute;
	top: -30px;
	background-color: #fff;
	display: block;
    font-size: 12px;
    width: 50px;
    text-align: center;
    line-height: 24px;
    border-radius: 5px;
    box-shadow: 0px 4px 5px #999;
    opacity: 0;
    transition: all 0.4s ease-in;
}
.logo .a-title:hover i.sub-title{
	opacity: 1;
	color: #373737
}
/*悬浮0-30天显示尚门拍 end*/


#l-off{
	line-height: 100px;
	float: left;
	display: none;
	font-size: 14px;
	color: #21b8ce;
	margin-left: 130px;
	font-weight: bolder;
}
/**/
.wap-menu{
	display: none;
}


/*右上角api按钮*/
.alert-fixed{
	position: fixed;
	display: inline-block;
	cursor: pointer;
	width: 92px;
	height: 70px;
	right: 95px;
	top: 53px;
	background: url(../images/alert-fixed.png) no-repeat;
	z-index: 999;
}

/*脚*/
.foot-part{
	width: 100%;
	height: 180px;
	min-width: 300px;
	background: url(../images/foot-part.png) no-repeat center center;
	padding: 0px 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.foot-center{
	width: 166px;
	height: 39px;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin: 51px 0 0 -83px;
	background: url(../images/foot-center.png) no-repeat center center;
}
/*左*/
.foot-left,.foot-right,.phonenumber{
	margin-top: 35px;
}
.foot-left{
	float: left;
	position: relative;
	width: 300px;
	height: auto;
}
.foot-left a{
	display: inline-block;
	float: left;
	margin: 0 25px 0 0;
	color: #fff;
	font-weight: bold;
}
.foot-left a:hover{
	color: #21b8ce !important;
}
.foot-left p{
	white-space:nowrap;
	color: #9a9a9a;
	font-weight: bold;
	line-height: 20px;
}
/*右*/
.foot-right{
	float: right;
	height: 72px;
	width: 246px;
	position: relative;
}
.foot-right ul{
	float: right;
	position: absolute;
	bottom: 3px;
	right: 0;
}
.foot-right ul li{
	float: left;
	display: inline-block;
}
.foot-icons{
	display: inline-block;
	width: 18px;
	height: 15px;
	float: left;
	margin-left: 6px;
}
.icons1{
	background: url(../images/foot-icons.png) no-repeat 0px center;
}
.icons2{
	background: url(../images/foot-icons.png) no-repeat -26px center;
}
.icons3{
	background: url(../images/foot-icons.png) no-repeat -52px center;
}
.phonenumber{
	float: right;
	font-size: 36px;
	color: #fff;
	line-height: 50px;
	margin-right: 26px;
}




/*common btn*/
div.left-btn,
div.right-btn,
div.left-btn.left,
div.right-btn.right{
	position: absolute;
	top: 50%;
	margin-top: -37px;
	z-index: 999;
	width: 47px;
	height: 74px;
	background-image: none;
	background: url("../images/icon.png") no-repeat;
	background-color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
	cursor: pointer;
}
div.left-btn,
div.left-btn.left{
	background-position: 16px 29px;
	left:0;
	border-top-right-radius: 5px ;
	border-bottom-right-radius: 5px;
}
div.right-btn,
div.right-btn.right{
	background-position: -32px 29px;
	right: 0;
	border-top-left-radius: 5px ;
	border-bottom-left-radius: 5px;
}
div.left-btn:hover,
div.right-btn:hover{
	background-color: rgba(33,184,206,0.7)
}
.heartAnimation {
	display:inline-block;
	-webkit-animation-name:heartBlast;
	animation-name:heartBlast;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:steps(28);
	animation-timing-function:steps(28);
	background-position:right;
}
.feed p{font-family:"Microsoft YaHei",'Georgia', Times, Times New Roman, serif; font-size:25px;}
.feed{clear:both; margin-bottom::20px; height:150px; position:relative;}
.likeCount{margin-left:68px;font-size:18px;color:#000;padding-top:5px}
.imagesView .images{float:left;margin-right:10px;position: relative;}
.imagesView .images .delete{position: absolute;top: -10px;right: -8px;font-size: 14px;height: 20px;width: 20px;background: url('../images/btn_delete.png');}
.record-list .ul-list li p img{margin-right:10px;padding:1px;border:1px solid #ebebeb;}

#alert2{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	background: rgba(0, 0, 0, 0.3);
	left: -28px;
	padding-right: 28px;
}

#alert2 .img{
	width: 500px;
	height: auto;
	left: 50%;
	top: 50%;
	position: relative;
	margin-top: -250px;
	margin-left: -250px;
	display: block;
}
#alert2 .alert-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 27px;
	height: 27px;
	background: url(../images/XX.png) no-repeat center center;
	display: block;
	z-index: 999;
}
#alert2 .prev, #alert2 .next {
position: absolute;
width: 40px;
height: 74px;
background: url(../images/focus_btn.png) no-repeat;
}
#alert2 .prev {
top: 50%;
margin-top: -37px;
left: 20px;
background-position: 0 -74px;
cursor: pointer;
}
#alert2  .next {
top: 50%;
margin-top: -37px;
right: 20px;
background-position: -40px -74px;
cursor: pointer;
}

.cur-love{float:left}
.record-imgwrap .record-item .imgwrap .record-comment a{
	color: #fff;
	font-weight: bold;
	margin-left: 20px;
	padding: 5px 0;
	cursor: pointer;
	float:left;
}
.record-imgwrap .record-item .imgwrap .record-comment a:hover{
	text-decoration: none;
	color: #21b8ce;
}
/**
.btn-love{
	font-size: 14px;
	padding-left: 30px;
	background:url("../images/love-icon.png") no-repeat 0 4px;
}
.cur-love{
	background-position: 0 -42px;
	color: #373737;
}
.btn-love:hover{
	background-position: 0 -42px;
}
**/


/**********************   baner 文字common  *********************/
.ban-common{
	position: relative;
}
.ban-common h2{
	position: absolute;
    /*left: 50%;*/
    /*top: 43%;*/
    margin: 0;
    background: url(../images/borbg2.png) no-repeat right center ;
	font-size: 50px;
	line-height: 1.4;
	color: #fff;
	font-family: "microsoft yahei";
	z-index: 2;
	font-weight: normal;
}
.container-fluid{
	padding: 0;
	margin: 0;
}

@media  (max-width: 1400px){
	body{
		padding: 20px 20px 0 20px;
	}
	.alert-fixed{
		background-size: 80% 80%;
	}
	.ban-common{
		height: 650px;
	}
	.ban-common h2{
		font-size: 28px;
	}
}
@media (max-width: 1024px){
	.phonenumber{font-size:26px;}
	.logo-menu{
		margin-left: 80px;
	}
	.logo-menu li{
		margin: 0 15px;
	}
	.alert-fixed{
		background-size: 70% 70%;
		right: 60px;
	}
	.logo-menu li a{
		font-size: 12px;
	}
}
@media (max-width: 768px){
	.ban-common h2{
		font-size: 24px;
	}
	.logo-menu{
		margin-left: 50px;
	}
	.logo-menu li{
		margin: 0 10px;
	}

}
/*手机*/
@media (max-width:640px){
	body{
		padding: 1% 0 0 0;
	}

	.logo{
		position: fixed;
		display: inline-block;
		top: 0%;
		left: 0;
		height: 100px;
		width: auto;
		margin: 0;
		background: #373737;
		width: 100%;
		overflow:hidden;
		padding: 0;
	}
	.logo-menu{
		display: none !important;
	}
	/*手机导航*/
	.wap-menu{
		display: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		position: absolute;
		top: 100px;
		text-align: center !important;
		z-index: 99999;
	}
	.wap-menu a{
		width: 100%;
		line-height: 36px;
		color: #fff;
	}
	.wap-menu li{
		display: block;
		text-align: center;
		width: 100%;
		padding:10px 0;
		background: #373737;
		border-bottom: 1px solid #585858; 
	}
	.logo-btn-menu{
		background:  url(../images/logo-btn.png) no-repeat center center ;
	}
	.logo-btn{
		background: url(../images/logo-btn.png) no-repeat center center;
	}
	/*手机按钮*/
	.wapbtn-menu{
		width: 100px;
		height: 100px;
		position: absolute;
		background: url(../images/logo-btn-menu.png) no-repeat center center;
		right: 0;
		cursor: pointer;
	}
	#l-off{
		display: none !important;
	}

	/*右上角api按钮*/
	.alert-fixed{
		display: none;
	}

	/*脚*/
	.foot-part{
		width: 100%;
		height: auto;
		background: url(../images/foot-part.png) repeat-y center center;
		padding: 0px 1%;
		overflow: hidden;
	}
	.foot-center{
		display: block;
		position: relative;
		margin: 20px 0 0 -83px;
	}
	/*左*/
	.foot-left,.foot-right,.phonenumber{
		margin-top: 35px;
	}
	.foot-left{
		width: 100%;
		height: auto;
	}
	.foot-left a{
		display: inline-block;
		float: left;
		margin: 0 1%;
		color: #fff;
		font-weight: bold;
		width: 31.33%;
		text-align: center;
	}
	.foot-left a:hover{
		color: #21b8ce !important;
	}
	.foot-left p{
		white-space: normal;
		text-align: center;
	}
	/*右*/
	.foot-right{
		width: 100%;
		text-align: center;
	}
	.foot-right ul{
		display: none;
	}
	.foot-right ul li{
		display: none;
	}
	.foot-icons{
		display: none;
	}
	.phonenumber{
		float: none;
		font-size: 20px;
		color: #fff;
		line-height: 68px;
		margin: 0;
		text-align: center;
	}
	#alert2{left:0px}
	#alert2 .img{top:30%;margin:0 auto;width:80%;left:0}
	
	.ke-dialog-default{width:90% !important;left:5% !important;}
}
@media(max-width: 414px){
	body{
		padding-top: 30px;
	}
	div.logo-btn,
	.wapbtn-menu{
		width: 45px;
		height: 45px;
		background-size: 56px auto;
	}
	div.logo-btn{
		width: 56px;
		margin-left: 4%;
	}
	.wap-menu{
		top: 45px;
		border-top: 1px solid #585858;
	}
	.logo{
		height: 45px;
	}
	.ban-common h2{
		font-size: 14px;
		background:none;
	}
	.phonenumber{
		font-size: 14px;
	}
}
.erweima{width:117px;height:110px;background:url('../images/erweima_bg.png') no-repeat;position: absolute;top: -110px;left: 110px;display:none}
/*点赞*/
.heart {
	background:url(../images/web_heart_animation.png);
	background-position:left;
	background-repeat:no-repeat;
	height:50px;
	width:100px;
	cursor:pointer;
	position:absolute;
	left:-14px;
	background-size:2900%;
	margin-top: -5px;
}
.heart:hover, .heart:focus{
	background-position:right;
}

@-webkit-keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

@keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

.tepy .pics .up_btn{width:65px;}
.record-imgwrap .record-item .imgwrap .record-comment a {color: #28AEC2;}
.likeCount {color: #28AEC2;}