﻿@charset "gb2312";*{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:"Î¢ÈíÑÅºÚ";font-size:14px;}
#demo{top: 0;left: 0;overflow: hidden;width: 100%;height: 3rem;line-height: 3rem;color: #ec0000;background: #434343;font-size: 1.5rem;z-index: 100;margin: 15px auto;}
#fig{transition: all ease 1s;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
.ly-header{position:fixed;top:0;z-index:10;width:100%;max-width:640px;}
.ly-header nav{height:40px;background:#393a3f;}
.ly-header nav a:nth-child(1){float:left;width:50px;height:40px;background:url(../images/wechat.png) no-repeat scroll 20px 12px;}
.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:40px;text-indent:10px;}
.ly-header nav a:nth-child(2){float:right;width:50px;height:40px;background:url(../images/wechat.png) no-repeat scroll 14px -42px;}
.ly-section1{height:100%;/*background:#eaeaea*/overflow: hidden;    padding: 0 0 100px;}
.ly-section1 .line{margin:0 0 0 10px;}
.ly-section1 .left{float:left;max-width:90%;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 0 0;}
.ly-section1 .left div img{float:none;}
.ly-section1 figure{width:200%;overflow:hidden;border-bottom:1px solid #CCCCCC;}
.ly-section1 figure a{width: 50%;overflow:hidden;}
.ly-section1 .zzh{width:50%;float:left;display: table-cell;overflow: hidden;}
.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 #cccccc}
.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:65%;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;}
.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{position:absolute;top:0;right:0;width:65px;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-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);}}
/*添加模块*/
.question {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 3px;
}
.question li, .ly-section1 .keyword li {
	float: left;
	list-style: none;
	margin-bottom: 10px;
}
.question li.blankRight {
	margin-right: 1.5%;
}
.question li a {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 33px;
	font-size: 14px;
	color: #363636;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	border: solid #bababa 1px;
	background: #fff;
}
.question li:nth-of-type(1) {
	width: 29%;
}
.question li:nth-of-type(2) {
	width: 38%;
}
.question li:nth-of-type(3) {
	width: 29%;
}
.question li:nth-of-type(4) {
	width: 35%;
}
.question li:nth-of-type(5) {
	width: 27%;
}
.question li:nth-of-type(6) {
	width: 34%;
}
.question li:nth-of-type(7){ width:40%;}
.question li:nth-of-type(7) a{ padding:0 3%}
.question li,.keyword li{ width:45%;}
.question li:nth-of-type(9) {
	width: 35%;
}
.question li.red a {
	background: #FF6F28;
	border: solid #FF6F28 1px;
	color: #fff;
	font-weight: bold;
}
@media only screen and (min-width: 365px) and (max-width: 411px) {
	.question li a {
	font-size: 12.5px;
}
}
@media only screen and (min-width: 320px) and (max-width: 364px) {
	.question li a {
	font-size: 11px;
}
	}