@charset "utf-8";
/* CSS Document */
@import url(./style.css);
@import url(./dialog.css);
*{ margin:0; padding:0; outline:0; font-family: 'PingFang SC', "Microsoft YaHei", 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;}

html{ width:100%;}
body{ font-family:'PingFang SC', "Microsoft YaHei", 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif; overflow-x:hidden; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-font-smoothing:subpixel-antialiased; -moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none; font-size:14px; color:#333;}
ul,dl,ol,li,dt,dd{list-style:none;}
a{ text-decoration:none;}
a:link, a:visited, a:hover { text-decoration: none !important; }
img{ border:0; vertical-align:top;}
input, textarea, select{-webkit-appearance:none;border:none;outline:none; font-size:14px; /* -webkit-appearance:none; */}

::-webkit-scrollbar{ width:0px; height:0px;}

@media screen and (min-width: 600px){
    html, body{
		max-width: 600px !important;
		margin: 0 auto;
    }
}

.ellipsis{ text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap}

.floatL{ display:inline; float:left;}
.floatR{ display:inline; float:right;}

.clearfix:before, .clearfix:after{ content:""; display:table; }
.clearfix:after { clear:both; }

.hide{ display:none!important;}

sup{ display:inline-block; margin-top:-5px;}

.block:before{ content:''; display:inline-block; height:100%; vertical-align:middle;}
.centered{ display:inline-block; vertical-align:middle;}

.display_table{ display:table;}
.display_cell{ display:table-cell; text-align:center; vertical-align:middle;}
.text_left{ text-align:left;}
.text_right{ text-align:right;}

.mShare_img{
    position: relative;
    z-index: 1000000;
}
.vr-container{
	position: relative;
}
.vr-container::after{
	content: '';
	background: url('../../image/project/vr-tag.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0.1rem;
	bottom: 0.1rem;
}
.vr-max::after{
    width:1.2rem;
	height:1.2rem;
}
.vr-bg::after{
    width:1.0rem;
	height:1.0rem;
}
.vr-sm::after{
    width:0.53rem;
    height:0.53rem;
}
.vr-md::after{
    width:0.8rem;
    height:0.8rem;
}
.vr-mar-b::after{
    bottom: 0.5rem;
}
.nav_box{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: .27rem .48rem;
	background-color: #fff;
	z-index: 100;
	-webkit-box-pack: justify;
    justify-content: space-between;
    box-shadow: 0 0 4px rgba(0, 0, 0, .06);
}
.nav_box .nav_back{
	width: .45rem;
	height: .45rem;
	background: url('../../image/back_icon.png') no-repeat;
	background-size: contain;
}
.nav_box .nav_city{
	font-size: .37rem;
	color: #333;
	margin-left: .27rem;
	margin-right: -1.2rem;
}
.nav_box .nav_city:after{
	content: '';
	display: inline-block;
    border: .075rem solid #333;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-left: .11rem;
}
.nav_box .nav_logo{
	width: 1.33rem;
	height: .61rem;
	margin-left: 1.2rem;
}
.nav_box .nav_logo>img{
	width: 100%;
}
.nav_box .nav_download{
	padding: .15rem .36rem;
	font-size: .27rem;
	line-height: .37rem;
	color: #fff;
	background-color: #EB662E;
	border-radius: .04rem;
}
.vertical_center{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}