﻿
 * {
 	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 	margin: 0;
 	-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
	/* make transparent link selection, adjust last value opacity 0 to 1.0 */
	-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
	/* -webkit-tap-highlight-color: rgba(0,0,0,0); */
 }
 

 
 html {
 	height: 100%
 }
 
 input,
 textarea {
 	-webkit-user-select: text
 }
 
 a {
 	color: #000;
 	padding: 0;
 	text-decoration: none;
 	cursor: pointer;
 	font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma
 }
 
 video {
 	width: 100%
 }
 
 
 
 input[type="radio"],
 input[type="checkbox"] {
 	vertical-align: -2px
 }

.main_box{max-width: 640px; height: 100%; position: relative; margin: 0 auto;font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma}
.main_box .box{height:40%; width: 90%;  position: absolute;left: 5%; top: 5em; background: #ffb8e5; border-radius: 10px;-webkit-border-radius: 10px;}

.main_box .box .bg_in{position: absolute; left: 0.3rem; top: 0.3rem; bottom: 0.3rem; right: 0.3rem; background: #ffe4f3;border-radius: 6px;-webkit-border-radius: 6px;}
.main_box .box .bg_in .title{color: #fd0196;font-size: 0.9rem;text-align: center; padding: 0.25rem 0;}
.main_box .box .content{z-index: 10;position: relative; width: 13rem; height: 6rem;  margin: 2rem auto 0 auto; background:#f30086;border-radius: 6px;-webkit-border-radius: 6px;}
#mask_img_bg{position: absolute; left: 0.2rem; top: 0.2rem; bottom: 0.2rem; right: 0.2rem; background:#fff;border-radius: 6px;-webkit-border-radius: 6px;}
#mask_img_bg img{width:5.3rem; height: 5.5rem; margin: 0 auto;display: block; }
#redux{z-index: 22; position: absolute;padding: 0.2rem; box-sizing: border-box; width:100%; height: 100%;border-radius: 6px;-webkit-border-radius: 6px;}
.main_box .show{display: none; position: absolute;left:50%; top:6rem; width: 286px; height: 245px; margin-left: -143px;z-index: 99;}
.main_box .show .show_bg{width: 286px; height: 245px;}
.main_box .show .show_bg1{width: 239px; height: 138px;position: absolute; top: -20px; left: 50%;margin-left: -120px;z-index: 110;}
.main_box .show .show_food{width:116.5px; height: 121.5px;position: absolute; top: 74px; left: 50%;margin-left: -60px;z-index: 100;}
.main_box .show .close{display: inline-block;width: 32px; height:32px;position: absolute; top: 0; right:0;z-index: 200;}
.main_box .show .btn{display: inline-block;width: 180px; height:37px;position: absolute; bottom: 10px; left: 48px;z-index: 200;}
.main_box .mask{display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);z-index: 98;}
