@charset "utf-8";
/* CSS Document */
html,body{width: 100%; height: 100%;}
body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#fff;margin: 0;padding: 0;}
.img_bg{ position: absolute; width: 100%; height: 100%; left: 0%;top: 0;}
.title{position: absolute; left: 0; top: 3%; right: 0; bottom: 0; }
.title_top{width: 100%; }
.content{width: 100%;}
.tit{text-align: center; font-size: 1.2rem; line-height: 2.4rem; margin: 1rem 0 1rem 0;padding: 0.6rem;}
.icon{top: 20%; width: 55%;left: 15%;margin:5% auto 0}
.icon p{background: #1b88f7; border-radius:5px; border:1px solid #ffffff; box-shadow:0 2px 10px rgba(0,0,0,.4); opacity:0.8; font-size: 1rem; line-height: 2rem; padding: 0.4rem;display:flex; justify-content:center; align-items:center; }
.icon_img{width:25px; margin-right:15px}
.text_center p{ text-indent: 0; text-align: center;}
.remark{color: #000;text-align: center; font-size: 1.2rem; line-height: 2.4rem; margin: 100% 0 1rem 0;padding: 0.6rem;}
/*2020-05-09*/
.flex-y-center{
	display: flex;
	align-items: center;
}
.flex-x-center{
	display: flex;
	justify-content: center;
}
.guideContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow-x:hidden;
	overflow-y: auto; 
}
.guideContainer .index_title{
    font-size: 22px;
    color: #c31e21;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    margin: 30px auto;
}
.guideContainer .index_title img{
	width: 30px;
	margin-right: 3px;
}
.guideContainer .index_phoneBg{
	width: 40%;
	margin: 0 30% 5px;
}
.guideContainer .list_word{
	font-size: 13px;
	color: #000;
	padding-left: 75px;
	margin-bottom: 30px;
}
.guideContainer .list_word span{
	display: block;
	width: 42px;
	height: 18px;
	background-color: #c31e21;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	line-height: 18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	margin-right: 8px;
}
.guideContainer .QR_code{
	width: 130px;
	height: 130px;
	margin: 20px auto 30px;
}
.guideContainer .QR_code img{
	width: 100%;
	height: 100%;
}
.guideContainer .downloadBtn{
    width: 64%;
    height: 44px;
    background-color: #c31e21;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    display: block;
    margin: 30px 18%;
    text-decoration: none;
    letter-spacing: 6px;
}