*{padding:0;margin:0;font-size:12px;}
h1{line-height:40px;text-align:center;color:#D8450B;font-size:16px;}
h2{line-height:40px;text-align:center;}
h3{line-height:40px;text-indent:2em;color:#D8450B;}
.clear{clear:both;}
.wrap{margin:20px auto;border-radius:4px;padding:0px 0 60px 0;}
.header{color:#444;margin:10px auto;text-indent:2em;width:90%;line-height:24px;}

.biaobai{margin:10px auto;border:1px solid #DDD;border-radius:4px;text-align:center;padding:10px 10px;width:80%;}
.biaobai ul{list-style:none;float:left;text-align:left;width:90%;border:1px dashed red;padding:10px 5%;margin:20px 0;}
.biaobai ul li{width:100%;}
.biaobai ul .name{}
.biaobai ul .name span{padding-right:10px;color:#333;}
.biaobai ul .name font{color:#D8450B;}
.biaobai ul .thecontent{text-indent:2em;line-height:40px;color:#D8450B;word-break:break-all;}
.biaobai ul .time{font-style:italic;color:#444;}

.biaobai-tbl{width:100%;}
.biaobai-tbl td{line-height:40px;}

.submit{width:100px;height:30px;cursor:pointer;}
.content{resize:none;width:80%;height:200px;margin:0 10%;}

.footer{margin:20px auto;padding:10px 20px;text-indent:2em;}
.footer p{line-height:30px;color:#444;}
.footer a{color:#D8450B;}

.dream{margin:10px auto;border:1px solid #DDD;border-radius:4px;padding:10px 10px;width:80%;font-size:14px;}
.dream-p{text-indent:2em;color:#444;}
.dream-img{display:block;margin:10px auto;width:80%;}

.input{width:80%;}

@media (min-width: 375px) 
{
	.wrap{width:90%;}
	.biaobai{width:90%;}
	.dream{width:90%;}
	.wrap table{width:100%;}
}

@media (min-width: 768px) 
{
	.wrap{width:85%}
}

@media (min-width: 992px) 
{
	.wrap{width:85%}
}