* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 0.18rem;
  color: #333;
}
.cloudMain {
  width: 14.2rem;
  margin: 0.9rem auto;
}
.cloudMain .top {
  height: 4rem;
}
.cloudMain .top .top-T {
  width: 100%;
  /* height: 0.65rem; */
  display: flex;
  display: none;
}
.cloudMain .top .top-T .top-T-L {
  width: 2.34rem;
  height: 100%;
}
.cloudMain .top .top-T .top-T-R {
  width: 9.46rem;
  line-height: 0.4rem;
  font-size: .2rem;
  margin: 0 0 0 1.43rem;
  color: #333;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cloudMain .top .top-B {
  height: 2.6rem;
  margin: 0.8rem 0 0 0;
  display: flex;
  justify-content: space-between;
}
.cloudMain .top .top-B .top-B-L {
  width: 4.34rem;
  height: 100%;
  background: linear-gradient(165deg, #FFFFFF 75%, #93E3BC 123%);
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.cloudMain .top .top-B .top-B-L > div {
  width: 0.88rem;
  height: 0.77rem;
  margin: 0.45rem auto 0;
}
.cloudMain .top .top-B .top-B-L p {
  text-align: center;
  font-weight: bold;
  color: #333;
  font-size: 0.28rem;
  margin-top: .41rem;
}
.cloudMain .bottom {
  margin: 0.8rem 0 0 0;
  position: relative;
  /*外面的椭圆*/
  /*外面椭圆上的四个模块*/
}
.cloudMain .bottom .ellipse {
  width: 10.1rem;
  height: 5.2rem;
  margin: 0 auto;
  border: 0.01rem dashed #029e4f;
  border-radius: 50%;
  overflow: hidden;
  /*里面的椭圆*/
}
.cloudMain .bottom .ellipse .ellipse2 {
  width: 5.39rem;
  height: 1.76rem;
  margin: 1.57rem auto 0;
  box-shadow: 0.01rem 0.02rem 0.05rem 0rem rgba(2, 158, 79.16);
  border-radius: 50%;
  overflow: hidden;
  /* position: relative; */
}
.cloudMain .bottom .ellipse .ellipse2 p {
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
  text-align: center;
  font-size: 0.38rem;
  position: absolute;
  top: 1.1rem;
  left: 13.5%;
}
.cloudMain .bottom .ellipse .pp {
  width: 1.73rem;
  height: 1.77rem;
  margin: -2.7rem 0 0 4.2rem;
}
.cloudMain .bottom .ellipse p {
  width: 4.4rem;
  height: 0.69rem;
  text-align: center;
  margin: 1.5rem 0 0 3rem;
  font-size: .14rem;
  line-height: .25rem;
  color: #333;
}
.cloudMain .bottom .outFours .outFirst {
  width: 2.82rem;
  height: 2.11rem;
  position: absolute;
  top: 10%;
  left: 10%;
}
.cloudMain .bottom .outFours .outFirst .ico {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto 0.15rem;
}
.cloudMain .bottom .outFours .outFirst .starBg {
  width: 100%;
  height: 1.16rem;
  background: url(../img/cloud/组\ 18559.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.cloudMain .bottom .outFours .outFirst .starBg p {
  color: #333;
  text-align: center;
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
  font-size: 0.24rem;
}
.cloudMain .bottom .outFours .outFirst .starBg .stars {
  width: 2.2rem;
  height: 0.38rem;
  margin: 0.18rem auto 0;
}
.cloudMain .bottom .outFours .outSecond {
  position: absolute;
  top: 12%;
  left: 71%;
}
.cloudMain .bottom .outFours .outThird {
  position: absolute;
  top: 70%;
  left: 10%;
}
.cloudMain .bottom .outFours .outFourth {
  position: absolute;
  top: 70%;
  left: 72%;
}
.starService {
  height: 6rem;
  margin: 1.04rem auto 0;
  background: url(../img/cloud/组\ 18564.png) no-repeat;
  background-size: 100% 100%;
}
.starService .starServiceMain {
  width: 14.2rem;
  height: 100%;
  margin: 0 auto;
}
.starService .starServiceMain .starServiceFours {
  width: 5.71rem;
  height: 2.45rem;
  margin: 0.7rem 0 0 0;
}
.starService .starServiceMain .starServiceFours .starServiceFours-first {
  width: 2.68rem;
  height: 1.05rem;
  background: linear-gradient(180deg, #F8F8F8 0%, #FFFFFF 100%);
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(148, 148, 148, 0.15);
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.starService .starServiceMain .starServiceFours .starServiceFours-first > div {
  width: 0.49rem;
  height: 0.49rem;
}
.starService .starServiceMain .starServiceFours .starServiceFours-first > div img {
  width: 0.49rem;
  height: 0.49rem;
}
.starService .starServiceMain .starServiceFours .starServiceFours-first p {
  color: #333;
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
  font-size: 0.27rem;
}
.hqhb {
  width: 14.2rem;
  margin: 0.8rem auto 1rem;
  display: flex;
  justify-content: space-between;
}
.hqhb .hqhb-L h1 {
  color: #333;
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
  font-size: 0.36rem;
}
.hqhb .hqhb-L p {
  margin: 0.42rem 0 0 0;
}
.hqhb .hqhb-R {
  width: 4rem;
  height: 2.2rem;
}
.hqhb .hqhb-R .hqhb-R-T {
  width: 100%;
  height: 1rem;
  color: #333;
  margin: 0 0 0.2rem 0;
  border: 0.02rem solid #D5D5D5;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.hqhb .hqhb-R .hqhb-R-T img{
  width: 0.43rem;
  height: 0.5rem;
  filter: brightness(0) invert(0);
}
.hqhb .hqhb-R .hqhb-R-T p {
  font-family: Microsoft YaHei-Bold;
  font-weight: bold;
  font-size: 0.28rem;
}
.hqhb .hqhb-R .hqhb-R-T:hover {
  border: 0.02rem solid #029E4F;
}
.hqhb .hqhb-R .hqhb-R-T:hover img{
  filter: brightness(1) invert(0);
}
.hqhb .hqhb-R .hqhb-R-T:hover p{
  color: #029E4F;
}

#signIn {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 1px;
  z-index: 9999;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
/* #signIn .ModalBox img {
  width: 1.04rem;
  height: 1.32rem;
  position: absolute;
  top: 6%;
  left: 30%;
}
#signIn .ModalBox .chahao {
  width: 0.25rem;
  height: 0.25rem;
  cursor: pointer;
  background: url(../img/cloud/路径\ 16449.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 15%;
  left: 67%;
} */