@media screen and (max-width:800px){
	.interact-wrap{
		padding:10px;		
	}
	.interact-wrap .left-box{
		width:100%;	
		margin-right:0;	
	}
	.interact-wrap .left-box .top-info{
		height:auto;
		padding:10px 13px;		
	}
	.interact-wrap .left-box .top-info .mail{
		width:48%;
		height:auto;
		margin-right:4%;	
		padding-bottom:10px;	
	}
	.interact-wrap .left-box .top-info .mail img{
		height:100px;
		margin:10px auto;		
	}
	.interact-wrap .left-box .top-info .mail.get-mail{
		margin-right:0;	
	}
	.interact-wrap .left-box .top-info .mail-list{
		width:100%;		
		margin-top:10px;
	}
	.interact-wrap .left-box .top-info .mail-num-wrap{
		font-size:12px;		
	}
	.interact-wrap .left-box .top-info .mail-num-wrap .title{
		font-size:12px;
		margin-right:2px;	
		width:56px;
		padding-left:2px;	
	}
	.interact-wrap .left-box .top-info .mail-num-wrap span{
		font-szie:12px;
		margin-right:3px;		
	}
	.interact-wrap .left-box .bottom-info .answer{
		width:100%;		
	}
	.interact-wrap .left-box .bottom-info .title{
		font-size:16px;
		padding:12px 0;		
	}
	.interact-wrap .left-box .bottom-info .answer-list{
		font-size:14px;		
	}
	.interact-wrap .left-box .bottom-info .answer-list .list-item a{
		width:70%;		
	}
	.interact-wrap .left-box .bottom-info .idea{
		width:100%;
		margin-left:0;		
	}
	.interact-wrap .right-box{
		width:100%;		
	}
	.interact-wrap .right-box .main .ft-img-wrap{
		height:auto;		
	}
	.interact-wrap .right-box .main .ft-img{
		height:auto;		
	}
	.interact-wrap .right-box .main .ft-title{
		font-size:16px;		
	}
	.interact-wrap .right-box .title{
		font-size:16px;
		padding:12px 0;		
	}
	.interact-wrap .right-box .main .look-old{
		width:56px;
		height:56px;
		font-size:16px;
		margin:15px 0 0 10px;		
	}
	.interact-wrap .right-box .main .small-banner img{
		height:auto;		
	}
}