snd-escloud/target/classes/static/assets/css/mobile/project/index.css

@charset "utf-8";
html, body {
  font-family:  PingFangSC-light,'Microsoft YaHei',"SIMSUN";
  height:100%;
  margin:0;
  padding:0;
  font-size: 14px;
}
body {
  font-size: .48rem;
}
img {
  max-width: 100%;
}
ul,li {
  list-style: none;
  margin:0;
  padding:0;
}
p {
  margin:0;
  padding:0;
}
a {
  text-decoration: none;
}
.table{display: table}
.td{display: table-cell;table-layout: fixed;}
.td.center{text-align: center;}
.td.middle{vertical-align: middle;}
.relative {
  position: relative;
}
.mobile-content {
  max-width: 750px;
  margin: 0 auto;
}
.font-24 {
  font-size: .48rem;
}
.font-28 {
  font-size: .56rem;
}
.font-30 {
  font-size: .6rem;
}
.font-color-red {
  color: #ff0000;
}
.t-center {
  text-align: center;
}
/*==flex==*/
.flex-row { 
  width: 100%; /*for huawei*/
  display: -webkit-box;
  display: flex; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: -moz-flex; 
  -ms-flex-direction: row; 
  -webkit-flex-direction: row; 
  -moz-flex-direction: row; 
  flex-direction: row;
}
.flex-column {
  display: flex; 
  display: -ms-flexbox; 
  display: -webkit-flex; 
  display: -moz-flex;
  -ms-flex-direction: column; 
  -webkit-flex-direction: column; 
  -moz-flex-direction: column; 
  flex-direction: column;
}
.flex-center { 
  align-items: center;
}
.justify-content {
  justify-content:center;
}
.space-between {
  justify-content:space-between;
}
.stretch { 
  align-items: stretch;
}
.flex-shrink {
  flex-shrink:0;
}
.flex-end { 
  justify-content:flex-end;
}
.flex-wrap { 
  -webkit-flex-wrap:wrap; 
  -moz-flex-wrap:wrap; 
  -ms-flex-wrap:wrap; 
  flex-wrap:wrap;
}
.col-a1 { 
  -ms-flex: 1; 
  -webkit-flex: 1; 
  -moz-flex: 1; 
  flex: 1;
}
.col-a2 { 
  -ms-flex: 2; 
  -webkit-flex: 2; 
  -moz-flex: 2; 
  flex: 2;
}
/*==/flex==*/

.swiper-container {
  width: 15rem;
  height: 100%;
  margin: 0 auto;
}  
/*.swiper-slide:last-child{
    background: #f00 url(./images/slideLastNodeBg.png) no-repeat left top;background-size:100% 100%;
}*/
.swiper-slide{
  width:100%;
  height:100%;
  background-size: cover;
  position: relative;
}

.swiper-pagination-bullet {
width: 6px;
height: 6px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}

#array{
  position:absolute;z-index:999;-webkit-animation: tipmove 1.5s infinite ease-in-out;
}



.slide01{background: #1f4894 url(../../../images/mobileProject/imgBg01.jpg) no-repeat top left;background-size: 100% auto;}
.slide02{background: #454d66 url(../../../images/mobileProject/img02Bg.jpg) no-repeat top left;background-size: 100% auto;}
.slide03{background: #1f4894 url(../../../images/mobileProject/img03Bg.png) no-repeat top left;background-size: 100% auto;}
.slide04{background: #1f4894 }
.slide05{background: #1f5099 url(../../../images/mobileProject/img05Bg.png) repeat-y top left;background-size: 100% auto;}


.slide1Tit{position: absolute;width:90%;bottom:13rem;left:5%;font-size:1rem;color:#fff;}
.slide1Txt{margin:0 auto;text-indent: 2em;text-align: justify;
  position: absolute;width:90%;bottom:3.5rem;left:5%;box-sizing: border-box;padding:0.7rem;font-size:0.6rem;color:#fff;background:rgba(0,0,0,.38);border-radius: 1em; }

.slideTit{font-size:0.6rem;padding:0.6rem;border:0.05rem solid #0096cc;border-radius: 0.5rem;background:rgba(54,96,153,.64);text-align: center;width:50%;margin:0.75rem auto;color:#fff;}

.slide02 .li{width:80%;margin:0.5rem auto 0;border-radius: 0.3rem;border:0.1rem solid #999dab;}
.slide02 .li .td{padding:0.2rem 0;}
.slide02 .li .num{display:inline-block;width:2em;height:2em;
  line-height: 2em;font-size:0.5rem;color:#fff;
  border: 0.1rem solid #00ffff;border-radius: 50%;}

.slide02 .li .txt{font-size:0.5rem;color:#fff;word-wrap:break-word;word-break:break-all;}
.slide03 .notice{font-size:0.4rem;color:#fff;padding:0.5rem;background:#4c6da9;border:0.1rem solid #407dee;width:90%;margin:0.5rem auto;border-radius: 0.3rem;box-sizing: border-box; }


.slide3Table{width:90%;margin:0 auto;border:0.1rem solid #5a8cea;border-spacing: 0;border-collapse: separate;
  box-sizing: border-box;border-radius: 0.2rem;}

.slide3Table thead{background: #2e4e8a;}
.slide3Table thead td{line-height: 3em;border:none;
  text-align: center;color:#fff;}
.slide3Table tbody tr:nth-child(even){background: #1b3d7e;}
.slide3Table tbody tr td{padding:0.4em;border-color:#2e4e8a;
  line-height: 1.5em;vertical-align: middle;color:#00fffc;}
.slide3Table tbody tr td:first-child{color:#fff;}

.slide05Tit{text-align: center;color:#fff;font-size:0.6rem;margin:0.5rem 0; }

.slide05SmallTit{text-align: center;color:#fff;font-size:0.6rem;margin:0.5rem 0;}

.slide05Table{border:none;border-collapse: collapse;font-size:0.5rem;color:#fff;width:90%;margin:0 auto;}
.slide05Table a{color:#fff;text-decoration: none;}
.contactUs{width:6em;height:6em;border-radius: 50%;background: rgba(255,255,255,.7);color:#1f5099;box-sizing: border-box;padding:1.5em 0;text-align: center;line-height: 1.5em;position: absolute;right:1em;bottom: 4em;}

.about{font-size:0.4rem;color:#fff;position: absolute;bottom: 1em;left:0;width:100%;
  text-align: center;line-height: 1.5em;}