@charset "UTF-8";
/* CSS Document */
/*初始化*/
body,
div,
span,
ul,
li,
p,
input,
h1,
h2,
h3,
h4,
img,
a,
title
 {
  margin: 0;
  padding: 0;
  border: 0;
  /*字体默认设置，同时作为尺寸标准*/
  font-size: 100%;
  list-style: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ width:100%; }
h3{
  color: white;
}
.nav{
  /*height: auto;*/
  width: 100%;
  background-color: rgba(50, 50, 50, 1);
  height:44px;   
  line-height:44px;   
  overflow:hidden; 
  text-align: center;
}
h1 {margin:0; padding:0; font-size:13px;text-align:center; color: #aaa}
body{ 	
  background:#283b4c;
	background-image:url(../images/Background.png);
	background-repeat:repeat;
	max-width:640px; 
	overflow-y:scroll;
	font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial; 
  margin:0 auto; 
  
  font-size:16px;
  -webkit-background-size: 10px 10px;
}
a {
  color: #0076cc;
}
/* 
body
{
	background:#283b4c;
	background-image:url(../Images/Background.png);
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family:AxelRegular,helvetica,arial,sans-serif;
	font-size:16px;
	-webkit-background-size: 10px 10px;
} */

@media all and (-webkit-min-device-pixel-ratio:2)
{
	body
	{
     background:#283b4c;
      background-image:url(../images/Background@2x.png);
      background-repeat:repeat;
      max-width:640px; 
      overflow-y:scroll;
      font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial; 
      margin:0 auto; 
      
      font-size:16px;
      -webkit-background-size: 10px 10px;
	}
}
	
.header{ padding:0 1.4rem;}
.header h2{ font-size:2.4rem; line-height:2.6rem; color:#4A4A4A; font-weight:bold; display:inline-block; padding:1.6rem 0;}
.support { text-align: center; font-size:0.8rem; color:#9B9B9B;line-height: 3rem;}
.header .attention{ font-size:1.0rem; padding-left:1.2rem; position:relative;}
.header .attention::before{ content:""; position:absolute; width:0.6rem; height:0.6rem; border-radius:50%; background:#ccc; left:0; top:0.4rem;}

.qrcode_btn{ margin-top:1rem; padding:0.6rem 1.4rem; padding-right:2rem; color:#0076cc; display:inline-block; background:url(../images/open_icon.png) no-repeat right bottom; background-size:2rem;}
.open{ background:url(../images/open_icon.png) no-repeat right top; background-size:2rem;}

.qrcode_box{ overflow:hidden; background:#eee; height:0; transition:all 0.4s; position:relative;}
.qrcode_box_show{ height:10rem;}
.qrcode_box .qrcode_pic{ position:absolute; width:8rem; left:1.4rem; top:1rem;}

.qrcode_box .step{ margin-left:10.6rem; height:12rem; }
.qrcode_box .step p{ padding-top:1rem; padding-right:1.4rem; text-align:left; font-size:1.2rem; color:#9B9B9B; line-height:1.4rem;}
.qrcode_box .step_detail{ color:#0076cc; height:5rem; line-height:5rem;}
.step_detail img{ height:5rem;}
.step_detail>*{ float:left;}
.step_detail img:first-of-type{ margin-right:2%;}

/*app列表框*/
.app_wrapper{ width:100%; position:relative; overflow-x:hidden; margin:0}
.platform_wrapper{ width:100%; height:auto;  box-sizing:border-box; padding:0 1.4rem 1.4rem 1.4rem; border-top:1px solid #ccc; margin:0; background:#fff; }

.platform_title {color: darkgray;border:darkgray solid thin;border-right-style: none;border-left-style: none;width: 50%;text-align: center;}
.selected_title {color: #0076cc;border:#0076cc solid thin;width: 50%;text-align: center;
}
/*.platform_wrapper>span{ padding:0.6rem 0.6rem;display: flex; display: -webkit-flex; justify-content: space-around; padding-bottom:0; font-size:2rem; position:relative;}*/
.platform_wrapper>span{margin:0.6rem 0.6rem;  display: flex; display: -webkit-flex; justify-content: space-around; padding-bottom:0; font-size:2rem; position:relative;  border-style: solid;
 
  }
.spanL{
  border:darkgray solid thin;
 
  border-right-style: none;


}
.spanR{

  border:darkgray solid thin;
  
  border-left-style: none;
}
.spanR.spanL{
border-top-style: none;
 border-bottom-style: none;
  
}
.platform_wrapper>li{ width:100%; padding-top:0.8rem; border-bottom:1px solid #ccc;}
.platform_wrapper .app_info{ width:100%; height:5.4rem;}
.platform_wrapper img{ float:left; width:5.4rem; height:5.4rem; margin-right:0.8rem; /*border:1px solid #ccc;*/ border-radius:20%; box-sizing:border-box;}

.info_box{max-width:50%; height: 100%; float:left; padding-top:0.2rem;}
.info_box span{ color:#aaa; padding-right:0.2rem; font-size:1.1rem; }
.platform_wrapper .down_btn{ float:right; width:5rem; height:2.6rem; margin:1.4rem 0; font-size:1.0rem;  border:0.12rem solid #0076cc; border-radius:0.4rem;  background:#fff; color:#0076cc; text-align:center; line-height:2.6rem;}

.all_version{ height:0;  margin:0.8rem 0.3rem; margin-bottom:0rem;  display:block;  overflow:hidden;}
.show_version{ height:auto;}
.all_version li.version_block {
  position: relative;
  padding-left: 0.8rem;
  padding-bottom: 1.3rem;
  padding-right: 0.8rem;
  padding-top: 0.6rem;
  color: #989898;
  background: #eee;
  border-radius: 0.5rem;
  margin-bottom: 0.6rem;
  height: auto;
}
.all_version>li p{ font-size:0.95rem;}
.all_version>li span{ font-size:0.95rem; color:#aaa;}

.all_version>li img{ float:left; width:4rem; height:4rem; margin-right:0.8rem; /*border:1px solid #ccc*/; border-radius:20%; box-sizing:border-box;}
.all_version>li.select{ background:#0076cc;}
.all_version>li.select span{ color:#fff;}
.all_version>li .down_btn{margin: 1.1rem !important; position: absolute; right: 0; top: 0; float:right; width:5rem; height:2.6rem; font-size:1.2rem;  border:0.12rem solid #0076cc; border-radius:0.4rem; outline:none;  background:#fff; color:#0076cc; text-align:center; line-height:2.6rem;}

.changelog {list-style: disc !important;display: block;overflow:hidden; text-overflow:ellipsis;width: 100%;padding-right: 0.8rem;padding-top: 0.2rem;}
.changelog li{list-style: disc !important;}
#moreButton {text-align: center;height: 2rem;}
.moreAppButton {width:100%;padding: 0.3rem; margin-top: 10px; margin-bottom: 10px; text-align: center;font-size:1.2rem;background-color:lightgray; border-radius:0.4rem;color:#989898;width: 100%; height: 2rem;line-height: 2rem;}
.navigationBar {height:45px; background-image:url(../images/HeaderTitle.png);  margin:0 auto;}
.headerTitle {padding-top: 10px;margin: 0 auto; overflow: hidden; width: 100px; font-family:AxelRegular; color:#252525; text-shadow: 0px 1px 0px #fff;}
.success {
  background-color: #2196F3;
} /* Green */