@media screen and (max-width:1024px) {
    html,body{ margin: 0px; padding: 0px; height: 100%; width: 100%;}
	div{ margin: 0px; padding: 0px;}
	.small{display: block;}
	.big{display: none;}

}

@media screen and (min-width:1024px) {
	.wrap_vue{height: 100%;}
	.big{display: block; display: flex;height: 100%;}
	.small{display: none;}
	html,body{ margin: 0px; padding: 0px; height: 100%; width: 100%; }
	div{ margin: 0px; padding: 0px;}
	
	.wrap_left{height: 100%; flex: 2; background-color: rgba(255,255,255,0.4); min-width: 350px;}
	.wrap_right{height: 100%; flex: 8; border-left: 1px #ccc solid;}
	

}

body{background-color: #fff;}
.wrap_list_one{ width: 100%; height: 50px; line-height: 50px;  text-indent: 50px; cursor: pointer;}

.wrap_list_one::after{background: url('../images/2025/icon_right.png') center right no-repeat; background-size: 20px 20px;}
.wrap_head{width: 90%; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; background-color: rgba(255,255,255,0.8); position: relative; }
.wrap_head_left { width: 20px; height: 20px; background: url('../images/2025/icon_left.png') center center no-repeat; background-size: 20px 20px; position: absolute; left:10px; top: 10px; }
.wrap_head_image{width: 80px; margin: 0 auto; position: absolute;left: 20px; top: 50px}
.wrap_head_image img{width: 100%;border-radius: 40px;}
.wrap_head_email{text-align: center; font-size: 0.8em;  color: #333; margin-top: 10px; font-weight: bold; position: absolute;left: 130px; top: 50px;  }
.wrap_head_invite{margin:0 auto; width: 120px; margin-top: 20px; text-align: center; padding: 5px 10px 5px 10px; background-color:#FFC30E; position: absolute; top: 70px; left: 120px;  color: #333; font-weight: bold; border-radius: 30px;}
.wrap_list{width: 90%; margin: 0 auto;  background-color: rgba(255,255,255,0.8); margin-top: 110px;}
.select {border-left:2px #FF9B39 solid;}


.phone{background-image: url('../images/iconb/icon_phone.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px;  }


.points{background-image: url('../images/iconb/icon_points.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }


.password{background-image: url('../images/iconb/icon_password.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }

.neworder{background-image: url('../images/iconb/icon_neworder.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }
.userinfo{background-image: url('../images/iconb/icon_userinfo.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }
.address{background-image: url('../images/iconb/icon_address.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }
.coupon{background-image: url('../images/iconb/icon_coupon.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }
.invite{background-image: url('../images/iconb/icon_invite.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }
.orderlist{background-image: url('../images/iconb/icon_orderlist.png'),url('../images/2025/icon_right.png'); background-position: 20px center,center right; background-repeat: no-repeat; background-size: 20px 20px,20px 20px; }


.exit{background: url('../images/iconb/icon_exit.png') 20px center no-repeat;  background-size: 20px 20px;}

.exitbtn{width: 90%; margin: 0 auto; text-align: center; height: 50px; line-height: 50px; margin-top: 20px; background-color:#FFC30E;  color: #333; border-radius: 10px; font-weight: bold;}


.frameclass{width: 100%; height: 100%; margin: 0px; padding: 0px; border: none;}

.hide{display: none;}