@charset "utf-8";

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

#LRdiv0, #LRfloater0 {

	display: none

}

body {

	max-width: 640px;

	margin: 0 auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

.ly-header {

	/*position: fixed;*/

	top: 0;

	z-index: 10;

	width: 100%;

	max-width: 640px;

}

#ly-header{margin-bottom:0px;}

.ly-header nav {

	height: 60px;

	background: #393a3f;

}

/*.ly-header nav a:nth-child(1) {

	float: left;

	width: 40px;

	height: 40px;

	background: url(../images/wechat.png) no-repeat scroll 20px 22px;

}*/

.ly-header nav a:nth-child(1) {

	float: right;

	width: 50px;

	height: 60px;

	background: url(../images/wechat.png) no-repeat scroll 14px -32px;

}

.ly-header nav a i {

	float: right;

	width: 1px;

	height: 20px;

	margin: 10px 0 0 0;

	background: #2e2e32

}

.ly-header nav h2 {

	color: #FFF;

	font-size: 16px;

	line-height: 60px;

	text-indent: 10px;

}

.ly-header nav a:nth-child(2) {

	float: right;

	width: 50px;

	height: 60px;

	background: url(../images/wechat.png) no-repeat scroll 14px -32px;

}

.ly-section1 {

	height: 100%;

	/*padding: 50px 0 0 0;*/

	background: #ebebeb

}

.ly-section1 .line {

	margin: 0 0 0 10px;

}

.ly-section1 .left {

	float: left;

	max-width: 80%;

	margin: 10px 0 0 0;

}

.ly-section1 .left div {

	position: relative;

	margin: 0 0 0 55px;

	padding: 10px;

	background: #FFF;

	color: #323232;

	border: 1px solid #d5d5d5;

	border-radius: 6px;

}

.ly-section1 .left div i {

	position: absolute;

	top: 12px;

	left: -20px;

	width: 20px;

	height: 20px;

	background: url(../images/wechat.png) no-repeat scroll 0 -200px;

	transform: rotate(-180deg)

}

.ly-section1 .left img {

	float: left;

	margin: 0 5px -5px 0;
	border-radius: 100%;

}

.ly-section1 .left div img {

	float: none;

}

.ly-section1 figure {

	width: 95%;

	margin: 2px auto;

	overflow: hidden;

	border-bottom: 1px solid #CCCCCC;

}

.ly-section1 .zzh {

	width: 100%;

	float: left;

	display: block;

}

.ly-section1 figcaption {

	width: 68%;

	float: left;

	margin-left: 2%;

}

.ly-footer {

	position: fixed;

	bottom: 0;

	width: 100%;

	max-width: 640px;

	height: 50px;

	background: #FFF;

	border-top: 1px solid #bfbfbf

}

.ly-footer div {

	width: 100%;

}

.ly-footer div:nth-child(1) {

	max-width: 50px;

}

.ly-footer div:nth-child(1) {

	max-width: 50px;

}

.ly-footer div:nth-child(3) {

	max-width: 50px;

}

.ly-footer div:nth-child(1) a {

	float: left;

	width: 50px;

	height: 50px;

	background: url(../images/wechat.png) no-repeat scroll 9px -89px;

}

.ly-footer div:nth-child(2) textarea {

	width: 70%;

	height: 36px;

	margin: 7px 0 0 0px;

	color: #000;

	font-size: 18px;

	line-height: 35px;

	border: none;

	border-bottom: 1px solid #d8d8d8;

	transition: 0.3s;

	resize: none;

	overflow-y: auto;

	outline: none;



}

 @media screen and (min-width:480px) and (max-width:640px){.ly-footer div:nth-child(2) textarea {width: 60%;}}

 @media screen and (min-width:420px) and (max-width:479px){.ly-footer div:nth-child(2) textarea {width: 54%;}}

 @media screen and (min-width:390px) and (max-width:419px){.ly-footer div:nth-child(2) textarea {width: 50%;}}

 @media screen and (min-width:360px) and (max-width:389px){.ly-footer div:nth-child(2) textarea {width: 47%;}}

 @media screen and (min-width:320px) and (max-width:359px){.ly-footer div:nth-child(2) textarea {width: 40%;}}

.ly-footer div:nth-child(2) textarea:focus {

	border: none;

	border-bottom: 1px solid #45c01a;

}

.ly-footer div:nth-child(2) textarea.on {

	border-bottom: #45c01a

}

.ly-footer div:nth-child(2) i {

}

.ly-footer div:nth-child(3) a {
font-size: 13px;
	position: absolute;

	top: 0;

	right: 30%;

	width: 16%;

	height: 35px;

	margin: 7px 5px 0 0;

	background: #45c01a;

	color: #FFF;

	text-align: center;

	line-height: 35px;

	border-radius: 5px;

	cursor: pointer;

	transition: 0.3s;

}

.ly-footer div:nth-child(3) a:hover {

	background-color: #3aa814;

}

.ly-footer div:nth-child(4){

	max-width: 50px;

	}

.ly-footer div:nth-child(4) a{
font-size: 13px;
	position: absolute;

	top: 0;

	right: 0;

	width: 29%;

	height: 35px;

	margin: 7px 5px 0 0;

	background: #45c01a;

	color: #FFF;

	text-align: center;

	line-height: 35px;

	border-radius: 5px;

	cursor: pointer;

	transition: 0.3s;

	text-decoration:none;

	}

.ly-footer div:nth-child(4) a:hover {

	background-color: #3aa814;

}

	.f_text {

	width: 50%;

	height: 42px;

	float: left;

	border: 1px solid #cfcece;

	display: block;

	margin: 2px 0;

	line-height: 42px;

	font-size: 16px;

	color: #333333;

	text-indent: 2px;

	text-decoration:none;

}

.ly-clear {

	clear: both;

}

.ly-hide {

	display: none;

}

.ly-animation-bell {

	display: inline-block;

	color: #F00;

	transition: 0.5s;

}

.ly-animation-bell.on {

	animation: ly-animation-bell 0.5s;

}

 @keyframes ly-animation-bell {

 0% {

transform:rotate(-5deg);

}

 20% {

transform:rotate(10deg);

}

 40% {

transform:rotate(-15deg);

}

 60% {

transform:rotate(20deg);

}

 80% {

transform:rotate(-15deg);

}

 100% {

transform:rotate(10deg);

}

}