html,body{
	margin:0;
	padding:0;
	font-size:16px;
	text-align:center;
	width:100%;
	height:100%;
	overflow:hidden;
	user-seletct: none;
	-webkit-user-seletct: none;
	-moz-user-seletct: none;
	-ms-user-seletct: none;
}
p{
	margin:0;
	padding:0;
}
@font-face{
	font-family: PTCRaleway;
	src: url('PTCRaleway.ttf')
}
@font-face{
	font-family: NotoSansSC-DemiLight;
	src: url('NotoSansSC-DemiLight.otf')
}
*{
	box-sizing: border-box;
}
.music{
	width:.64rem;
	height:.64rem;
	position:fixed;
	z-index:99;
	background:url("../images/music.png") no-repeat top center transparent;
	background-size:.64rem 1.28rem;
	top:1.8rem;
	right:.38rem;
}
.music.off{
	background-position:0 -.64rem;
}
.loading{
	position:fixed;
	z-index:100000;
	background-color:#000;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
}
.progressText{
	height:1.2rem;
	line-height:1.2rem;
	color:#fff;
	font-size:.3rem;
	text-align:center;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.progressText img{
	width:3rem;
	height:1.2rem;
}
#main{
	background-color:#000;
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat top center #101417;
	background-size:100%;
	text-align: left;
	font-family: NotoSansSC-DemiLight,PTCRaleway;
	position:fixed;
	z-index:100000000;
	display:none;
}
.logo{
	padding:.72rem .42rem;
	display:none;
}
.logo img{
	width:1.65rem;
	height:.51rem;
}
.logo img.ptclogo{
	width:1.2rem;
	height:.53rem;
	float:right;
}
.desc{
	font-size: .30rem;
    width: 3.4rem;
    line-height: .56rem;
    color: #fff;
    margin: 0 auto;
    padding: 3.6rem 0 0;
    text-align: justify;
}
.go{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:2.50rem;
	background:url(../images/bg-bottom.jpg) no-repeat bottom center #101417;
	background-size:100%;
	text-align: center;
}
.go span{
	display:inline-block;
	width:1.3rem;
	height:1.29rem;
	line-height:1.29rem;
	color:#fff;
	font-size:.32rem;
	margin:auto;
	position:relative;
}
.go span i{
	position:absolute;
	width:1.3rem;
	height:1.29rem;
	background:url(../images/go.png) no-repeat center center transparent;
	background-size:100%;
	left:0;
	top:0;
	display:inline-block;
	animation: myRotate 2s infinite;
	z-index: 1;
}
.go span a{
	z-index:2;
	position:relative;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}
.go span:after{
	position:absolute;
	content:" ";
	background:url(../images/go-arrow.png) no-repeat center center transparent;
	width:.57rem;
	height:.76rem;
	top:-1.16rem;
	left:0;
	right:0;
	margin:auto;
	background-size:100%;
}
@keyframes myRotate
{
from {
	transform:rotate(0deg);
}
to {
	transform:rotate(360deg);
}
}
.model{
	background:url(../images/model-bg.jpg) center center transparent;
	background-size:100% auto;
}
.model .logo{
	text-align:left;
	padding:.4rem;
	position:fixed;
	top:0;
	left:0;
	z-index:199;
	right:0;
}
.productInfo{
	position:fixed;
	top:1.40rem;
	padding:0 1.2rem;
	left:0;
	z-index:99;
	color:#fff;
	transition: top 0.5s;
}
.productInfo.off{
	top:-3.00rem;
}
.productInfo p{
	margin:0;
	margin:0;
}
.info{
	line-height:.4rem;
	padding:0 0 .30rem;
	font-size:.24rem;
}
.goBtn{
	height:.36rem;
	line-height:.36rem;
	text-align:center;
	margin:0;
}
.goBtn span{
	width:.86rem;
	height:.36rem;
	background:url(../images/go-button.png) center center transparent;
	background-size:100% auto;
	margin:auto;
	cursor:pointer;
	text-indent: -9999rem;
	display:inline-block;
}
.rightIcon{
	position:fixed;
	z-index:199;
	width:.83rem;
	overflow:hidden;
	right:-0.83rem;
	top:1.4rem;
	/*transition: right 0.5s;*/
	/*right:0.32rem;*/
}
.rightIcon.on{
	right:0.32rem;
}
.rightIcon span{
	display:inline-block;
	width:.83rem;
	height:.84rem;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/right-icon.png) top center transparent;
	background-size:.83rem 2.52rem;
	text-indent: -99999rem;
}
.rightIcon span.wx{
	background-position:0 -0.83rem;
}
.rightIcon span.from{
	background-position:0 -1.66rem;
}
.prodContent{
	position:fixed;
	z-index:99;
	/*height:2.7rem;*/
	bottom:-5.7rem;
	left:0;
	right:0;
	color:#fff;
	padding:0 .32rem .4rem;
	transition: bottom 1.5s;
}
.icon360{
	background:url(../images/360.png) no-repeat 0 0 transparent;
	width:1.95rem;
	height:.78rem;
	overflow:hidden;
	background-size:1.95rem .78rem;
	position:absolute;
	right:.45rem;
	bottom:.95rem;
}
.prodContent.on{
	bottom:0;
}
.prodContent h4{
	height:.6rem;
	line-height:.6rem;
	font-size:.26rem;
	border-radius:.1rem;
	background-color:rgba(0,0,0,0.4);
	margin:0 0 .2rem;
	position: relative;
	padding:0 0.15rem 0 .45rem;
	width:4.2rem;
}
.productInfo .goTitle{
	height:.6rem;
	line-height:.6rem;
	font-size:.26rem;
	border-radius:.1rem;
	background-color:rgba(0,0,0,0.4);
	margin:0.3rem 0 .2rem;
	position: relative;
	padding:0 0.15rem 0 .55rem;
	display:inline-block;
}
.productInfo .goTitle i{
	display:inline-block;
	width:.3rem;
	height:.3rem;
	background:url(../images/fw.png) center center transparent;
	position:absolute;
	top:0.15rem;
	left:0.15rem;
}
.prodContent h4 i{
	display:inline-block;
	width:.3rem;
	height:.3rem;
	background:url(../images/fw.png) center center transparent;
	position:absolute;
	top:0.15rem;
	left:0.15rem;
}
.prodContent ul{
	margin:0 0 0 .45rem;
	padding:0;
}
.prodContent ul li{
	font-size:.28rem;
	text-align:left;	
}
.videoIcon{
	position:fixed;
	z-index:99;
	left:-1.3rem;
	top:1.83rem;
	text-indent: -9999rem;
	background:url(../images/video-icon.png) center center transparent;
	width:.99rem;
	height:1.23rem;
	/*overflow:hidden;*/
	background-size:.99rem 1.23rem;
	transition: left 1.5s;
}
.videoIcon:before{
	position:absolute;
	width:.28rem;
	height:.65rem;
	left:.35rem;
	top:-.65rem;
	background:url("../images/video-arrow.gif") no-repeat 0 0 transparent;
	content:" ";
	background-size:.28rem .65rem;
}
/*.videoIcon:before{
	position:absolute;
	width:.22rem;
	height:.19rem;
	left:.35rem;
	top:-.58rem;
	background:url("../images/video-arrow.png") no-repeat 0 0 transparent;
	content:" ";
	background-size:.22rem .19rem;
	animation:mymove 2s infinite;
	-webkit-animation:mymove 2s infinite;
}
@keyframes mymove
{
0 {top:-.58rem;}
50% {top:-.30rem;}
100% {top:-.58rem;}
}

@-webkit-keyframes mymove 
{
0 {top:-.58rem;}
50% {top:-.30rem;}
100% {top:-.58rem;}
}*/
.videoIcon.on{
	left:1.3rem;
}
.videoBox{
	position:fixed;
	z-index:100;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color:#3a434e;
	display:none;
}
.video{
	width:100%;
	height:4.2rem;
	background-color:#00736d;
	overflow:hidden;
}
.video video{
	width:100%;
	height:100%;
}
.videoBox p{
	color:#fff;
	font-size:.32rem;
	height:1.28rem;
	line-height:1.28rem;
	border-bottom:.01rem solid #616971;
	text-align:left;
	padding:0 .32rem;
}
.videoBox .operList span{
	display:inline-block;
	background:url(../images/video-icon-bg.png) no-repeat center center transparent;
	width:4.11rem;
	height:1.05rem;
	background-size:4.11rem 1.05rem;
	font-size:.24rem;
	color:#fff;
	line-height:1.05rem;
	letter-spacing: 2px;
	margin:.5rem 0 0;
}
/*.videoBox .operList span.returnIcon{
	background:none;
	color:#adadad;
	height:.76rem;
	line-height:.76rem;
	margin:.2rem 0 0;	
}
.videoBox .operList span.returnIcon:after{
	content:" ";
	background:url(../images/arrow.png) no-repeat center center transparent;
	width:.27rem;
	height:.27rem;
	background-size:.27rem .27rem;
	display:inline-block;
	margin: 0 0 0 .1rem;
    vertical-align: text-top;
}*/
.fromBox{
	position:fixed;
	z-index:100;
	background-color:#3a434e;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow-y:auto;
	padding:.32rem;
	text-align:left;
	display:none;
}
.fromBox h3{
	color:#fff;
	font-size:.42rem;
	margin:0.5rem 0 0;
	height:2rem;
	line-height:2rem;
}
.boxItem h4{
	margin:.2rem 0;
	font-size:.26rem;
	color:#fff;
	line-height:.48rem;
	letter-spacing: 2px;
}
.boxItem ul{
	margin:0;
	padding:0 .20rem;
	background-color:#23282f;
	list-style:none;
}
.boxItem ul li{
	color:#adadad;
	font-size:.26rem;
	height:.88rem;
	line-height:.88rem;
	border-bottom:.01rem solid #15181c;
}
.boxItem ul li label{
	display: inline-block;
	height:.88rem;
	line-height:.88rem;
	position:relative;
}
.boxItem ul li label input{
	display: inline-block;
	vertical-align: middle;
	opacity: 0.00001;
}
.boxItem ul li label font{
	display: inline-block;
	vertical-align: middle;
	margin:0 0 0 .1rem;
}
.boxItem ul li label i{
	position:absolute;
	width:.38rem;
	height:.38rem;
	background-color:#fff;
	left:0;
	top:.28rem;
	display:inline-block;
	border-radius: 100%;
}
.boxItem ul li label input:checked + i{
	background:url(../images/radio-on.png) no-repeat center center #55a638;
	background-size:.38rem .38rem;
}
.userInfoBox{
	padding:1.5rem 0 0;
}
.userInfoBox ul{
	margin:0;
	padding:0;
	list-style: none;
}
.userInfoBox ul li{
	height:.8rem;
	line-height:.8rem;
	background: #23282f;
	margin:.16rem 0;
	position:relative;
	padding:0 0 0 1.3rem;
}
.userInfoBox ul li span{
	position:absolute;
	height:.8rem;
	line-height:.8rem;
	font-size:.24rem;
	color:#adadad;
	display:inline-block;
	width:1.3rem;
	left:0;
	top:0;
	padding:0 0 0 .2rem;
}
.userInfoBox ul li input,.userInfoBox ul li div.userdiv{
	display:inline-block;
	line-height:.8rem;
	height:.8rem;
	background:none;
	border:none;
	vertical-align: middle;
	width:100%;
	outline: none;
	font-size:.24rem;
	color:#adadad;
	vertical-align: top;
	padding:0;
}
.userFix{
	position:fixed;
	z-index:200;
	background-color:rgba(0,0,0,0.3);
	bottom:0;
	left:0;
	right:0;
	top:0;
}
.userFixBox{
	background-color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50%;
	overflow-y:auto;
}
.userFix em{
	display:inline-block;
	padding:0 .4rem;
	font-style:normal;
	font-size:.26rem;
	height:.8rem;
	line-height:.8rem;
	width:100%;
	border-bottom:1px solid #efefef;
}
.userpositionFix,.userpostFix{
	display:none;
}
.userpositionFix.on,.userpostFix.on{
	display:block;
}
.otherInfo{
	color:#adadad;
	font-size:.22rem;
	/*height:.92rem;
	line-height:.92rem;*/
	position:relative;
	padding:0 0 0 .5rem;
}
.otherInfo:before{
	content:"";
	display:inline-block;
	width:.2rem;
	height:.2rem;
	background-color:transparent;
	border:.06rem solid #fff;
	border-radius: 100%;
	/*vertical-align: middle;
    margin: 0 .1rem 0 0;*/
    position:absolute;
    left:0;
    top:0;
}
.otherInfo.on:before{
	content:"";
	display:inline-block;
	width:.2rem;
	height:.2rem;
	background-color:#5bb73b;
	border:.06rem solid #fdb81d;
	border-radius: 100%;
	vertical-align: middle;
    margin: 0 .1rem 0 0;
}
.submitBtn{
	background-color:#55a638;
	color:#fff;
	height:.72rem;
	line-height:.72rem;
	border-radius: .36rem;
	text-align:center;
	font-size:.24rem;
	margin:.3rem 0;
}
.ew{
	position:fixed;
	z-index:999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
}
.ew .closeMask{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	background-color:rgba(0,0,0,.6);
}
.ew img{
	width:3.20rem;
	height:4.80rem;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:3;
}
.formSubmitOk{
	position:fixed;
	z-index:99;
	background:url(../images/from-bg.jpg) no-repeat 0 bottom #000;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-size:auto 100%;
}
.formSubmitOk.off{
	display:none;
}
.formSubmitBox{
	height:4.80rem;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	overflow:hidden;
}
.formSubmitBox p{
	padding:0 .05rem;
	margin:0;
	color:#fff;
	font-size:.3rem;
	line-height:.6rem;
	text-align:center;
}
.arrowTip{
	position:fixed;
	z-index:98;
	width:2.92rem;
	height:.42rem;
	left:0;
	right:0;
	bottom:.4rem;
	margin:auto;
	overflow:hidden;
	background:url(../images/arrow-tip.png) no-repeat 0 0 transparent;
	background-size:2.92rem 1.26rem;
}
.arrowTip.arrow0{
	background-position:0 0;
}
.arrowTip.arrow1{
	background-position:0 -.42rem;
}
.arrowTip.arrow2{
	background-position:0 -.84rem;
}
.errortip{
	position:fixed;
	width:100%;
	margin:auto;
	top:0;
	right:0;
	left:0;
	bottom:0;
	font-size:.2rem;
	padding:0 1rem;
	height:.6rem;
	display:none;
}
.errortip.on{
	display:block;
}
.errortip span{
	background-color:rgba(0,0,0,.8);
	color:#fff;
	padding:0 .2rem;
	height:.6rem;
	line-height:.6rem;
	display:inline-block;
	border-radius: .1rem;
	/*width:100%;*/
}
.alertPopupBox{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.8);
	z-index:200;
	display:none;
}
.alertBox{
	position:absolute;
	left:0;
	right:0;
	background-color:#fff;
	border-radius: .15rem;
	padding:.3rem;
	width:5.32rem;
	top: 50%;
    transform: translateY(-50%);
    margin:auto;
}
.alertTip{
	font-size:.32rem;
	color:#383838;
	margin:0;
	padding:.25rem;
	line-height:.42rem;
}
.alertBtn{
	height:.84rem;
	line-height:.84rem;
	color:#fff;
	font-size:.3rem;
	border-radius: .1rem;
	text-align:center;
	background-color:#60ae45;
	margin:0;
}
/*.picker-items-col{
	width:50% !important;
}
.picker-items-col-right{
	display:none;
}*/