@media (max-width: 768px) {
	body {
		width: 100%;
	}
	.wrapper {
		width: 100%;
	}
	.header {
		padding: 6px 6px 0;
		background: none;
		height: auto;
	}
	.header img {
		display: block;
	}
	.headerDD {
		padding: 6px 6px 0;
		background: none;
		height: auto;
	}
	.headerDD img {
		display: block;
	}
	.transArea {
		background: rgb(244, 248, 252);
	}
	.transBlock .transLeft {
		font-size: 15px;
		text-indent: 0;
		padding-left: 70px;
	}
	.transLeft {
		text-indent: 16px;
	}
	.line {
		width: 100%;
	}
	.bankArea,.tip {
		width: auto;
	}
	.bankIcon {
		width: 60px;
	}
	.bankBox {
		background-size: contain;
		width: 60px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		font-size: 6px;
	}
	.navBar .nav {
		display: none;
	}
	.navBar .nav.active {
		display: block;
	}
	.transInput.small {
		width: 150px;
	}
	.transInput.big {
		width: 150px;
	}
	.transTip {
		display: none;
	}
	.visible768 {
		display: initial;
	}
	.invisible768 {
		display: none;
	}
	.transSelect.big {
		width: 150px;
	}
	.transSelect.big2 {
		width: 150px;
	}
	.oldload {
		height: 480px;
	}
	.oldload img {
		max-width: 644px;
		width:100%;
		margin: auto;
	}
}

@media (max-width: 600px) {
	.col-md-2, .col-md-3, .col-md-4, .col-md-10, 
	.col-md-3-7 {
		float: none;
	}
	.transLeft {
		width: auto;
	}
	.transRight {
		padding-left: 16px;
	}
	.resendMobile {
		margin-bottom: 10px;
		margin-left: 16px;
		clear: both;
	}
	.transRemark {
		padding-left: 16px;
		padding-right: 16px;
		min-height: 1px;
	}
	.transBlock {
		padding-left: 16px;
		padding-right: 16px;
	}
	.btnArea {
		width: auto;
		padding-left: 16px;
		padding-right: 16px;
	}
	.btnArea.btn2>.transBlock {
		width: auto;
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	.btnArea.btn2 {
		width: auto;
	}
	.commonBtn {
		background: rgb(0, 146, 219);
		width: 40%;
		max-width: 135px;
	}
	.commonBtn.disabled, .commonBtn.disabled2 {
		background: rgb(157, 158, 163); 
	}
	.transBlock .transContent {
		text-indent: 0;
	}
	/*    alert2 提示框   begin  */
	.pop-tipTitle {
	height: 26px;
	line-height: 25px;
	}
	.pop-tipWrapper {
	width: 290px;
	}
	.imgTipYes {
	margin-top: 10px;
	}	
	.imgTipNo {
	margin-top: 10px;
	margin-left:70px;
	}
	.pop-exit {
	right: 8px;
	}
	.pop-exit.tip2 {
	top: 0px;
	}
	#pop-tip,#pop-select {
		width:310px;
	}
	.alert{
		width: 310px;
		margin-left: -155px;
	}
	.box{
		width: 310px;
		margin-left: -155px;
	}
	
	.pop-bg {
		width: 300px;
		height: 250px;
	}
	.pop_box{
	    width: 300px;
	    height: 250px;
	}
	.pop-errIcon {
		background: null;
		width: 0px;
		height: 0px;
		float: none;
	}
	.pop-div {
		width: 260px;
		height: 210px;
	}
	#alertFrame {
		width: 300px;
		height: 250px;
		margin-left: -155px;
		top: 35%;
	}
	/*天天基金弹框*/
	#ttAlert {
		/* width: 300px;
		height: 250px;
		margin-left: -155px;
		top: 35%; */
	width: 480px;
	margin-left: -240px;
	margin-top: -500px;
	height: 900px;
	position: fixed;
	top: 50%;
	left: 50%;
	border: none;
	background: transparent;
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	}
	#tt_Alert {
		/* width: 300px;
		height: 250px;
		margin-left: -155px;
		top: 35%; */
	width: 480px;
	margin-left: -240px;
	margin-top: -500px;
	height: 900px;
	position: fixed;
	top: 50%;
	left: 50%;
	border: none;
	background: transparent;
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	}
	.pop-errInfo {
		width: 180px;
		border-left: 0px solid rgb(103, 103, 103);
		margin-left: 5px;
		
	}
	.favTool {
		word-wrap: break-word;
		word-break: normal;
	}
	.pop-errDiv {
		border-bottom: 0px dashed rgb(142, 142, 142);
	}
	/**优化**/
	.imgYes {
		margin-top: 10px;
		margin-left:65px
	}
}