html {
  font-size: 100%;
}

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0;
}

.mobileDownload {
  width: 100%;
  height: 100%;
  background: #eee;
  position: relative;
}

.mobileDownloadHeader {
  width: 100%;
  height: 1.066667rem;
  font-size: 0.453333rem;
  background-color: #ec292d;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gouLiRuanJian_div {
  position: relative;
  width: 100%;
  background-color: #fff;
}

.gouLiRuanJian_div .gouLiRuanJian_div_top {
  height: 2.3rem;
  width: 88%;
  margin: 0 auto;
  padding-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gouLiRuanJian_div_topLeft {
  height: 2.3rem;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gouLiRuanJian_div_topRight {
  height: 2.3rem;
  float: left;
  margin-left: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gouLiRuanJian_div_topRightNb{
  height: 80%;
  width: 100%;
}

.div_topRight1Span {
  font-size: 0.25rem;
  padding: 0.04rem 0.2rem;
  background: #0a8ddf;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.3rem;
  line-height: normal;
}

.div_topRight1 {
  height: 50%;
  display: flex;
  justify-content: left;
  align-items: center;
}

.div_topRight3 {
  height: 50%;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #999999;
  font-size: .4rem;
}

.div_topRight2 {
  height: 50%;
  display: flex;
  justify-content: left;
  align-items: center;
  color: #0a8ddf;
  font-size: .35rem;
}

.gouLiRuanJian_div .gouLiRuanJian_div_center, .gouLiRuanJian_div_center_title {
  width: 88%;
  margin: 0 auto;
}
.gouLiRuanJian_div .gouLiRuanJian_div_center{
  margin-top: .1rem;
}
.gouLiRuanJian_div_bottomNb{
  display: flex;
  justify-content: center;
  align-items: center;
}
.gouLiRuanJian_div .gouLiRuanJian_div_bottom {
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.gouLiRuanJian_div .gouLiRuanJian_div_bottom1 {
  margin-top: 0.3rem;
  padding-bottom: 0.3rem;
  width: 100%;
}

.gouLiRuanJian_div .iphoneIOSState {
  width: 100%;
  padding-bottom: .3rem;
  font-size: .4rem;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gouLiRuanJian_div .gouLiRuanJian_div_bottom ul li {
  border-radius: 0.533333rem 0.533333rem 0.533333rem 0.533333rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  width: 40%;
  margin-left: 30%;
  background-color: #ec292d;
  font-size: 0.4rem;
  color: #fff;
}
.gouLiRuanJian_service{
  width: 100%;
  height: .5rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.gouLiRuanJian_service1{
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.gouLiRuanJian_service3{
  width: 88%;
  margin: 0 auto;
  line-height: normal;
  font-size: .4rem;
}
.gouLiRuanJian_service3 span{
  color: #999999;
}
.gouLiRuanJian_service3 span a{
  font-size: .4rem;
  color: #ec292d;
  text-decoration: none;
}
.gouLiRuanJian_service span, .huawei_pattern1 span{
  width: 100%;
  height: .5rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.gouLiRuanJian_service1 span{
  height: .7rem;
  padding-left: .3rem;
  padding-right: .3rem;
  border: 1px solid #ec292d;
  border-radius: .5rem;
  color: #ec292d;
  display:flex;
  justify-content:center;
  align-items:center;
}

.gouLiRuanJian_service span a{
  font-size: .4rem;
  color: #0a8ddf;
  text-decoration:none;
}
.gouLiRuanJian_service1 span a{
  font-size: .4rem;
  color: #ec292d;
  text-decoration:none
}
.gouLiRuanJian_div_top img {
  border-radius: 0.2rem;
  height: 1.9rem;
  width: 1.9rem;
  background: #f5f5f5;
  position: relative;
}

.gouLiRuanJian_div_top .rightSpan {
  font-size: 55px;
  color: #cc5200;
  margin-left: 1.5rem;
}

.gouLiRuanJian_div_center span {
  font-size: 0.45rem;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  line-height: .7rem;
  color: #171515;
  text-indent: 2em;
}

.download_page_version {
  width: 100%;
  height: 80px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0385f7;
}

.iphoneIOSStyle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .3rem;
  margin-right: .3rem;
}

.iphoneIOSStyle span {
  background: #fd0b0b;
  color: #fff;
  font-size: .4rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  padding: 0.2rem 1rem;
}

.gouLiRuanJian_service3Button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .3rem;
  margin-right: .3rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.gouLiRuanJian_service3Button span {
  background: #fd0b0b;
  color: #fff;
  font-size: .4rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  padding: 0.2rem 1rem;
}

.iphoneIOSStyle span a , .gouLiRuanJian_service3Button span a{
  text-decoration: none;
  color: #fff;
}

.iphoneIOSStyle1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .3rem;
  margin-right: .3rem;
}

.iphoneIOSStyle1 span {
  background: #64b1f5;
  color: #fff;
  font-size: .4rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  padding: 0.2rem 1rem;
}

.iphoneIOSStyle1 span a {
  text-decoration: none;
  color: #fff;
}

.mobileDownloadMask {
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.4);
}

.mobileDownloadMask img {
  width: 100%;
}

.saomaDownloadSdLeve {
  width: 1200px;
  height: 1000px;
  background: #efeeee;
  border-radius: 10px;
  margin: 0 auto;
  margin-top: 20px;
}

.saomaSdLeveImg {
  width: 25%;
  position: relative;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.saomaSdLeveImg img {
  width: 150px;
  margin-top: 20px;
  border-radius: 10px;
}

.saomaSdLeveContent {
  width: 70%;
  height: 100%;
  float: left;
}
.huawei_pattern1{
  width: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.huawei_pattern1 span a{
  font-size: .4rem;
  color: #999999;
  text-decoration: none;
}
.btn-dld {
  width: 80%;
  height: 50px;
  background: url(../images/lj_showdown.png) center no-repeat;
  top: 240px;
  left: 10%;
  position: absolute;
}

.saomaSdLeveTitle {
  width: 100%;
  margin-top: 20px;
  font-size: 56px;
  font-weight: bold;
  color: #000000;
  display: flex;
  justify-content: left;
  align-items: center;
  letter-spacing: 15px;
}

.saomaSdLeveVersion {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 20px;
  color: #00A1CB;
}

.saomaSdLeveState {
  font-size: 25px;
  line-height: 40px;
  color: #c0a16b;
}

.saomaDownloadList {
  width: 96%;
  margin: 0 auto;
  border-bottom: 10px solid #fff;
  padding-bottom: 80px;
  padding-top: 40px;
}

.mobileDownloadGzh {
  width: 100%;
  padding-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobileDownloadGzh img {
  width: 90%;
  border-radius: 25px;
}

.gouLiRuanJian_div_center_title span {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 43px;
  color: #171515;
  text-indent: 2em;
}

#image-container {
  width: 88%;
  margin: 0 auto;
  position: relative;
}

#image-container img {
  width: 100%;
}
.mobileDownload{
  width: 100%;
  background: #ffffff;
}
.gouLiRuanJianShowImg {
  width: 88%;
  margin: 0 auto;
  margin-top: 0.5rem;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
.gouLiRuanJianShowImg ul{
  width: 100%;
}
.gouLiRuanJianShowImg ul li{
  width: 34%;
  white-space: nowrap;
  display: inline-block;
}
.gouLiRuanJianShowImg ul li img{
  width: 100%;
}
#prev-button {
  position: absolute;
  left: 6%;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: none;
}

#next-button {
  position: absolute;
  right: 6%;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: none;
}

.prev-button-img {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 1.4rem;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.3rem;
}

.prev-button-img img {
  width: 1rem;
}
.halvingLine{
  width: 100%;
  height: 0.3rem;
  background: #f5f5f5;
  margin-top: 0.3rem;
}