@media screen and (max-width:768px){
	.enterwarp .left{width: 100%;padding:0.625rem;border: 1px solid #ddd;margin: 0.625rem 0;box-sizing: border-box;}
	.enterwarp .right{width: 100%;padding: 0.625rem;;border: 1px solid #ddd;box-sizing: border-box;}
	.btnwarp{width: 100%;margin-top: 0.625rem;}
	.text{width: 100%;height: 40px;border: 1px solid #ccc;border-radius: 4px;outline: none;margin-bottom: 0.3125rem;padding-left: 0.625rem;box-sizing: border-box;}
	.enterwarp .right dl{padding-bottom: 10px;}
	.code{width: 60%;}
}
@media screen and (min-width:769px){
	.enterwarp .left{width: 660px;background-color: #fff;padding: 10px;border-radius: 5px;float: left;}
	.enterwarp .right{width: 480px;background-color: #fff;padding: 10px;border-radius: 5px;float: right;}
	.btnwarp{width: 480px;height: 40px;margin-top: 10px;}
	.text{width: 130px;height: 40px;border: 1px solid #ccc;float: left;border-radius: 4px;margin-right: 5px;outline: none;text-align: center;}
	.enterwarp .right dl{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
	.code{width: 90px;}
	
	
	
}
.enterwarp{overflow: hidden;}
.inemwarp{padding-bottom: 10px;}
.inemwarp dl{padding:0 0 10px 0;}
.inemwarp dl dt{background-color: #eee;padding: 10px; white-space: pre-wrap;word-break: break-all;overflow: hidden;}
.inemwarp dl dd{background-color: #ddd;padding: 10px;white-space: pre-wrap;word-break: break-all;}
.inemwarp dl.liuyan{border-top: 3px solid #f60;}

.enterwarp .right dl dt{line-height:30px;color: #f60;white-space: pre-wrap;}
.textarea{width: 100%;height: 110px;border: 1px solid #999;outline: none;resize: none;padding: 10px;box-sizing: border-box;}
.getcode{width: 90px;height: 40px;cursor: pointer;}
.btn{width: 110px;height: 40px;margin-top: 10px;cursor: pointer;background-color:green;color:#fff;border:0;border-radius:4px;}
	#pagelist{cursor: pointer;border: 1px solid #369;padding:8px 0;width: 100px;text-align: center;border-radius: 5px;color: #369;}
	#pagelist:hover{color: #f60;}