body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form{margin: 0; padding: 0;}
ul,ol{list-style: none;}
img{border: none;}
input,select,textarea{outline: none; border:none; background-color: transparent;}
textarea{resize: none;}
a{text-decoration: none; cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
em,i,b{font-style: normal;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
/*.html_100 .warp{height: 100%;}*/
.textOver{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

html,body{height: 100%;}
.moble,.pc{
  display: none;
  height: 100%;
  position: relative;
}
.moble{
  background: url('https://tqmall-image.s3.cn-north-1.jcloudcs.com/web/app-down/imgs/app-back.png') 0 0 no-repeat;
  background-size: 100% 100%;
}
.moble>img{
  position: absolute;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  top: 3.14rem;
}
.moble>a{
  background: url('https://tqmall-image.s3.cn-north-1.jcloudcs.com/web/app-down/imgs/down.png') 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 3.92rem;
  left: 50%;
  width: 2.8rem;
  margin-left: -1.4rem;
  height: .95rem;
}
.pc{
  background: url('https://tqmall-image.s3.cn-north-1.jcloudcs.com/web/app-down/imgs/web-back.png') 0 0  no-repeat;
  background-size: 100% 100%;
  min-width: 1200px;
}
.container{
  height: 498px;
  width: 954px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -249px 0 0 -477px;
}
.contMobleImg{
  float: left;
  width: 241px;
  height: 497px;
  margin-right: 16px;
}
.contItem{
  float: left;
  margin-left: 16px;
  width: 216px;
  height: 100%;
  position: relative;
  text-align: center;
}
.contItemShow{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  padding-top: 57px;
  margin-top: -184px;
  height: 309px; 
}
.contItemShow>img{
  height: 114px;
  width: auto;
  margin-bottom: 27px;
}
.contItemShow>p{
  font-size: 22px;
  line-height: 30px;
  color: #4D4D4D;
  margin-bottom: 36px;
}
.contItemShow>a{
  display: inline-block;
  font-size: 20px;
  color: #FFFFFF;
  width: 126px;
  line-height: 48px;
  height: 48px;
  border-radius: 24px;
  background: #E1251B;
  box-shadow: 0 9px 8px -6px rgba(255,74,74,0.41);
}
.contItemHide{
  display: none;
  height: 306px;
  background: #FFFFFF;
  box-shadow: 0 6px 14px 0 rgba(187,187,187,0.20);
  border-radius: 12px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  padding-top: 62px;
  margin-top: -184px;
}
.contItemHide>img{
  height: 110px;
  width: auto;
  margin-bottom: 26px;
}
.contItemHide>p{
  font-size: 22px;
  color: #B00000;
  line-height: 30px;
  margin-bottom: 36px;
}
.contItemHide>a{
  display: inline-block;
  background: #E1251B;
  box-shadow: 0 9px 8px -6px rgba(255,74,74,0.41);
  border-radius: 24px;
  width: 126px;
  line-height: 48px;
  height: 48px;
  font-size: 20px;
  color: #FFFFFF;
}
.contItemHide>h3{
  font-size: 22px;
  color: #B00000;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 48px;
}
.contItemHide>span{
  font-size: 20px;
  color: #E30000;
  line-height: 28px;
}