@charset "utf-8";
/* CSS Document */
html { height: 100%; font-size:68.8%;}

*{ margin: 0; padding: 0; border: none; list-style-type: none; font-weight: normal;}
body,a{ color:#333; font-size:12px; } /*font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px; */

img {border: 0; display:inline-block; max-width: 100%;}

.d_c { margin-left: auto; margin-right: auto;}
.hidden { display: none !important;}
.clear{ clear:both; height:0x; display:block; overflow:hidden;}
.flt{ float:left;}
.frt{ float:right;}


.bg-f2 { background: #f2f2f2;}
.viewport-index{ max-width: 640px; margin: 0 auto; padding-bottom:60px;}

.img-dw{ width:100%; position:relative;}
.img-dw img{ width:100%; display:block;}
.img-dw.title{ padding:15px 0;}

.fs15{ font-size:15px;}
.fs12{ font-size:12px;}

/*页面top*/
.bottom_box{position: fixed;background: rgba(0,0,0,0.8);height: 60px;bottom: 0;z-index: 1000;left:0;right: 0;padding-left: 2%;}
.bottom_box .btm_icon{width: 40px;height: 40px;margin-top:10px; display:inline-block;}
.bottom_box p,.bottom_box p a{ font:13px/20px Microsoft Yahei;color: #fff;margin:9px 0 0 6px; text-decoration:none;}
.bottom_box .download_btn{background: #f21b27;border-radius: 3px;display: block;width: 88px;height:38px; margin:11px 15px 0 0; font:13px/38px Microsoft Yahei;color: #fff; text-decoration:none; text-align: center;}
/*end 页面top*/

/**/
.hdp-dw{ background:url(../images/bj03.jpg) no-repeat center top; background-size:cover;}

.red-pack{ width:100%; text-align:center;}
.red-pack .box{ width:254px; height:187px; display:inline-block; background:url(../images/hongbao.png) no-repeat left top; background-size:100% auto;}
.red-pack .box span.aniBlow2{ text-align:center; width:60px;  margin-top:20%; display:inline-block;}
.red-pack .box span.aniBlow2 img{ width:60px; display:inline-block;}

.red-pack .box p{ width:100%; text-align:center; line-height:1.8rem;}
.red-pack .box p .p01{ color:#f8d856; font-size:1.6rem;}
.red-pack .box p .p02{ color:#fff; font-size:1.8rem;}

		.aniBlow2 {
            -webkit-animation: aniBlow02 600ms ease-in 200ms infinite alternate;
            -moz-animation: aniBlow02 600ms ease-in 200ms infinite alternate;
            -ms-animation: aniBlow02 600ms ease-in 200ms infinite alternate;
            animation: aniBlow02 600ms ease-in 200ms infinite alternate;
        }
 		@-webkit-keyframes aniBlow02 {
            0% {
                -webkit-transform: scale(1, 1);
            }
            100% {
                -webkit-transform: scale(.8, .8);
            }
        }

        @-moz-keyframes aniBlow02 {
            0% {
                -moz-transform: scale(1, 1);
            }
            100% {
                -moz-transform:  scale(.8, .8);
            }
        }

        @-o-keyframes aniBlow02 {
            0% {
                -o-transform: scale(1, 1);
            }
            100% {
                -o-transform:  scale(.8, .8);
            }
        }

        @-ms-keyframes aniBlow02 {
            0% {
                -ms-transform: scale(1, 1);
            }
            100% {
                -ms-transform:  scale(.8, .8);
            }
        }

        @keyframes aniBlow02 {
            0% {
                transform: scale(1, 1);
            }
            100% {
                transform:  scale(.8, .8);
            }
        }				
/**/



/*download01*/
.download01{ width:100%; text-align:center;   position:absolute; top:0; left:0; background:url(../images/xiaz02.png) no-repeat top center; background-size:100% auto;}
.download01 span{vertical-align:middle; display:inline-block; width:100%; margin-top:7%;}
.download01 span img{ width:35%; display:inline-block; }
/*end download01*/
		.aniBlow1 {
            -webkit-animation: aniBlow 200ms ease-in 100ms infinite alternate;
            -moz-animation: aniBlow 200ms ease-in 20ms infinite alternate;
            -ms-animation: aniBlow 200ms ease-in 20ms infinite alternate;
            animation: aniBlow 200ms ease-in 20ms infinite alternate;
        }
 		@-webkit-keyframes aniBlow {
            0% {
                -webkit-transform: scale(1, 1);
            }
            100% {
                -webkit-transform: scale(.7, .7);
            }
        }

        @-moz-keyframes aniBlow {
            0% {
                -moz-transform: scale(1, 1);
            }
            100% {
                -moz-transform: scale(.7, .7);
            }
        }

        @-o-keyframes aniBlow {
            0% {
                -o-transform: scale(1, 1);
            }
            100% {
                -o-transform: scale(.7, .7);
            }
        }

        @-ms-keyframes aniBlow {
            0% {
                -ms-transform: scale(1, 1);
            }
            100% {
                -ms-transform: scale(.7, .7);
            }
        }

        @keyframes aniBlow {
            0% {
                transform: scale(1, 1);
            }
            100% {
                transform: scale(.7, .7);
            }
        }		
/*banner01*/
.banner05 {
    width: 100%;
    position: relative;
}
.banner05 .swiper-slide {
		width:46%;
}
.banner05 .swiper-button-prev, .banner05 .swiper-button-next{ width:40px; height:40px;}
.banner05 .swiper-button-prev{ background:url(../images/button-l.png) no-repeat; background-size:40px auto;}
.banner05 .swiper-button-next{ background:url(../images/button-r.png) no-repeat; background-size:40px auto;}
/*end banner02*/	

.touf-btn{ width:100%; text-align:center; line-height:22px; padding:20px 0; color:#666; background:#121212;}
.touf-btn a{ color:#666; text-decoration:none;}


/*子页面 --通用*/
	/*关于我们*/
	.bg-f5 {
		background: #f5f5f5;
	}
	.about-us{ color:#b881e2; padding:10px;}
	.about-us a{ color:#1b1b1b; }
	.about-us h3{ width:100%; color:#1b1b1b; font-size:1.8rem; font-weight:bold; text-align:center; margin-bottom:15px; padding-bottom:10px; box-shadow:0px 1px 0px 0px rgba(255,255,255,1); border-bottom: 1px solid #ccc;}
	.about-us h5{ font-size:1.5rem; margin-bottom:10px; color:#1b1b1b;}
	.about-us p{ font-size:1.4rem; text-indent:30px; margin-bottom:10px; color:#1b1b1b;}
	.about-us ul li{ font-size:1.4rem; color:#1b1b1b;}
	.about-us ul li span{  display:inline-block;}
	/*end 关于我们*/

	/*安装问题*/
	.problem-anz{  background: url(../images/img-q02.jpg) center bottom #48b4ff no-repeat; background-size:100% auto; font-size:1.25rem; padding:5% 15px 15% 15px; line-height:2.4rem; color:#fff; }
	.problem-anz h3{ width:100%; text-align:center;}
	.problem-anz p{text-indent:22px;}
	
	.problem-list{ width:100%; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.problem-list .list{display:table; width:100%; }
	.border-bottom{ border-bottom:1px solid #e4e4e4; padding-bottom:20px; margin-bottom:20px; overflow:hidden;}
	.problem-list .list > span,.problem-anz .list > div{ display:table-cell; vertical-align:top;}
	.problem-list .list > span{  width:50px; text-align:center; padding-right:5px;}
	.problem-list .list > span img{ height:24px;}
	.problem-list .list > span i{ display:inline-block; text-align:center; width:35px; height:35px ; line-height:35px; background:#ffc000; border-radius:50%; font-size:2rem; color:#fff;}
	.problem-list .list > div{ font-size:1.4rem; color:#3a3a3a; padding-right:20px;}
	.problem-list .list > div button{ background:#48b4ff; border:none; color:#fff; border-radius:3px; padding:2% 0; width:48%; font-size:1.6rem; margin-top:20px;} 
	/*end 安装问题*/

	/*打不开*/
	.logo-q,.img-q{ width:100%;}
	.logo-q img{ width:48%; margin:10px;}
	
	.img-q img{ width:100%;}
	
	.q-button{ width:100%; padding:0 2%; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.q-button button{ width:46%; margin:0 2% ;  float:left;  border-radius:6px; border:none; padding:3% 0; margin-top:10%; text-align:center; background:#fe4d4d; box-shadow:0 3px 0 #dc2929; color:#fff; font-size:1.4rem;}
	/*end 打不开*/

	/*提示*/
	.tishi,.mask{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:2000;}
	.tishi img{ width:100%; margin-top:10px;}
	/*end 提示*/

	/*mask*/
	.mask-content {
		width: 90%;
		position: fixed;
		left: 5%; top:52%; transform:translateY(-50%); -webkit-transform:translateY(-50%);
		background: #fff;
		border-radius: 8px;
	}
	.mask-content h3{ font-size:1.8rem; font-weight:normal; color:#1b1b1b; border-bottom:1px solid #e7e7e7; padding:4% 0; text-align:center; position:relative;}
	.mask-content h3 .mask-close{ position:absolute; top:-40px; right:5px; height:60px; display:block;}
	.mask-content h3 .mask-close img{ height:100%;}
	.mask-content .mask-banner{ width:100%; color:#1b1b1b; font-size:1.4rem; margin-bottom:2%; text-align:center;}
	.mask-content .mask-banner img{ width:75%;}
	.mask-content .mask-button{ width:100%; border:none; background:#ff9b25; font-size:1.8rem; border-radius:0 0 8px 8px; color:#fff; padding:4% 0; text-align:center;}
	
		/*安装弹框*/
	.mask-anz {
		width:80%; left:10%;
	}
	.mask-anz  h3{ font-weight:bold;}	
	.mask-wenz{ padding:30px 15px;}	
	.mask-wenz p{ text-align:left; text-indent:2.8rem; line-height:1.6em; font-size:1.4rem; margin-bottom:10px; color:#666;}
	.mask-wenz p:last-child{ margin-bottom:0;}	
			/*两个按钮*/
	.button01{ overflow:hidden;  }
	.button01 button{ width:100%; float:left; height:45px; line-height:45px; border:0; font-size:1.5rem; text-align:center;}
	.button01 .bg-blue{ background:#ffb618; color:#fff; border-radius:0 0 6px 6px;}
		/*end 安装弹框*/	
	/*end mask*/

/*end 子页面 --通用*/

@media only screen and (max-width: 800px) {
html {
	font-size:75%;
}
}
@media only screen and (max-width: 435px) {
html {
	font-size:68.8%;
}	
}
@media only screen and (max-width: 384px) {
html {
	font-size:68.8%;
}
}
@media only screen and (max-width: 360px) {
html {
	font-size:62.5%;
}
}