@charset "utf-8";
/* CSS Document */
body {
  max-width: 100%; overflow-x: hidden;
  background: #a30200 url(../images/bg.jpg) repeat-y center 1030px;
  color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
input::focus-inner { padding: 0; border: 0; }

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* 通用头部 */
.ht_top {
  position: relative; width: 100%; overflow: hidden; z-index: 2;
  background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
  line-height: 41px;
}
.ht_top h1 {
  float: left;
}
.ht_top h1 a {
  float: left; width: 131px; height: 40px; overflow: hidden;
  background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
  font-size: 12px; text-indent: -100em;
}
.ht_top .topnav {
  float: right;
  font-size: 12px;
}
.ht_top .topnav a {
  padding: 0 8px;
}

.banner { 
  position: relative; height:990px;
  background: url(../images/banner01.jpg) no-repeat top;
}
.banner .pic01 {
  position: absolute; left:50%; top:-112px;
  width: 312px; height: 643px; margin-left: -746px; pointer-events: none;
  background: url(../images/banner05.png) no-repeat center;
  background-size:contain;
  animation:curtainsl 8s ease-in-out 0s infinite alternate;
  transform-origin: left top;
}
.banner .pic02 {
  position: absolute; left:50%; top:-87px;
  width: 297px; height: 613px; margin-left: 425px; pointer-events: none;
  background: url(../images/banner06.png) no-repeat center;
  background-size:contain;
  animation:curtains2 8s ease-in-out 0s infinite alternate;
  transform-origin: right top;
}
@keyframes curtainsl {
  0% {transform: skew(-2deg,-2deg);}
  100% {transform: skew(2deg,4deg);}
}
@keyframes curtains2 {
  0% {transform: skew(2deg,2deg);}
  100% {transform: skew(-2deg,-4deg);}
}
.banner h3 {
  position: absolute; top:115px; left:0;
  width:100%; height: 56px; overflow: hidden;
  background: url(../images/banner02.png) no-repeat center;
  background-size:contain;
  color: #9b0413; font-size: 26px; line-height: 42px; text-align: center;
}
.banner .tit01 {
  position: absolute; top:179px; left:50%;
  width:345px; height: 199px; margin-left: -174px; overflow: hidden;
  background: url(../images/banner03.png) no-repeat center;
  background-size:contain;
  text-indent: -9999em;
}
.banner .tit02 {
  position: absolute; top:379px; left:50%;
  width:342px; height: 203px; margin-left: -170px; overflow: hidden;
  background: url(../images/banner04.png) no-repeat center;
  background-size:contain;
  text-indent: -9999em;
}

.title {
  position: relative; height: 195px;
  background: url(../images/pic01.png) no-repeat bottom;
  background-size: contain;
  text-align: center;
}
.title .pic01 {
  position: absolute; left:257px; top: 53px;
  width: 115px; height: 101px; pointer-events: none;
  background: url(../images/pic02.png) no-repeat center;
  background-size:contain;
}
.title .pic02 {
  position: absolute; left:338px; top: 20px;
  width: 97px; height: 82px; pointer-events: none;
  background: url(../images/pic04.png) no-repeat center;
  background-size:contain;
  animation: float01 .8s infinite alternate;
}
@keyframes float01 {
  0% {transform: scale(1);}
  100% {transform: scale(.8); opacity: 0;}
}
.title .pic03 {
  position: absolute; right:257px; top: 53px;
  width: 115px; height: 101px; pointer-events: none;
  background: url(../images/pic03.png) no-repeat center;
  background-size:contain;
}
.title .pic04 {
  position: absolute; right:338px; top: 20px;
  width: 97px; height: 82px; pointer-events: none;
  background: url(../images/pic05.png) no-repeat center;
  background-size:contain;
  animation: float01 .8s infinite alternate;
}
.title h3 {
  color: #fff; font-size: 50px; line-height: 124px; text-align: center;
}
.title h3 span {
  color: #fff603;
}

.borBox {
  width: 1200px; padding:30px; margin:0 auto 60px; box-sizing: border-box;
  background: #c71e1b;
}
.bgBox {
  box-sizing: border-box;
  background: url(../images/pic06.jpg) repeat center;
  border-radius: 15px 15px 0 0;
}
.con01 {
  padding: 40px 0;
}
.con01 li {
  float:left; width: 33.333%;
}
.con01 h4 {
  width: 314px; height: 136px; padding-top: 69px; margin: 0 auto 8px; box-sizing: border-box;
  background: url(../images/pic10.png) no-repeat center;
  color: #fff603; font-size: 30px; font-weight: 400; line-height: 60px; text-align: center;
}
.con01 p {
  width: 290px; height: 185px; padding-top:25px; margin: 0 auto; box-sizing: border-box;
  background: #f7e4c4; border-radius: 0 0 15px 15px;
  font-size: 22px; line-height: 40px; text-align: center;
}

.box02 {
  padding-bottom: 140px; margin-bottom: 10px;
  background: url(../images/pic20.png) no-repeat bottom;
}
.con02 {
  width: 920px; padding: 25px 0; margin:0 auto;
  background:url(../images/pic06.jpg) repeat center;
  border-radius: 5px;
  border: solid 5px #fdd074;
}
.con02 dl {
  position: relative;
}
.con02 dt {
  position: relative; width: 830px; height: 482px; margin:0 auto;
  background:url(../images/pic21.png) no-repeat center;
  background-size: contain;
}
.con02 dt .pic {
  position: absolute; left: 230px; top:45px; pointer-events: none;
  width: 384px; height: 372px; margin:0 auto;
  background:url(../images/pic22.png) no-repeat center;
  background-size: contain;
}
.con02 dd {
  position: absolute;
  color: #f7e4c4; font-size: 22px; text-align: center; line-height: 36px;
}
.con02 dd span {
  display: block;
  color: #ffd202; font-size: 36px;
}
.con02 .list01 { left: 130px; top: 30px; }
.con02 .list02 { right: 25px; top: 40px; }
.con02 .list03 { left: 40px; top: 135px; font-size: 20px; }
.con02 .list04 { right: 50px; top: 140px; font-size: 20px; }
.con02 .list03 span,
.con02 .list04 span { font-size: 32px; }
.con02 .btnBox {
  position: relative; width: 556px; height: 153px; padding-top: 80px; margin: -153px auto 0; box-sizing: border-box;
  background:url(../images/pic23.png) no-repeat bottom;
  background-size: contain;
  color: #ef242b; font-size: 30px; line-height: 70px; text-align: center;
}
.showOrder {
  display: inline-block; width: 220px; height: 46px; cursor: pointer;
  vertical-align: top; margin-top: 10px; margin-left: 20px;
  background: #f2262d; border-radius: 46px; box-shadow: 0 6px 0 #ffe010;
  color: #fff; font-size: 30px; line-height: 46px; text-align: center;
}
.showOrder:hover {
  opacity: .9;
  animation: tada .8s;
}

.con03 {
  padding: 35px 18px;
}
.con03 li {
  float: left; width: 250px; height: 360px; margin:0 13px; box-sizing: border-box;
  background:#c30d23 url(../images/pic30.png) no-repeat center 72px;
  border: 3px solid #f9bb2b; border-radius: 15px;
}
.con03 h4 {
  padding-top: 20px; margin-bottom: 45px;
  color: #fdd074; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center;
}
.con03 h4 span {
  color: #fff603; font-size: 34px; font-weight: 800;
}
.con03 p {
  margin: 0 12px;
  color: #fff; font-size: 20px; line-height: 34px; text-align: justify;
}

.con04 {
  padding: 40px 6px;
}
.con04 li {
  position: relative;
  float: left; width: 320px; height: 270px; margin:0 28px; box-sizing: border-box;
}
.con04 .pic {
  position: absolute; left:-35px; bottom:-40px; width:390px; height: 292px;
  background:url(../images/pic40.png) no-repeat center;
  background-size: contain;
}
.con04 i {
  position: relative; display: block; height: 92px; z-index: 1;
  background:url(../images/pic41.png) no-repeat center;
  background-size: contain;
}
.con04 .icon42 {
  background-image:url(../images/pic42.png);
}
.con04 .icon43 {
  background-image:url(../images/pic43.png);
}
.con04 h4 {
  position: relative; margin: 15px 0 10px; z-index: 1;
  color: #fdd074; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center;
}
.con04 h4 span {
  color: #fff603; font-size: 32px; font-weight: 800;
}
.con04 p {
  position: relative; margin: 0 40px; z-index: 1;
  color: #fff; font-size: 20px; line-height: 34px; text-align: justify;
}

.con05 {
  padding: 35px 0 35px 20px;
}
.con05 li {
  float: left; width: 365px; height: 311px; padding:65px 0 0 40px; margin-right:2px; box-sizing: border-box;
  background:url(../images/pic50.png) no-repeat center;
  background-size: contain;
}
.con05 h4 {
  margin-bottom: 30px;
  color: #b00a10; font-size: 20px; line-height: 30px; text-align: center;
}
.con05 h4 span {
  font-size: 32px;
}
.con05 p {
  margin: 0 40px;
  font-size: 20px; line-height: 34px; text-align: justify;
}

.title02 h3 {
  font-size: 34px;
}
.title02 p {
  margin-top: 24px;
  color: #d4091c; font-size: 26px; font-weight: 800; line-height: 48px;
}
.con06 {
  position: relative; padding:30px 50px;
}
/* 联动切换二维码 开始 */
.codeBox { 
  float:left; width:390px;
}
.codeBox .row {
  position:relative; width:390px; height:64px; padding-left: 30px; padding-top: 10px; margin-bottom: 10px; cursor: default; box-sizing: border-box;
  background: #b00a10;
  box-shadow: 0 6px 4px rgba(8, 7, 8, .1), 
  inset 0 -4px 0 #fff;
  border-radius: 4px;
}
.codeBox label {
  float:left; width: 60px;
  color: #fff; font-size: 20px; line-height: 40px;
}
.codeBox .selectBox {
  float:left; position: relative; width: 275px;
}
.codeBox .selectBox cite { 
  display:block; width:100%; height:100%; box-sizing: border-box; cursor: pointer;
  background: #fff url(../images/pic61.png) no-repeat 95% center; border-radius:5px;
  font-size:18px; font-style:normal; line-height:40px; text-indent: .75em;
  transition: all .2s;
}
.codeBox .selectBox ul {
  display:none; position:absolute; left:0; top:40px; box-sizing: border-box; cursor: default;
  width:275px; max-height:230px; overflow-y:auto; overflow-x:hidden; z-index:3;
  background:#fff; border:1px solid #ddd; border-radius:5px;
  font-size:16px; line-height:32px; text-indent: .75em;
}
.codeBox .selectBox li:hover {
  background: #f8f8f8;
}
.codeBox .code { 
  width:157px; height: 157px; padding:15px 0 0 15px; margin: 10px auto 0; box-sizing: border-box;
  background: url(../images/pic62.png) no-repeat center;
  background-size: contain;
}
.codeBox .code img { 
  display: block; width:130px; height: 130px;
}
/* 联动切换二维码 end */
.con06 .list {
  float: right; width: 510px;
  color: #fff; font-size: 30px; line-height: 40px;
}
.con06 .list li:before {
  content: " "; display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-top: 12px; margin-right: 20px;
  background: #fff603; box-shadow: 4px 4px 0 #d4091c;
}
.con06 .list li:nth-child(1) { margin-left: 65px; color: #fff603; }
.con06 .list li:nth-child(2) { margin-top: 50px; text-align: right; }
.con06 .list li:nth-child(3) { margin-top: 40px; }
.con06 .list li:nth-child(4) { margin-top: 25px; color: #fff603; text-align: right; }
.con06 .tip {
  position: absolute; right:170px; bottom:35px; pointer-events: none;
  width: 563px; height: 107px; padding: 52px 0 0 300px; box-sizing: border-box;
  background: url(../images/pic63.png) no-repeat center;
  background-size: contain;
  color: #9f0014; font-size: 22px; font-weight: 800; line-height: 30px;
}

.con07 {
  padding: 40px 18px;
}
.con07 li {
  float: left; width: 338px; height: 216px; padding:10px; margin:0 15px; box-sizing: border-box;
  background: #d4091c; border-radius: 20px; box-shadow: 0 6px 4px rgba(8, 7, 8, .09);
}
.con07 li a {
  display: block; width: 318px; height: 196px; overflow: hidden;
  border-radius: 12px; box-shadow: 0 6px 4px rgba(8, 7, 8, .1);
}
.con07 li img {
  display: block; width: 100%; height: 100%;
  transition: .8s;
}
.con07 li:hover img {
  transform: scale(1.02);
}

/* 通用底部 */
.footer { 
  clear: both; position: relative; padding: 30px 0;
  background: #333;
  text-align: center;
}
.footer p { position: relative; z-index: 2; color:#fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#fff; }

/* 弹窗 */
.xfShadow {
  display:none; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
  background: rgba(0,0,0,.66);
}
.orderBox {
  display:none; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
  width:423px; height:415px; padding-top:150px; margin-left: -210px; margin-top:-207px;
  background:url(../images/pic80.png) no-repeat center;
  background-size:  contain;
  animation: bounceInUp .8s;
}

.closeMe {
  position:absolute; right:12px; top:44px; cursor: pointer;
  display:block; width:26px; height:26px;
  background:url(../images/pic81.png) no-repeat center;
  background-size:  contain;
  transition: all .3s;
}
.closeMe:hover {
  transform: rotate(180deg);
}
.list-div {
  position: relative; width:330px; margin:0 auto;
}
.list-div input,
.list-div select {
  display: block; width:100%; height:56px; margin-bottom: 25px; box-sizing: border-box;
  background: #fff; border: none; border-radius: 5px;
  font-size:18px; text-indent: .5em; line-height:56px; vertical-align: middle;
}
.list-div input {
  font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div .yuyueBtn {
  cursor: pointer;
  background: #ffe11b;
  color: #d30d18; font-size:20px; text-indent: 0;  text-align: center;
}
.list-div .yuyueBtn:hover {
  opacity: .9;
}

@media only all and (max-width:1200px) {
  .onlymob { display: block; }
  html { font-size: 20px; }
  body { 
    max-width: 18.75rem;
    background-size: 34rem;
    background-position: center 26.5rem;
    font-size: .7rem; line-height: 1.2rem;
  }
  html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width { width: 17.75rem; }

  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2),
  .banner .pic01,
  .banner .pic02,
  .pc , .onlypc { display: none; }

  /* 通用头部 */
  .ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
  .ht_top h1 a {
    height: 2.5rem; width: 7.5rem;
    background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center / contain; }
  .ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
  .ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; word-break: keep-all; }
  
  .banner {
    height:19.65rem;
    background-image: url(../images/mbanner01.jpg);
    background-size: 100%;
  }
  .banner h3 { top:2.5rem; height: 1.1rem; font-size: .5rem; line-height:.8rem; font-weight: 400; white-space: nowrap; }
  .banner .tit01 { top:3.75rem; width:6.75rem; height: 3.9rem; margin-left: -3.45rem; }
  .banner .tit02 { top:7.65rem; width:6.675rem; height: 3.975rem; margin-left: -3.375rem; }
  
  .title { height: 4.15rem; background-image: url(../images/mpic01.png); }
  .title .pic01 ,
  .title .pic03 { top: 1.2rem; width: 2rem; height: 1.9rem; }
  .title .pic01 { left:2.4rem; }
  .title .pic03 { right:2.4rem; }
  .title .pic02 ,
  .title .pic04 { top:.75rem; width:1.7rem; height:1.4rem; }
  .title .pic02 { left:3.75rem; }
  .title .pic04 { right:3.75rem; }
  .title h3 { font-size: 1rem; line-height: 2.5rem; }
  
  .title01 { position: relative; margin-top: -1rem; }
  .borBox { width: 17.75rem; padding:.25rem .125rem .125rem; margin-bottom:1.5rem; }
  .bgBox { background-size: 30rem; border-radius: .25rem .25rem 0 0; }
  .con01 { padding:.5rem 0 .75rem; }
  .con01 h4 {
    width:100%; height:2.6rem; padding-top:1.275rem; margin-bottom: .1rem;
    background-size: contain;
    font-size: .6rem!important; line-height: 1.2rem;
    background-size: 105% 100%;
  }
  .con01 li{
    width:48%;
    margin:0 1% .5rem;
  }
  .con01 p {
    width:100%; 
    height:8rem!important; 
    padding-top:.5rem;
    padding-left:10%;
    padding-right:10%;
    border-radius: 0 0 .25rem .25rem;
    font-size: .5rem!important;
     line-height:.9rem; 
    box-sizing: border-box;
  }
  
  .box02 {
    padding-bottom: 1.85rem; margin-bottom: .25rem;
    background-size: auto 3.3rem;
  }
  .con02 {
    width: 16rem; padding: 1.5rem 0 .5rem;
    background-size: 30rem; 
    border-radius: .25rem;
    border-width: .1rem;
    box-shadow: 0 .75rem 1rem -1rem rgba(0,0,0,.5);
  }
  .con02 dt { width:15rem; height: 8.76rem; }
  .con02 dt .pic { left: 4.2rem; top:.82rem; width: 6.98rem; height: 6.76rem; }
  .con02 dd { font-size: .65rem; line-height: 1rem; }
  .con02 dd span { font-size: .75rem; }
  .con02 .list01 { left: 2rem; top: -1rem; }
  .con02 .list02 { right: .5rem; top: -.75rem; }
  .con02 .list03 { left: .75rem; top: 1.75rem; font-size: .6rem; }
  .con02 .list04 { right: .15rem; top: 2rem; font-size: .6rem; }
  .con02 .list03 span,
  .con02 .list04 span { font-size: .7rem; }
  .con02 .btnBox {
    width: 15rem; height: 4rem; padding-top: 2rem; margin-top: -4rem; 
    font-size: .75rem; line-height: 2rem;
  }
  .showOrder {
    width: 5.5rem; height: 1.4rem;
    margin-top: .3rem; margin-left: .25rem;
    border-radius: 1.4rem; box-shadow: 0 .1rem 0 #ffe010;
    font-size: .675rem; line-height: 1.4rem;
  }
  
  .con03 { padding: .5rem 0 0; }
  .con03 li {
    width:8.25rem; height: 9.5rem; margin:0 .25rem .5rem;
    background-size: 100%;
    background-position:center 1.25rem;
    border-width: .075rem; border-radius: .25rem;
  }
  .con03 h4 { padding-top: .5rem; margin-bottom: 1.75rem; font-size: .75rem; line-height:1rem; }
  .con03 h4 span { font-size: .9rem; }
  .con03 h4 br { display: none; }
  .con03 p { margin: 0 .25rem; font-size: .65rem; line-height: .9rem; }
  
  .con04 { padding:.5rem 0 .15rem; }
  .con04 li { float: none; width:17.5rem; height:auto; margin:0 auto 1.25rem; }
  .con04 .pic {
    position: absolute; left:0; bottom:-1.5rem; width:17.5rem; height:7rem;
    background-image: url(../images/mpic40.png);
    background-size: 100% 100%;
  }
  .con04 i { height: 2.5rem; }
  .con04 h4 { margin: .25rem 0 .15rem; font-size: .85rem; line-height: 1.2rem; }
  .con04 h4 span { font-size: .9rem; }
  .con04 p { margin: 0 2rem; font-size: .7rem; line-height:1rem; text-align: center; }
  
  .con05 { padding: .5rem 0 .25rem; }
  .con05 li {
    float: none; width: 15rem; height:7rem; padding:2rem 0 0 1.5rem; margin:0 0 .5rem 1rem;
    background-image:url(../images/mpic50.png);
  }
  .con05 h4 { margin-bottom: .15rem; font-size: .75rem; font-weight: 400; line-height: 1.2rem; }
  .con05 h4 span { font-size: .9rem; font-weight: 800; }
  .con05 p { margin: 0 .5rem; font-size: .675rem; line-height: .8rem; }
  
  .title02 h3 { font-size: .7rem; }
  .title02 p { margin-top: .5rem; font-size:.6rem; line-height:1rem; }
  .con06 { padding:.75rem 0; }
  /* 联动切换二维码 开始 */
  .codeBox { float:none; width:16rem; margin:0 auto .5rem; }
  .codeBox .row {
    width:16rem; height:2.2rem; padding-left:1rem; padding-top:.3rem; margin-bottom: .5rem;
    box-shadow: 0 .15rem .25rem rgba(8, 7, 8, .1), inset 0 -.1rem 0 #fff;
    border-radius: .15rem;
  }
  .codeBox label { width: 2rem; font-size: .75rem; line-height: 1.6rem; }
  .codeBox .selectBox { width: 12rem; }
  .codeBox .selectBox cite { 
    background-size: .5rem;
    border-radius:.15rem;
    font-size:.7rem; line-height:1.6rem;
  }
  .codeBox .selectBox ul {
    top:1.6rem;
    width: 12rem; max-height:12rem;
    border-radius:.15rem;
    font-size:.6rem; line-height:1.2rem;
  }
  .codeBox .code { width:6.5rem; height: 6.5rem; padding:.6rem 0 0 .6rem; margin-top:.25rem; }
  .codeBox .code img { width:5.5rem; height: 5.5rem; }
  /* 联动切换二维码 end */
  .con06 .list { float: none; width:13rem; margin: 0 auto; font-size: .8rem; line-height: 1rem; }
  .con06 .list li:before {
    width: .4rem; height: .4rem; margin-top: .3rem; margin-right: .3rem;
    box-shadow: .1rem .1rem 0 #d4091c;
  }
  .con06 .list li:nth-child(1) { margin-left:1.5rem; }
  .con06 .list li:nth-child(2) { margin-top: .25rem; }
  .con06 .list li:nth-child(3) { margin-top: .25rem; }
  .con06 .list li:nth-child(4) { margin-top: .25rem; margin-right: 2.5rem; }
  .con06 .tip {
    position: relative; right:0; bottom:0;
    width: 17.5rem; height: 3rem; padding: 1.2rem 0 0 9.25rem;
    font-size: .65rem;line-height: 30px;
  }
  
  .con07 { padding:.5rem 0 .15rem; }
  .con07 li {
    float: none; width:15.35rem; height: 9.8rem; padding:.3rem; margin:0 auto .5rem;
    border-radius: .5rem; box-shadow: 0 .2rem .15rem rgba(8, 7, 8, .09);
  }
  .con07 li a {
    width: 14.75rem; height: 9.2rem;
    border-radius: .4rem; box-shadow: 0 .2rem .15rem rgba(8, 7, 8, .09);
  }
  
  /* 通用底部 */
  .m-footer { background: #333; color:#fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
  
  /* 弹窗 */
  .orderBox {
    width:14.1rem; height:13.8rem; padding-top:4.5rem; margin-left: -7.05rem; margin-top:-6.9rem;
  }
  .closeMe { right:0; top:1rem; width:1.3rem; height:1.3rem; }
  .list-div { width:10rem; }
  .list-div input,
  .list-div select { height: 2rem; margin-bottom: .75rem; border-radius: .15rem; font-size: .75rem; line-height: 2rem;  }
  .list-div .yuyueBtn { font-size:.8rem; }
  
}