@charset "UTF-8";

/*-----default model-----*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
textarea,
button,
select,
th,
td,
figcaption {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-size: 100%;
  font-weight: normal;
}

li {
  list-style: none;
}

em,
i {
  font-style: normal;
}

img {
  border: none;
}

input,
textarea,
button,
select {
  outline: 0 none;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
}

textarea {
  resize: vertical;
}

a {
  text-decoration: none;
  outline: 0 none;
  color: inherit
}

table {
  border-collapse: collapse;
  width: 100%;
  color: #333;
  text-align: center;
}

.clearfix:before,
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.clearfix {
  zoom: 1
}

body {
  width: 100%;
  height: 100%;
  background: #db4e0a;
  font-size: .12rem;
  min-width: 11rem !important;
  font-family: "MiSans";
  color: #444;
}

a[title="站长统计"] {
  display: none;
}

@media only screen and (min-width: 8rem) {
  .pc-hide {
    display: none !important;
  }
}

.left {
  float: left;
}

.right {
  float: right;
}

.wrap {
  position: relative;
  width: 11rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

.hide {
  display: none !important;
}

.section {
  padding-top: .6rem;
}

.title {
  margin-bottom: .34rem;
}

.title h2 {
  font-size: .36rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: .01rem;
}

/*banner*/
.banner {
  width: 100%;
  height: 6.67rem;
  position: relative;
  background: url(../images/ban_bg.jpg) no-repeat top center / 100% 100%;
}

.banner a {
  width: 1.63rem;
  display: block;
  text-align: left;
  padding-top: .35rem;
  margin-bottom: .42rem;
  box-sizing: border-box;
}

.banner a img {
  width: 100%;
  display: block;
}

.banner h2 {
  width: 8.81rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.banner h2 img {
  width: 100%;
  display: block;
}

.ban-img1 {
  position: absolute;
  top: .78rem;
  left: -1.48rem;
  animation: move 1.2s infinite alternate ease-in-out;
  animation-delay: 0.3s;
}

.ban-img2 {
  position: absolute;
  top: .6rem;
  right: -2.02rem;
  animation: move 1s infinite alternate ease-in-out;
  animation-delay: 0.6s;
}

.ban-peo-wrap {
  position: absolute;
  top: 3.64rem;
  right: 1.51rem;
}

.ban-peo {
  animation: floatPeo 3s infinite alternate ease-in-out;
}

@keyframes move {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-0.2rem)
  }
}

@keyframes floatPeo {
  0% {
    transform: translateY(0)
  }

  100% {
    transform: translateY(-0.15rem)
  }
}

.sparkle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  animation: sparkleAnim 2s infinite;
}

.sparkle-1 {
  width: .08rem;
  height: .08rem;
  top: 15%;
  left: 20%;
}

.sparkle-2 {
  width: .06rem;
  height: .06rem;
  top: 40%;
  right: 25%;
  animation-delay: 0.5s;
}

.sparkle-3 {
  width: .1rem;
  height: .1rem;
  top: 60%;
  left: 30%;
  animation-delay: 1s;
}

.sparkle-4 {
  width: .05rem;
  height: .05rem;
  top: 25%;
  right: 15%;
  animation-delay: 1.5s;
}

@keyframes sparkleAnim {

  0%,
  100% {
    opacity: 0;
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}

/*sec01*/
.sec01 {
  display: block;
  width: 100%;
  height: 3.47rem;
  background: url(../images/s1_bg.jpg) no-repeat top center / 100% 100%;
  padding-top: 0;
  margin-top: -0.1rem;
}

.sec01-main {
  width: 10.07rem;
  height: 3.45rem;
  box-shadow: inset 0 0 .1rem rgba(250, 208, 161, 0.9), 0 .11rem .5rem rgba(166, 57, 0, 0.44);
  border: .01rem solid #fff;
  border-bottom: none;
  border-radius: .2rem;
  margin: 0 auto;
  background: #ffffff;
  background: -webkit-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: -o-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: -moz-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
}

.sec01-main>div {
  display: inline-block;
  float: left;
}

.s1wbTit {
  width: .72rem;
  height: 2.64rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  background: #df530f;
  background: -webkit-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: -o-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: -moz-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: linear-gradient(to bottom, #fc7c3a, #df530f);
  margin-top: .4rem;
  border-top-right-radius: .12rem;
  border-bottom-right-radius: .12rem;
}

.s1wbTit>p {
  display: inline-block;
  margin: .24rem 6% 0;
  position: relative;
}
.s1-hand {
  width: 80px;
  position: absolute;
  right: -0.6rem;
  top: 1.2rem;
  animation: handMove 1s infinite alternate ease-in-out;
}

.s1wbnr {
  width: 8.13rem;
  height: 1.77rem;
  background: url("../images/s1img3.png") no-repeat center top;
  background-size: 100%;
  position: relative;
  margin-left: .64rem;
  margin-top: .85rem;
}

.s1wbnr>p {
  display: inline-block;
  width: 100%;
}

.s1wbnr>p>span {
  font-size: .28rem;
  font-weight: bold;
  color: #333;
  float: left;
}

.s1wbnr>img {
  float: left;
  margin-left: 1.1rem;
}

.s1wbnr .s1img1 {
  margin-top: -0.08rem;
  margin-left: 2.1rem;
  animation: moveX1 1s linear infinite alternate;
  -webkit-animation: moveX1 1s linear infinite alternate;
}

.s1wbnr .s1img2 {
  margin-top: .6rem;
  animation: moveX2 1s linear infinite alternate;
  -webkit-animation: moveX2 1s linear infinite alternate;
}

.s1wbnr>.p1 {
  position: absolute;
  left: 0;
  top: -0.55rem;
}

.s1wbnr>.p1>.s1sp1 {
  margin-left: .12rem;
  margin-right: .9rem;
}

.s1wbnr>.p1>.s1sp2 {
  margin-right: 1.15rem;
}

.s1wbnr>.p2 {
  margin-top: .05rem;
}

.s1wbnr>.p2>.s1sp1 {
  margin-left: .12rem;
  margin-right: .9rem;
}

.s1wbnr>.p2>.s1sp2 {
  margin-right: 1.15rem;
}

.s1wbnr>.p3 {
  font-size: .3rem;
  font-weight: bold;
  color: #333;
  margin-top: .6rem;
}

/*sec02*/
.sec02 {
  height: 2.31rem;
  background: url(../images/s2_bg.jpg) no-repeat top center / 100% 100%;
  padding-top: .3rem;
  box-sizing: border-box;
}

.sec02-main {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec02-bt {
  margin-left: .1rem;
  margin-right: .26rem;
}

.sec02-bt h3 {
  margin-bottom: .09rem;
  margin-left: -0.68rem;
  margin-top: -0.33rem;
}

.sec02-bt p {
  font-size: .2rem;
  color: #fff;
  line-height: .3rem;
}

.sec02-bt p i {
  color: #ffe981;
}

.sec02-list ul {
  display: flex;
}

.sec02-list ul li {
  margin-right: .2rem;
}

.sec02-list ul li span {
  font-size: .2rem;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: .05rem;
}

.pub-btn {
  width: 2.4rem;
  height: 1.3rem;
  border-radius: .35rem;
  position: relative;
  background: #fffdfd;
  background: -webkit-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: -o-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: -moz-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: linear-gradient(to bottom, #fffdfd, #ffada4);
}

.pub-btn a {
  width: 2.28rem;
  height: 1.18rem;
  line-height: .38rem;
  border: .01rem solid #fff;
  border-radius: .35rem;
  box-shadow: 0 .04rem 0 #f42727;
  display: block;
  margin: 0 auto;
  margin-top: .03rem;
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: .2rem;
  box-sizing: border-box;
  background: #ff867a;
  background: -webkit-linear-gradient(to bottom, #ff867a, #ee2510);
  background: -o-linear-gradient(to bottom, #ff867a, #ee2510);
  background: -moz-linear-gradient(to bottom, #ff867a, #ee2510);
  background: linear-gradient(to bottom, #ff867a, #ee2510);
}

.s2-hand {
  position: absolute;
  top: .71rem;
  left: 1.82rem;
  animation: handMove 1s infinite alternate ease-in-out;
}

@keyframes handMove {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

/*sec03*/
.sec03 {
  background: url(../images/s3_bg.jpg) no-repeat top center / 100% 100%;
  padding-bottom: .3rem;
}

.main {
  border-radius: .2rem;
  padding: .22rem;
  background: #fa915f;
  background: -webkit-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: -o-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: -moz-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: linear-gradient(to bottom, #fa915f, #ff7b06);
}

.sec03-main {
  padding: .05rem 0 0;
}

.sec03-main-box {
  height: 4.26rem;
  background: url(../images/szimg5.png) no-repeat center top;
  background-size: auto 4.26rem;
}

.sec03-main-box>div {
  display: inline-block;
  float: left;
}

.s3L {
  width: 2.86rem;
  margin-left: .92rem;
  margin-top: .52rem;
}

.s3L img {
  width: 100%;
}

.s3Z {
  width: 4.46rem;
  margin-top: .9rem;
  margin-left: .2rem;
  text-align: left;
}

.s3Zt2 {
  display: inline-block;
  margin-top: .2rem;
}

.s3Zt2>div {
  display: inline-block;
  float: left;
}

.s3sjL {
  width: 1.1rem;
}

.s3sjL img {
  width: 100%;
}

.s3sjR {
  margin-top: .12rem;
}

.s3sjR .p1 {
  font-size: .22rem;
  font-weight: bold;
  color: #333;
  text-align: left;
  margin-bottom: -0.04rem;
}

.s3sjR .p1 img {
  width: 1.47rem;
  vertical-align: middle;
}

.s3sjR .p2 {
  font-size: .22rem;
  font-weight: bold;
  color: #333;
}

.s3sjR .sp1 {
  font-size: .4rem;
  color: #f05206;
  display: inline-block;
}

.s3sjR .sp2 {
  font-weight: inherit;
  text-align: left;
}

.s3Zt3 {
  display: inline-block;
  width: 100%;
  margin-top: .05rem;
}

.s3Zt3 a {
  display: inline-block;
  width: 2.3rem;
  height: .55rem;
  line-height: .55rem;
  font-size: .27rem;
  font-weight: bold;
  color: #fff;
  border-radius: 1rem;
  border: .01rem solid #fff;
  background: #ee2510;
  background: -webkit-linear-gradient(to bottom, #fc513f, #ee2510);
  background: -o-linear-gradient(to bottom, #fc513f, #ee2510);
  background: -moz-linear-gradient(to bottom, #fc513f, #ee2510);
  background: linear-gradient(to bottom, #fc513f, #ee2510);
  box-shadow: 0 .04rem .1rem rgba(244, 39, 39, 0.6);
  text-align: center;
  animation: scale 0.5s infinite alternate ease-in-out;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.s3R {
  width: 2.27rem;
  margin-top: 1.48rem;
  margin-left: -0.1rem;
  animation: move 1s infinite alternate ease-in-out;
}

.s3R img {
  width: 100%;
}

/* sec04 */
.sec04 {
  background: url(../images/s4_bg.jpg) no-repeat top center / 100% 100%; padding-bottom: 0.28rem;
}

.s4-list {
  height: 4.6rem;
  border: .01rem solid #fff;
  padding: .34rem .38rem;
  box-sizing: border-box;
  border-radius: .1rem;
  box-shadow: 0 .06rem .04rem #e953086d, inset 0 0 .1rem #ffff96;
  background: #ffffff;
  background: -webkit-linear-gradient(to bottom, #ffffff 64%, #ffffda);
  background: -o-linear-gradient(to bottom, #ffffff 64%, #ffffda);
  background: -moz-linear-gradient(to bottom, #ffffff 64%, #ffffda);
  background: linear-gradient(to bottom, #ffffff 64%, #ffffda);
}

.s4-list tr th {
  height: .66rem;
  line-height: .66rem;
  background: #e95208;
  font-size: .24rem;
  color: #fff;
  font-weight: 600;
  border-right: .01rem solid #fd9c6e;
}

.s4-list tr.bg02 td {
  background: #ffd9c7;
}

.s4-list tr th:nth-child(1) {
  border-radius: .1rem 0 0 0;
}

.s4-list tr th:last-child {
  border-radius: 0 .1rem 0 0;
  border-right: none;
}

.s4-list tr td {
  font-size: .2rem;
  color: #333333;
  background: #fff9f2;
  height: .66rem;
}

.s4-list tr td:nth-child(1) {
  font-size: .22rem;
  color: #e95208;
  font-weight: bold;
}

.s4-list tr td .s4Btn {
  width: 1.38rem;
  height: .4rem;
  line-height: .4rem;
  display: block;
  font-size: .2rem;
  color: #fff;
  font-weight: 600;
  background: #ff7a39;
  border-radius: .2rem;
  border: .01rem solid #ffffff;
  box-shadow: 0 .04rem .1rem #e9530897;
  margin: 0 auto;
  transition: all .3s ease-in-out;
}

.s4-list tr td .s4Btn:hover {
  transform: scale(1.1);
}

.s4-list tr td .s4Btn.on {
  box-shadow: 0 .04rem .1rem #f4272789;
  border: .01rem solid #fff;
  background: #fd7c70;
  background: -webkit-linear-gradient(to bottom, #fd7c70, #ef2a15);
  background: -o-linear-gradient(to bottom, #fd7c70, #ef2a15);
  background: -moz-linear-gradient(to bottom, #fd7c70, #ef2a15);
  background: linear-gradient(to bottom, #fd7c70, #ef2a15);
}

/* sec05 */
.sec05 {
  height: 1.82rem;
  background: #f3730c url(../images/s5_bg.jpg) no-repeat top center / 100% 100%;
  box-sizing: border-box;
  padding-top: 0 !important;
}

.sec05-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/s5_img4.png) no-repeat left top .08rem / 1.87rem;
  padding: 0;
  padding-top: .06rem;
  box-sizing: border-box;
}

.s5-txt {
  margin-left: .5rem;
  text-align: right;
  margin-right: -0.04rem;
}

.s5-txt h3 img {
  width: 2.78rem;
}

.s5-txt p {
  font-size: .22rem;
  color: #ffffff;
  line-height: 1;
  margin-top: .09rem;
}

.s5-list {
  display: flex;
}

.s5-list img {
  width: 1.66rem;
  margin-right: .06rem;
}

.s5-btn {
  position: relative;
}

.s5-btn a {
  width: 2.2rem;
  height: .81rem;
  background: url(../images/s5_btn_bg.png) no-repeat center / 100%;
  font-size: .32rem;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: block;
  line-height: .8rem;
}

.s5-btn img {
  position: absolute;
  top: .49rem;
  width: .9rem;
  animation: handMove 1s infinite alternate ease-in-out;
}










/*sec06*/
.sec06 {
  background: url(../images/s6_bg.jpg) no-repeat top center / 100% 100%;
}

.sec06-main {
  padding: .06rem 0 0;
  position: relative;
}

.sec06-main-box {
  display: inline-block;
  width: 100%;
  height: 6.09rem;
  background: url(../images/s6B.png) no-repeat .04rem top;
  background-size: auto 6.09rem;
  border-radius: inherit;
  border-top: inherit;
  box-shadow: inherit;
  padding-bottom: inherit;
}

.s6Tit {
  width: 5.43rem;
  margin-left: .68rem;
  margin-top: .38rem;
}

.s6Tit img {
  width: 100%;
}

.sec06-main ul {
  display: flex;
  justify-content: center;
  margin-top: .51rem;
}

.sec06-main ul li {
  width: 3.24rem;
  height: 4.16rem;
  background: url("../images/s6_lbg.png") no-repeat center top;
  background-size: 100%;
  display: block;
  margin: 0 .08rem;
}


.sec06-main ul li h3 {
  display: inline-block;
  width: 100%;
  height: .42rem;
  background: url("../images/s6xian.png") no-repeat center bottom;
  background-size: 2.21rem;
  margin-top: .38rem;
}

.sec06-main ul li h3 img {
  height: .29rem;
}

.s6-m>p {
  font-size: .2rem;
  color: #333;
  text-align: left;
  line-height: .3rem;
  margin-top: .21rem;
  letter-spacing: -0.01rem;
  margin-bottom: .22rem;
}

.s6-m .p1 {
  margin-left: .24rem;
}

.s6-m .p2 {
  margin-left: .99rem;
}

.s6-m .p3 {
  margin-left: .35rem;
}

.s6-m>img {
  width: 1.8rem;
}

.sec06-main ul li a {
  width: 1.38rem;
  height: .4rem;
  font-size: .2rem;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  display: block;
  line-height: .4rem;
  margin: -0.28rem auto 0;
  background: #ff7a39;
  border: .01rem solid #fff;
  box-shadow: 0 .04rem .1rem #e9530886;
  border-radius: .2rem;
  position: relative;
  transition: all .5s;
}

.sec06-main ul li:hover a {
  transform: scale(1.1);
  background: #fd7c70;
  background: -webkit-linear-gradient(bottom, #fd7c70, #ef2a15);
  background: -o-linear-gradient(bottom, #fd7c70, #ef2a15);
  background: -moz-linear-gradient(bottom, #fd7c70, #ef2a15);
  background: linear-gradient(to bottom, #fd7c70, #ef2a15);
}

.s6shu {
  position: absolute;
  right: 2.5rem;
  top: 0;
  animation: move 1s infinite alternate ease-in-out;
}

/*sec09*/
.sec09 {
  background: url(../images/s9_bg.jpg) no-repeat top center / 100% 100%;
}

.sec09-main-box {
  padding-top: .25rem;
  padding-bottom: .25rem;
  background: #fff;
  background: -webkit-linear-gradient(to right, #fff, #fce7dc);
  background: -o-linear-gradient(to right, #fff, #fce7dc);
  background: -moz-linear-gradient(to right, #fff, #fce7dc);
  background: linear-gradient(to right, #fff, #fce7dc);
}

.sec09-main table {
  width: 10.16rem;
  margin: 0 auto;
}

.sec09-main .thead {
  background: #db4e0a;
}

.sec09-main tr th {
  height: .5rem;
  line-height: .5rem;
  font-size: .22rem;
  color: #fff;
  font-weight: bold;
  border-right: .01rem solid #fff;
}

.sec09-main tr th:nth-child(1) {
  width: .7rem;
  border-radius: .1rem 0 0 0;
}

.sec09-main tr th:nth-child(2) {
  width: 1.87rem;
}

.sec09-main tr th:nth-child(3) {
  width: 2.2rem;
}

.sec09-main tr th:last-child {
  width: 1.8rem;
  border-radius: 0 .1rem 0 0;
  border-right: none;
}

.sec09-main tr.h20 {
  height: .06rem;
}

.sec09-main tr.h20 td {
  background: none;
  padding: 0;
}

.sec09-main tr td {
  background: #fff;
  font-size: .16rem;
  line-height: .24rem;
  text-align: left;
  padding: .2rem;
  border-right: .01rem solid #cfcfcf;
}

.sec09-main tr.tr-m td:nth-child(1) {
  font-size: .26rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: .3rem;
  border-radius: .1rem 0 0 .1rem;
  background: #fe7433;
  background: -webkit-linear-gradient(to bottom, #fe7433, #f65507);
  background: -o-linear-gradient(to bottom, #fe7433, #f65507);
  background: -moz-linear-gradient(to bottom, #fe7433, #f65507);
  background: linear-gradient(to bottom, #fe7433, #f65507);
}

.sec09-main tr td:last-child {
  border-right: none;
  border-radius: 0 .1rem .1rem 0;
}

.sec09-main tr td b {
  font-weight: bold;
  display: inline-block;
}

.sec09-main tr td span {
  display: inline-block;
  vertical-align: top;
}

.sec09 tr td a {
  width: 1.38rem;
  height: .4rem;
  line-height: .4rem;
  display: block;
  font-size: .2rem;
  color: #fff;
  font-weight: 600;
  background: #ff7a39;
  border-radius: .2rem;
  border: .01rem solid #ffffff;
  box-shadow: 0 .04rem .1rem #e9530897;
  margin: .1rem auto 0;
  text-align: center;
  animation: scale 0.8s infinite alternate ease-in-out;
}

/* sec10 */
.sec10 {
  background: url(../images/s10_bg.jpg) no-repeat top center / 100% 100%;
  padding-bottom: 1rem;
}

.sec10-main ul {
  display: flex;
  justify-content: center;
}

.sec10-main ul li {
  width: 2.1rem;
  height: 2.74rem;
  border-radius: .1rem;
  margin: 0 .22rem;
  padding-top: .2rem;
  box-sizing: border-box;
  background: #db4e0a;
  background: -webkit-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -o-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -moz-linear-gradient(to bottom, #db4e0a, #f97508);
  background: linear-gradient(to bottom, #db4e0a, #f97508);
}

.sec10-main ul li span {
  font-size: .18rem;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: .16rem;
  line-height: .26rem;
}

.sec10-main ul li span b {
  font-size: .2rem;
  font-weight: bold;
}


/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.popup {
  width: 4rem;
  z-index: 9;
  border-radius: .2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -0.65rem;
  right: 0;
}

.popup h3 {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  text-align: center;
  font-size: .36rem;
  letter-spacing: .01rem;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  border-radius: .2rem .2rem 0 0;
  background: #db4e0a;
  background: -webkit-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -o-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -moz-linear-gradient(to bottom, #db4e0a, #f97508);
  background: linear-gradient(to bottom, #db4e0a, #f97508);
}

.popup-m {
  width: 100%;
  margin: 0 auto;
  padding: .4rem 0;
  box-sizing: border-box;
  text-align: center;
  border-radius: 0 0 .22rem .22rem;
  background: #fff;
  box-shadow: inset 0 0 .4rem #fcc4a9;
}

.popup-p {
  width: 88%;
  text-align: center;
  line-height: .36rem;
  margin: -0.25rem auto .1rem;
  font-size: .24rem;
  color: #666666;
  text-align: center;
}

.popup-img {
  width: 2.4rem;
}

.popBtn {
  width: 2.6rem;
  height: .6rem;
  line-height: .6rem;
  border: .01rem solid #fff;
  border-radius: .33rem;
  box-sizing: border-box;
  font-size: .26rem;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 .02rem .02rem #e94040;
  display: block;
  text-align: center;
  margin: -0.36rem auto 0;
  background: #ff8484;
  background: -webkit-linear-gradient(to bottom, #ff8484, #ea4848);
  background: -o-linear-gradient(to bottom, #ff8484, #ea4848);
  background: -moz-linear-gradient(to bottom, #ff8484, #ea4848);
  background: linear-gradient(to bottom, #ff8484, #ea4848);
}

/* 预约提示 */
.sp1 {
  color: #f05206;
  font-weight: bold;
  display: block
}



/*侧边悬停*/
.lfNav {
  position: fixed;
  width: 1.74rem;
  height: 4.61rem;
  display: block;
  background: url(../images/fixedNavBg.png) no-repeat center;
  top: 28%;
  left: .2rem;
  z-index: 9;
}

.lfNav .close {
  position: absolute;
  top: -0.08rem;
  right: 0rem;
  height: .3rem;
  width: .3rem;
}

.lfNav .close img {
  width: 100%;
}

.mt185 {
  margin-top: 1.35rem;
}

.nav-bg {
  height: .4rem;
  line-height: .4rem;
  display: block;
  text-align: center;
  margin-bottom: .01rem;
  margin-left: -0.09rem;
  box-sizing: border-box;
}

.nav-bg:hover {
  font-weight: bold;
}

.nav-bg a {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  font-size: .2rem;
  color: #fff;
}

.nav-bg a:hover {
  color: #fff2d8;
  font-weight: 600;
}

.left_top {
  width: 1.51rem;
  height: .4rem;
  display: block;
  float: left;
  margin-left: .22rem;
  margin-top: .1rem;
}

/*左右移动1*/
@keyframes moveX1 {
  0% {
    transform: translateX(.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(-0.1rem);
    opacity: 1
  }
}

@-o-keyframes moveX1 {
  0% {
    transform: translateX(.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(-0.1rem);
    opacity: 1
  }
}

@-moz-keyframes moveX1 {
  0% {
    transform: translateX(.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(-0.1rem);
    opacity: 1
  }
}

@-webkit-keyframes moveX1 {
  0% {
    transform: translateX(.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(-0.1rem);
    opacity: 1
  }
}

/*左右移动2----opcity*/
@keyframes moveX2 {
  0% {
    transform: translateX(-0.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(.1rem);
    opacity: 1
  }
}

@-o-keyframes moveX2 {
  0% {
    transform: translateX(-0.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(.1rem);
    opacity: 1
  }
}

@-moz-keyframes moveX2 {
  0% {
    transform: translateX(-0.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(.1rem);
    opacity: 1
  }
}

@-webkit-keyframes moveX2 {
  0% {
    transform: translateX(-0.1rem);
    opacity: .4
  }

  100% {
    transform: translateX(.1rem);
    opacity: 1
  }
}