html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe
{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:22px; background:#fff;  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;  }
input,textarea{ resize:none; font-family:"Microsoft YaHei";}
img{border:0;vertical-align:bottom; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#00a25f;}
input:focus,textarea:focus{ outline:none; }
h1,h2,h3{  font-weight:normal;}

a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}

body{
    -webkit-overflow-scrolling:touch;
}

/* 清除浮动造成的影响 */
.fn-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clear {
    zoom:1; /* for IE6 IE7 */
}

/*继承父级元素*/
*,:after,:before{
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
input,select,textarea{
    font-size: 100%;
    background: #fff;
    vertical-align: middle;
    text-rendering: auto;
    outline: none;
}
a,button,input,select,textarea{
  -o-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

.full-img{
  width:100%;
}
.ar-hd .video-btn{
  width:68px;
  position:absolute;
  top:120px;
  left:50%;
  margin-left:-34px;
  animation: myfirst 5s infinite;
}
@keyframes myfirst{
  0% {transform: scale(1.0);}
  50%{transform: scale(1.1);}
  100%{transform: scale(1.0);}
}

.ar-hd .video-col-btn{
  position: absolute;
  top:100px;
  display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding:0 5%;
}
.ar-hd .video-col-flex{
  padding:0 6%;
  -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}


.ar-bd{
  background-color: #0074b7;
  background-image: linear-gradient(180deg, #0074b7 0%, #014a74 100%);
}
.ar-bd-icon{
  text-align:center;
  margin-top:0px;
  padding:0 32%;
}
.ar-bd-icon p{
  color:#fff;
  line-height:36px;
  font-weight:700;
  font-size:15px;
}
.ar-btn-cont,.ar-step{
  padding:0 6%;
}
.btn-buy-cont{
  padding-top:48px;
}
.ar-btn-cont .btn{
  display: block;
  text-align:center;
  height:46px;
  line-height:46px;
  text-decoration:none;
  font-size:18px;
  border-radius:23px;
  box-shadow:3px 4px 0 rgba(0, 0, 0, 0.2);
}
.ar-btn-cont .btn:hover,.ar-btn-cont .btn:active{
  opacity:0.8;
}
.ar-btn-cont .btn img{
  width:28px;
  vertical-align:middle;
  padding-right:3px;
}
.ar-btn-cont .btn-buy{
  background-color:#fff;
  color:#0a4789;
}
.ar-btn-cont .btn-buy span{
  font-size:12px;
  display:inline-block;
  padding-left:4px;
  color:#999;
}
.btn-down-cont{
  padding-top:60px;
  padding-bottom:60px;
}
.ar-btn-cont .btn-ios{
	border: 2px solid #FDFDFD;
	margin-top: 25px;
	color: #FCFCFC;
	background-color: #872bc1;
}
.ar-btn-cont .btn-android{
	border: 2px solid #FFFFFF;
	margin-top: 25px;
	background-color: #872bc1;
	color: #FDFDFD;
}

.ar-step .ar-step-cont{
   padding-left: 32px;
   margin-top: 48px;
   background: url(../img/ar-apps-step-line.png) no-repeat left 6px;
   padding-bottom: 20px;
}
.ar-step-item{
  color:#fff;
  padding-bottom:90px;
}
.ar-step-item:nth-child(2){
  padding-bottom:110px;
}
.ar-step-item .step-tit{
  font-size:32px;
  font-weight:700;
  opacity:0.1;
}
.ar-step-item .text{
   padding-top:15px;
   opacity: 0.8;
   font-size:15px;
}
.ar-step-item .ways-sub{
  margin-top:20px;
}

/*视频*/
.theme-mask2{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=50);-moz-opacity:0.5; display:none;}
.popover2{
  width:100%;  z-index:100001; position:fixed;
  left: 0;
right: 0;
top: 50%;
-o-transform: translateY(-60%);
-moz-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;overflow:inherit !important;
}
.popover2 dl{font-size:14px; color:#333; line-height:40px;}
.popover2 dl a{ width:110px; height:40px; background:#24b728; color:#fff; display:inline-block; border-radius:2px; font-size:14px;margin-top:30px;}
.popover2 .close{
  position: absolute;
  bottom:-40%;
  left:50%;
  margin-left:-15px;
  animation: myfirst2 5s infinite;
}
@keyframes myfirst2{
  0% {margin-bottom:0}
  50%{margin-bottom:-10px;}
  100%{margin-bottom:0}
}
.popover2 .close:hover{opacity:0.8;}