@charset "utf-8";
/* CSS Document */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */
    font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}
img {
    width:100%;
    display:block;
    list-style:none;
}
a {
  color: #474343;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{font-size:.24rem; color:#474343; background:#fff;}

.wrap{width:100%; max-width:750px; margin:0 auto; font-size:.24rem;}

.title{text-align:center;}
.title span{display: inline-block; font-size:.36rem; letter-spacing:1px; font-weight:bold; padding:0 .05rem;}
.title img{display:inline-block; width:.50rem; vertical-align:top; margin-top:.05rem;}
.title h1 font{color:#D83B20;}
.title p{font-size:.2rem; color: #676767; margin-top:.1rem;}

.title2 span{color:#fff; }
.title2 p{color:#fff;}

.btn{display: block; width:3.0rem; height:.6rem; margin:.4rem auto 0; border-radius:.04rem; font-size:.26rem; font-weight:bold; color:#fff; line-height:.6rem; background:linear-gradient(90deg, #DAA10C 0%, #F1CA63 100%); text-align: center;}

/* header */
.m-ban{width:100%;}

/* con1 */
.con1{margin-top:.35rem;}
.con1 a.box{margin:.3rem .2rem 0; display: block; }

/* con3 */
.con3{margin-top:.4rem;}
.con3 a.box{margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con3 .item{
  width: 3.24rem;
  margin-top:.5rem;
  position: relative;
  text-align: center;
}
.con3 .item h1{
  font-size: .28rem;
  font-weight: bold;
  color: #371E19;
  letter-spacing: 1px;
}
.con3 .item img{display:block; width:.62rem; height:.4rem; position: absolute; top:0; left:-.6rem;}
.con3 .item .txt{
  height: 2.24rem;
  background: #FFDD96;
  border-top:10px solid #F4C052;
  margin-top:.1rem;
  box-sizing: border-box;
  padding-bottom:.32rem;
  line-height:.42rem;
  color: #371E19;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.con3 .item h4{
  width: 2.36rem;
  height: .56rem;
  background: #D9A009;
  font-size:.22rem;
  color:#fff;
  line-height:.56rem;
  position: absolute;
  left:.45rem;
  bottom:-.26rem;
}

/* con2 */
.con2{margin-top:.8rem; background: #F9EBDD; padding:.35rem 0;}
.con2 a.box{margin:0 .2rem; padding-top:.15rem; display:flex; justify-content:space-between; flex-wrap:wrap;}
.con2 .item{
  width:3.26rem;
  background: #FFFFFF;
  margin-top:.2rem;
  text-align: center;
}
.con2 .item h2{
  height: .76rem;
  background: linear-gradient(90deg, #DAA10C 0%, #F1CA63 100%);
  font-size: .28rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  line-height: .76rem;
  font-weight:bold;
}
.con2 .item p{
  height: 2.0rem;
  color: #474343;
  line-height: .38rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* con4 */
.con4{background:#FBBA82; padding:.35rem 0;}
.con4 .box1{margin:.4rem .2rem 0; background:#fff; padding:.08rem;}
.con4 .box1 h2{font-weight:bold; font-size:.28rem; padding:.2rem 0 .1rem; text-align: center;}
.con4 table{border-collapse:collapse; border-spacing:0;}
.con4 table tr td,
.con4 table tr th{border:1px solid #F9EBDD; text-align:center; padding:.1rem 0; font-size:.22rem; background:#fbe1c8; color:#333;}
.con4 table tr th{background: #d9a009; font-weight:bold; font-size:.26rem; color:#fff;}
.con4 table tr td.tit{font-size:.24rem; font-weight:bold; }
.con4 table tr td a{display:block; width:1.1rem; height:.42rem; background: linear-gradient(101deg, #D9A009 0%, #F1CA62 100%); font-size:.2rem; color:#fff; line-height:.42rem; margin:0 auto;}

/* con8 */
.con8{margin-top:.65rem;}
.con8 a.box{margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:.2rem;}
.con8 .item{width:3.24rem; background:#fff; box-shadow: 0px 4px 8px 0px #FEF2D2; margin-top:.55rem; position:relative; padding:.45rem 0 .25rem;}
.con8 .item h2{
  width:3.24rem;
  height: .62rem;
  border-radius: .35rem;
  position: absolute;
  left:0;
  top:-.32rem;
  box-sizing: border-box;
  padding:.06rem;
  font-size:.3rem;
  line-height:.5rem;
  color:#fff;
  font-weight:bold;
  background: linear-gradient(90deg, #DAA10C 0%, #F1CA63 100%);
}
.con8 .item h2 span{
  display: inline-block;
  width:.5rem;
  height: .5rem;
  text-align: center;
  border-radius: .25rem;
  line-height:.5rem;
  color: #DDA617;
  font-weight:bold;
  background:#fff;
  margin-right:.2rem;
}
.con8 .item ul{
  padding-left:.5rem;
}
.con8 .item ul li{
  color: #474343;
  line-height: .34rem;
  margin-top:.05rem;
}
.con8 .item ul li img{
  display: inline-block;
  width:.22rem;
}

/* con6 */
.con6{margin-top:.36rem; background: #EFDFD0; padding:.45rem 0 .65rem;}
.con6 a.box{padding-top:.2rem; margin:0 .2rem; display:flex; justify-content:space-between; flex-wrap:wrap; }
.con6 .item{
  width: 3.24rem;
  height: 2.3rem;
  margin-top:.22rem;
  position: relative;
}
.con6 .item h3{
  width: 2.72rem;
  height: .64rem;
  background: linear-gradient(90deg, #DAA10C 0%, #F1CA63 100%);
  border-radius: .08rem;
  font-size: .26rem;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-weight:bold;
  box-sizing: border-box;
  padding-left:.25rem;
  padding-top:.05rem;
}
.con6 .item .txt{
  width: 3.0rem;
  height: 1.82rem;
  background: #FFFFFF;
  border-radius: 0 .22rem .6rem .22rem;
  text-align: center;
  position: absolute;
  left:.24rem;
  top:.46rem;
}
.con6 .item .txt p{
  height: 1.2rem;
  font-size: .22rem;
  color: #474343;
  line-height: .34rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.con6 .item .txt h4{
  width: 1.54rem;
  height: .42rem;
  margin:0 auto;
  border-radius:.22rem;
  border: 1px solid #DAA10C;
  font-size:.2rem;
  color: #DAA10C;
  line-height:.42rem;
}

/* con5 */
.con5{margin-top:.65rem;}
.con5 a.box{display:block; margin-top:.5rem;}

/* con7 */
.con7{margin-top:.65rem;}
.con7 .swiper-container{padding-top:.34rem; }
.con7 .swiper-slide{position:relative; transition:300ms; transform: scale(0.9);}
.con7 .swiper-slide img{width:100%;}
.con7 .swiper-slide .txt{
  width:100%;
  background: rgba(0, 0, 0, .5);
  border-radius:.4rem .4rem 0 0;
  font-size:.24rem;
  color: #FFFFFF;
  line-height:.36rem;
  box-sizing: border-box;
  padding:.15rem;
  position: absolute;
  left:0; bottom:0;
}
.con7 .swiper-slide-active{ transform: scale(1);}
.con7 .swiper-pagination{position:static; width:100%; text-align:center; margin-top:.15rem;}
.con7 .swiper-pagination-bullet{width:.1rem;height:.1rem; border-radius:.05rem; background:#94D4FF; margin:0 .1rem; opacity:1;}
.con7 .swiper-pagination-bullet-active{background:#07A7FF;}
.con7 a.btn{width:4.40rem;}

/* con9 */
.con9{margin-top:.6rem;}
.con9 .box {
  padding-top: .2rem;
  margin: 0 .2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.con9 .item {
  width: 2.12rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
}
.con9 .item img {
  border-radius: 0.1rem;
}

/* con10 */
.con10 {
  margin-top:.6rem;
}
.con10 .box {
  margin:.3rem .5rem 0;
}

@media screen and (max-width:320px){

}