@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: #fff; font-size: 12px;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{ display: flex; align-items: center; justify-content: center;}
.t-left{width: 0.96rem; height: 0.43rem; background: url(../images/t_left.png) no-repeat center / 100%; display: block; margin-right: 0.24rem;}
.t-right{width: 0.96rem; height: 0.43rem; background: url(../images/t_right.png) no-repeat center / 100%; display: block; margin-left: 0.24rem;}
.title2 .t-left{ background: url(../images/t_left2.png) no-repeat center / 100%;}
.title2 .t-right{ background: url(../images/t_right2.png) no-repeat center / 100%;}
#header-wrapper{position: relative !important; z-index: 999999 !important;}

/*banner*/
.banner{
	width: 100%; height: 5.8rem; position: relative; background: url(../images/banner_bg.jpg) no-repeat bottom center; font-size: 0;  box-sizing: border-box;
}
.banner .wrap{
  padding-top: .8rem;
}
.banner img{
  width: 11rem; margin: 0 auto; display: block; position: relative; z-index: 99999999;
}
.ban-bt{
  width: 3rem !important; position: absolute !important; top: 0; left: 0;
}
canvas{
  display: block;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  z-index: 9;
  height: 7.93rem !important;
}
.count-particles{
  background: #000022;
  position: absolute;
  top: .48rem;
  left: 0;
  width: .8rem;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: .04rem;
  line-height: .14rem;
  padding-bottom: .02rem;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.js-count-particles{
  font-size: 1.1em;
}
#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: .05rem;
  margin-left: .05rem;
}
#stats{
  border-radius: .03rem .03rem 0 0;
  overflow: hidden;
}
.count-particles{
  border-radius: 0 0 .03rem .03rem;
}
#particles-js{
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*sec01*/
.sec01{
  background: #f5f8f7;
}
.sec01-main{
  height: 4.37rem; background: url(../images/s1_mbg.png) no-repeat top center / 100%; margin-top: 1.03rem;
}
.sec01-main ul{
  display: flex; justify-content: center;
}
.sec01-main ul li{
  width: 3.02rem;
}
.sec01-main ul li i{
  margin-top: -0.58rem; display: block; margin-bottom: .14rem;
}
.sec01-main ul li h3{
  font-size: .26rem; color: #227162; font-weight: bold; margin-bottom: .14rem;
}
.sec01-main ul li p{
  font-size: .2rem; color: #333333; line-height: .3rem; font-weight: bold; margin-bottom: .25rem;
}

/*sec02*/
.sec02{
  height: 6.67rem; background: url(../images/s2_bg.jpg) no-repeat top center; padding-top: .7rem; box-sizing: border-box;
}
.sec02-title{
  margin-bottom: .3rem;
}
.sec02-main{
  display: flex; justify-content: flex-start;
}
.sec02-l{
  width: 8.39rem; position: relative;
}
.sec02-l img{
  position: absolute;
  left: 0;
  top: 0;
}
.sec02-l .s1-play{
  width: 7.2rem;
  margin-left: .19rem;
  margin-top: .23rem;
}
.pv-cover{
  border-radius: .1rem !important;
}
.sec02-r{
  margin-top: .2rem;
}
.sec02-r .sec02-videList a{
  font-size: .26rem; color: #fff; line-height: .7rem; position: relative; display: flex; align-items: center;
}
.sec02-r .sec02-videList a i{
  width: .37rem; height: .36rem; display: block; margin-right: .08rem;
}
.sec02-r .sec02-videList a.on i{
  background: url(../images/s2_jt.png) no-repeat center / 100%;
}
.sec02-r .sec02-videList a:after{
  content: ''; width: 2.9rem; height: .02rem; display: block; position: absolute; bottom: 0; left: 0;
  background: #e1c1aa;
  background: -webkit-linear-gradient(right, #e1c1aa00, #e1c1aa, #e1c1aa00);
  background: -o-linear-gradient(right, #e1c1aa00, #e1c1aa, #e1c1aa00);
  background: -moz-linear-gradient(right, #e1c1aa00, #e1c1aa, #e1c1aa00);
  background: linear-gradient(to right, #e1c1aa00, #e1c1aa, #e1c1aa00);
}
.sec02-r .sec02-videList a:last-child::after{
  display: none;
}
.sec02-btn{
  width: 3.35rem; height: .75rem; line-height: .62rem; background: url(../images/s2_rbtn_bg.png) no-repeat center / 100%; font-size: .22rem; color: #532808; font-weight: bold; display: block; margin-top: .05rem;
}

/*sec03*/
.sec03{
  padding-top: .4rem; background: url(../images/s3_bg.jpg) no-repeat top 2.34rem center; padding-bottom: 1.4rem;
}
.sec03-main .bd{
  width: 10rem; height: 2.98rem; background: url(../images/s3_tea_bg.png) no-repeat center / 100%; margin: 0 auto; border-radius: .3rem; box-shadow: 0 .06rem .1rem #a0704c75; margin-bottom: .32rem;
}
.sec03-main .bd ul li{
  display: flex; align-items: center; justify-content: center;
}
.sec03-main .bd ul li .tea-info{
  width: 5.06rem; margin-right: .46rem; margin-left: .78rem;
}
.sec03-main .bd ul li .tea-info h3{
  font-size: .5rem; font-weight: bold; margin-bottom: .16rem; position: relative; padding-bottom: .12rem; display: flex; align-items: center;
  background: linear-gradient(to right, #0c7b65, #024033);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec03-main .bd ul li .tea-info h3 i{
  width: .72rem; height: .33rem; line-height: .3rem; border: .01rem solid #f0c8a9; border-radius: 0 .17rem 0 .17rem; display: block; font-size: .2rem; color: #532808; font-weight: bold;-webkit-text-fill-color: #532808; margin-left: .12rem;
  background: #f9ecdd;
  background: -webkit-linear-gradient(54deg, #f9ecdd, #e0bea6, #f9ecdd);
  background: -o-linear-gradient(54deg, #f9ecdd, #e0bea6, #f9ecdd);
  background: -moz-linear-gradient(54deg, #f9ecdd, #e0bea6, #f9ecdd);
  background: linear-gradient(54deg, #f9ecdd, #e0bea6, #f9ecdd);
}
.sec03-main .bd ul li .tea-info h3::after{
  content: ''; width: 3.13rem; height: .02rem; display: block; position: absolute; left: 0; bottom: 0;
  background: #c29c82;
  background: -webkit-linear-gradient(right, #c29c82, #f9ecdd, #e0bea6, #fffbf8);
  background: -o-linear-gradient(right, #c29c82, #f9ecdd, #e0bea6, #fffbf8);
  background: -moz-linear-gradient(right, #c29c82, #f9ecdd, #e0bea6, #fffbf8);
  background: linear-gradient(to right, #c29c82, #f9ecdd, #e0bea6, #fffbf8);
}
.sec03-main .bd ul li .tea-info p{
  font-size: .2rem; color: #333333; line-height: .3rem; text-align: left;
}
.sec03-main .bd ul li .tea-img{
  flex: 1;
}
.sec03-main .hd ul{
  display: flex; justify-content: center;
}
.sec03-main .hd ul li{
  width: 1rem; height: 1rem; border-radius: .5rem; box-shadow: 0 .05rem .1rem #b4805563; overflow: hidden;
  background: url(../images/s3_tea_mbg.png) no-repeat center / 100%; margin: 0 .35rem; display: flex; align-items: flex-end; justify-content: center;
}
.sec03-main .hd ul li.on{
  box-shadow: 0 .05rem .1rem #115f4f67;
  background: url(../images/s3_tea_mbg_h.png) no-repeat center / 100%;
}

/*sec04*/
.sec04{
  padding-top: 0; margin-bottom: .58rem;
}
.sec04-t{
  width: 8.66rem; height: 5.71rem; background: url(../images/s4_tbg.png) no-repeat center / 100%; margin: 0 auto; margin-top: -0.8rem; position: relative;
}
.sec04-t ul li{
  width: 1.44rem; height: .5rem; line-height: .5rem; border-radius: .5rem; font-size: .26rem; font-weight: 600;
}
.sec04-t ul li:nth-child(1),.sec04-t ul li:nth-child(4),.sec04-t ul li:nth-child(6){
  border: .01rem solid #d0ece7; box-shadow: 0 .05rem .1rem #00786069; color: #fff;
  background: #025242;
  background: -webkit-linear-gradient(16deg, #025242, #17a78b);
  background: -o-linear-gradient(16deg, #025242, #17a78b);
  background: -moz-linear-gradient(16deg, #025242, #17a78b);
  background: linear-gradient(16deg, #025242, #17a78b);
}
.sec04-t ul li:nth-child(2){
  border: .01rem solid #02483a; color: #033d1d;
  background: #fff;
}
.sec04-t ul li:nth-child(3),.sec04-t ul li:nth-child(5),.sec04-t ul li:nth-child(8){
  box-shadow: 0 .05rem .1rem #6f4f0962; color: #fff;
  background: #926240;
  background: -webkit-linear-gradient(16deg, #926240, #f2d3be);
  background: -o-linear-gradient(16deg, #926240, #f2d3be);
  background: -moz-linear-gradient(16deg, #926240, #f2d3be);
  background: linear-gradient(16deg, #926240, #f2d3be);
}
.sec04-t ul li:nth-child(7){
  border: .01rem solid #926240; color: #502303;
  background: #fff;
}
.sec04-t ul li:nth-child(1){
  position: absolute; top: 1.2rem; left: 2.06rem;
}
.sec04-t ul li:nth-child(2){
  position: absolute; top: 1.64rem; left: .13rem;
}
.sec04-t ul li:nth-child(3){
  position: absolute; top: 3.04rem; left: .45rem;
}
.sec04-t ul li:nth-child(4){
  position: absolute; top: 4.06rem; left: 1.08rem;
}
.sec04-t ul li:nth-child(5){
  position: absolute; top: 4.17rem; right: 1.9rem;
}
.sec04-t ul li:nth-child(6){
  position: absolute; top: 3.42rem; right: .17rem;
}
.sec04-t ul li:nth-child(7){
  position: absolute; top: 2.25rem; right: 1.3rem;
}
.sec04-t ul li:nth-child(8){
  position: absolute; top: 1.1rem; right: .9rem;
}
.sec04-b{
  display: flex; align-items: center; margin-top: -0.7rem;
}
.sec04-b .sec04-b-bt{
  width: 1.45rem; height: 6.16rem; background: url(../images/s4_b_lbg.png) no-repeat center / 100%; display: flex; align-items: center; justify-content: center;
}
.sec04-b-info{
  flex: 1; padding: .3rem; 
  background: #0c7b65;
  background: -webkit-linear-gradient(right, #0c7b65, #024033);
  background: -o-linear-gradient(right, #0c7b65, #024033);
  background: -moz-linear-gradient(right, #0c7b65, #024033);
  background: linear-gradient(to right, #0c7b65, #024033);
}
.sec04-b-info .sec04-b-m{
  width: 10.04rem; height: 5.7rem; background: url(../images/s4_brbg.png) no-repeat center / 100%; padding-top: .28rem; box-sizing: border-box;
}
.sec04-b-info .sec04-b-m .hd{
  margin-bottom: .2rem;
}
.sec04-b-info .sec04-b-m .hd ul{
  display: flex; justify-content: center;
}
.sec04-b-info .sec04-b-m .hd ul li{
  width: 1.3rem; height: .46rem; line-height: .46rem; font-size: .24rem; font-weight: bold; cursor: pointer;
}
.sec04-b-info .sec04-b-m .hd ul li::after{
  content: ''; width: 100%; height: .02rem; background: #999; display: block;
}
.sec04-b-info .sec04-b-m .hd ul li.on{
  background: url(../images/s4_b_tab_bg.png) no-repeat center / 100%;  border-bottom: .02rem solid #99999900; color: #fff;
}
.sec04-b-info .sec04-b-m .hd ul li.on::after{
  background: #bb9a7f;
  background: -webkit-linear-gradient(right, #bb9a7f, #ffffff, #bc9b80);
  background: -o-linear-gradient(right, #bb9a7f, #ffffff, #bc9b80);
  background: -moz-linear-gradient(right, #bb9a7f, #ffffff, #bc9b80);
  background: linear-gradient(to right, #bb9a7f, #ffffff, #bc9b80);
}
.sec04-b-info .sec04-b-m .bd ul li .item{
  background: #fff; border-radius: .1rem; box-shadow:inset 0 .1rem .26rem #cdf0ec60; margin: 0 .44rem .25rem; display: flex; align-items: center; justify-content: flex-start;
  border: .01rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(180deg, #fff, #bde5dd);
}
.sec04-b-info .sec04-b-m .bd ul li .item:last-child{
  background: #025242 !important;
  background: -webkit-linear-gradient(right, #025242, #17a78b) !important;
  background: -o-linear-gradient(right, #025242, #17a78b) !important;
  background: -moz-linear-gradient(right, #025242, #17a78b) !important;
  background: linear-gradient(to right, #025242, #17a78b) !important;
}
.sec04-b-info .sec04-b-m .bd ul li .item:last-child h3 span{
  color: #fff;
}
.sec04-b-info .sec04-b-m .bd ul li .item:last-child p{
  color: #fff;
}
.sec04-b-info .sec04-b-m .bd ul li .item h3{
  width: 1.58rem; position: relative; margin-right: .4rem; min-height: 1.2rem; display: flex; flex-direction: column;
  justify-content: center; align-items: center;
}
.sec04-b-info .sec04-b-m .bd ul li .item h3::after{
  content: ''; width: .01rem; height: 1.2rem; display: block; position: absolute; right: 0; top: 0;
  background: #b6dad6;
  background: -webkit-linear-gradient(bottom, #b6dad600, #b6dad6, #b6dad600);
  background: -o-linear-gradient(bottom, #b6dad600, #b6dad6, #b6dad600);
  background: -moz-linear-gradient(bottom, #b6dad600, #b6dad6, #b6dad600);
  background: linear-gradient(to bottom, #b6dad600, #b6dad6, #b6dad600);
}
.sec04-b-info .sec04-b-m .bd ul li .item h3 span{
  font-size: .22rem; color: #333333; font-weight: bold; display: block; margin-top: -0.1rem;
}
.sec04-b-info .sec04-b-m .bd ul li .item p{
  flex: 1; font-size: .2rem; color: #333333; line-height: .3rem; text-align: left; padding-right: .38rem;
}
.sec04-b-info .sec04-b-m .bd ul li .item:nth-child(2){
  height: 1.4rem; background-image: linear-gradient(to right, #fff, #fff), linear-gradient(180deg, #fff, #f8dec8); box-shadow:inset 0 .1rem .26rem #f0a2631c;
}

/*sec05*/
.sec05{
  height: 6.35rem; background: url(../images/s5_bg.jpg) no-repeat top center; box-sizing: border-box;
}
.sec05-main{
  position: relative;
}
.sec05-list ul{
  display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;
}
.sec05-list ul li{
  width: 3.05rem;
}
.sec05-list ul li h3{
  width: 2.48rem; height: .6rem; line-height: .6rem; border-radius: .1rem; border: .01rem solid #d0ece7; box-shadow: 0 .2rem .35rem #0078605e; font-size: .18rem; color: #fff; font-weight: 600; margin-bottom: .16rem; display: flex; align-items: center; justify-content: center; 
  background: #025242;
  background: -webkit-linear-gradient(56deg, #025242, #17a78b);
  background: -o-linear-gradient(56deg, #025242, #17a78b);
  background: -moz-linear-gradient(56deg, #025242, #17a78b);
  background: linear-gradient(to 56deg, #025242, #17a78b);
}
.sec05-list ul li:nth-child(1){
  margin-left: .48rem; margin-right: 5.17rem; margin-bottom: .28rem;
}
.sec05-list ul li:nth-child(2){
  margin-top: .24rem;
}
.sec05-list ul li:nth-child(4){
  margin-right: .16rem;
}
.sec05-list ul li:nth-child(3){
  margin-right: .48rem; margin-left: .25rem;
}
.sec05-list ul li:nth-child(2) h3,.sec05-list ul li:nth-child(3) h3{
  border: .01rem solid #e0c7b4; box-shadow: 0 .2rem .35rem #98694862;
  background: #926240;
  background: -webkit-linear-gradient(56deg, #926240, #e4b391);
  background: -o-linear-gradient(56deg, #926240, #e4b391);
  background: -moz-linear-gradient(56deg, #926240, #e4b391);
  background: linear-gradient(to 56deg, #926240, #e4b391);
}
.sec05-list ul li p{
  font-size: .16rem; line-height: .28rem; text-align: left;
}
.s5-play{
  width: 4.81rem; height: 2.77rem; background: url(../images/s5_play_bg.png) no-repeat center / 100%; border-radius: .1rem; box-shadow: 0 .3rem .3rem #b5b5b5a6; padding: .07rem; box-sizing: border-box; position: absolute; top: .73rem;
  left: 3.73rem;
}

/*sec06*/

.jianzhang {
  padding-top: .8rem;
}
.jianzhang .jz_top {
  position: relative;
  padding: .2rem .27rem;
  margin: .38rem auto;
}
.jianzhang .jz_top .jz_toprg {
  position: absolute;
  top: .1rem;
  right: .5rem;
  width: 1.4rem;
  line-height: .32rem;
  font-size: .18rem;
  color: #0c2345;
  cursor: pointer;
  text-align: center;
  border: .01rem solid #485a74;
  border-radius: 0.5rem;
}
.jianzhang .jz_top .jz_toprg.active {
  color: #ffffff;
  background: #126253;
  border-color: #126253;
}
.jianzhang .shuban {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.jianzhang .shuban #clearfix {
  display: none;
}
.jianzhang .shuban .banxing {
  width: 24%;
}
.jianzhang .shuban .banxing h2 {
  height: .86rem;
  line-height: .86rem;
  text-align: center;
  color: #ffffff;
  font-size: .34rem;
  letter-spacing: .03rem;
  font-weight: bold;
  border-radius: .1rem .1rem 0 0;
  background: #227263;
  background: -webkit-linear-gradient(right, #227263, #025242);
  background: linear-gradient(to right, #227263, #025242);
}
.jianzhang .shuban .banxing h2.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 2.88rem;
}
.jianzhang .shuban .banxing .renqun {
  height: 1.8rem;
  background: #eef2f8;
  padding: .2rem 0 0 .3rem;
  font-size: .18rem;
  margin-bottom: .13rem;
  color: #112038;
  letter-spacing: .02rem;
  text-shadow: 0 0 0 #112038;
}
.jianzhang .shuban .banxing .renqun span {
  display: flex;
  align-items: center;
  height: .3rem;
}
.jianzhang .shuban .banxing .renqun img {
  width: .2rem;
  margin-right: .06rem;
}
.jianzhang .shuban .banxing .shiyiflag {
  position: relative;
}
.jianzhang .shuban .banxing .shiyiflag::before {
  position: absolute;
  top: 0;
  left: -0.36rem;
  content: '适宜人群';
  text-align: center;
  width: .36rem;
  padding: .23rem 0;
  line-height: .2rem;
  color: #ffedc8;
  font-weight: bold;
  border-radius: .1rem 0 0 .1rem;
  border: .01rem solid #ffe8a4;
  background: #be975f;
  background: -webkit-linear-gradient(bottom, #e4c292, #986c2b);
  background: linear-gradient(to bottom, #e4c292, #986c2b);
}
.jianzhang .shuban .banxing .xiaobiaoti {
  height: .3rem;
  background: #d3ddee;
  margin-bottom: .12rem;
}
.jianzhang .shuban .banxing .xiaobiaoti span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 46%;
  letter-spacing: .02rem;
  color: #ffffff;
  font-weight: bold;
  font-size: .16rem;
  margin: 0 auto;
  border-radius: .1rem 0 .1rem 0;
  background: #3a8c7d;
}
.jianzhang .shuban .banxing .xiaobiaoti img {
  width: .17rem;
  margin-right: .08rem;
}
.jianzhang .shuban .banxing .xiangxi {
  font-size: .15rem;
  line-height: .2rem;
  color: #000000;
  margin-left: .3rem;
}
.jianzhang .shuban .banxing .xiangxi i {
  color: #7693da;
}
.jianzhang .shuban .banxing .xiangxi span {
  color: #f32a17;
}
.jianzhang .shuban .banxing .xiangxi b {
  display: block;
  margin-top: .07rem;
  letter-spacing: .01rem;
  text-shadow: 0 0 0 #000;
}
.jianzhang .shuban .banxing .fuwu .xiangxi {
  margin-right: .1rem;
}
.jianzhang .shuban .banxing .bx_btm {
  border-radius: .1rem;
  overflow: hidden;
  border: .01rem solid #d3ddee;
  background: #fafbfd;
  margin-bottom: .2rem;
}
.jianzhang .shuban .banxing .mokuai {
  height: 2.54rem;
}
.jianzhang .shuban .banxing .peiziliao {
  height: 2.97rem;
}
.jianzhang .shuban .banxing .peiziliao img {
  width: .14rem;
}
.jianzhang .shuban .banxing .fuwu {
  height: 4.72rem;
}
.jianzhang .shuban .banxing .fuwu img {
  width: .16rem;
}
.jianzhang .shuban .banxing .jiage {
  height: 2.24rem;
}
.jianzhang .shuban .banxing .jiage img {
  width: .19rem;
}
.jianzhang .shuban .banxing .price {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  font-size: .16rem;
  height: 86%;
  line-height: .22rem;
  margin-top: -0.12rem;
  color: #333333;
}
.jianzhang .shuban .banxing .price .zhanwei {
  width: 100%;
}
.jianzhang .shuban .banxing2 h2 {
  position: relative;
  background: url("../images/banxing2h2.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing2 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: .7rem;
  height: .72rem;
  background: url("../images/sell.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing2 .renqun {
  background: url("../images/banxing2rq.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing2 .bx_btm {
  border: .01rem solid #f7dbd6;
}
.jianzhang .shuban .banxing2 .xiaobiaoti {
  background: #f7dbd6;
}
.jianzhang .shuban .banxing2 .xiaobiaoti span {
  background: #ee5342;
}
.jianzhang .shuban .banxing2 .xiangxi i {
  color: #f32a17;
}
.jianzhang .shuban .banxing3 h2 {
  position: relative;
}
.jianzhang .shuban .banxing3 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: .7rem;
  height: .72rem;
  background: url("../images/huo.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing3 .price .price_item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45%;
  margin: 0 .08rem;
  text-align: left;
}
.jianzhang .shuban .banxing3 .price .price_item:nth-of-type(1) {
  border-bottom: .01rem dashed #c7d1dc;
}
.jianzhang .shuban .banxing3 .price .ban {
  width: .64rem;
  padding: .04rem 0;
  border-radius: 0.1rem;
  border-radius: .1rem .1rem 0 .1rem;
  text-align: center;
  background: #2f64cd;
  color: #ffffff;
  margin: 0 .05rem 0 .25rem;
}
.jianzhang .shuban .banxing4 h2 {
  position: relative;
  background: url("../images/banxing4h2.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing4 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: .76rem;
  height: .6rem;
  background: url("../images/hot.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing4 .renqun {
  background: url("../images/banxing4rq.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing4 .bx_btm {
  border: .01rem solid #e1ceb5;
}
.jianzhang .shuban .banxing4 .xiaobiaoti {
  background: #e1ceb5;
}
.jianzhang .shuban .banxing4 .xiaobiaoti span {
  background: #bc9862;
}
.jianzhang .shuban .banxing4 .xiangxi i {
  color: #bc9862;
}
.jianzhang .shuban .banxing4 .xiangxi .mokuai b {
  display: inline-block;
}
.jianzhang .hengban {
  display: none;
  border-radius: 0.1rem;
  padding-bottom: .15rem;
  background: #eef2f8;
}
.jianzhang .hengban.show {
  display: block;
}
.jianzhang .hengban .leimu {
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: .22rem;
  font-weight: bold;
  border-radius: .1rem .1rem 0 0;
  overflow: hidden;
  border-top: .03rem solid #126253;
  border-bottom: .03rem solid #126253;
}
.jianzhang .hengban .leimu.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 12rem;
}
.jianzhang .hengban .leimu span {
  height: .54rem;
  line-height: .54rem;
  border-right: .01rem solid #ffffff;
  background: #126253;
  letter-spacing: .02rem;
}
.jianzhang .hengban .leimu span:nth-of-type(1) {
  width: 7%;
}
.jianzhang .hengban .leimu span:nth-of-type(2) {
  width: 19%;
}
.jianzhang .hengban .leimu span:nth-of-type(3) {
  width: 19%;
}
.jianzhang .hengban .leimu span:nth-of-type(4) {
  width: 39%;
}
.jianzhang .hengban .leimu span:nth-of-type(5) {
  flex: 1;
  border-right: 0;
}
.jianzhang .hengban .banxing {
  display: flex;
  align-items: center;
  border-radius: 0.12rem;
  font-size: .15rem;
  color: #000000;
  line-height: .24rem;
  margin: .1rem .14rem 0;
  border: .01rem solid #d4dde8;
  background: #ffffff;
}
.jianzhang .hengban .banxing .red {
  color: #f32a17;
}
.jianzhang .hengban .banxing .banx {
  width: 2.5%;
  height: 100%;
  font-size: .26rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 0 .2rem;
  font-weight: bold;
  line-height: .33rem;
  border-radius: .1rem 0 0 .1rem;
  background: #227263;
  background: -webkit-linear-gradient(bottom, #227263, #025242);
  background: linear-gradient(to bottom, #227263, #025242);
}
.jianzhang .hengban .banxing .mokuai {
  width: 17%;
  height: 100%;
  padding-left: .28rem;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.jianzhang .hengban .banxing .mokuai p {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.jianzhang .hengban .banxing .mokuai p b {
  font-weight: bold;
}
.jianzhang .hengban .banxing .ptziliao {
  width: 17.5%;
  height: 100%;
  padding-left: .28rem;
  border-left: .01rem solid #d4dde8;
  border-right: .01rem solid #d4dde8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jianzhang .hengban .banxing .ptziliao b {
  display: block;
  font-weight: bold;
}
.jianzhang .hengban .banxing .bjfuwu {
  width: 37.5%;
  height: 100%;
  padding-left: .28rem;
  border-right: .01rem solid #d4dde8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jianzhang .hengban .banxing .bjfuwu b {
  display: block;
  font-weight: bold;
}
.jianzhang .hengban .banxing .jiage {
  flex: 1;
  text-align: center;
}
.jianzhang .hengban .banxing1 {
  height: 3.3rem;
}
.jianzhang .hengban .banxing2 {
  height: 3.3rem;
  background: #fdfbfa;
  border: .03rem solid #fca550;
}
.jianzhang .hengban .banxing2 .banx {
  position: relative;
  background: url("../images/banxing2banx.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .hengban .banxing2 .banx::after {
  position: absolute;
  top: -0.1rem;
  left: -0.25rem;
  content: '';
  width: .71rem;
  height: .69rem;
  background: url("../images/sell1.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .hengban .banxing2 .ptziliao {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing2 .bjfuwu {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing3 {
  height: 3.8rem;
}
.jianzhang .hengban .banxing3 .banx {
  position: relative;
}
.jianzhang .hengban .banxing3 .banx::after {
  position: absolute;
  top: -0.1rem;
  left: -0.25rem;
  content: '';
  width: .71rem;
  height: .69rem;
  background: url("../images/huo1.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .hengban .banxing4 {
  height: 4.5rem;
  background: #fdfcfa;
  border: .03rem solid #cda472;
}
.jianzhang .hengban .banxing4 .banx {
  position: relative;
  background: url("../images/banxing4banx.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .hengban .banxing4 .banx::after {
  position: absolute;
  top: -0.1rem;
  left: -0.25rem;
  content: '';
  width: .75rem;
  height: .6rem;
  background: url("../images/hot1.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .hengban .banxing4 .ptziliao {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing4 .bjfuwu {
  border-color: #ffcec6;
}
.jianzhang .bxtips {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .16rem;
  color: #ad8d62;
  padding: 0 .4rem;
  margin: .1rem auto .8rem;
}
.wid {
  width: 12rem;
  margin: 0 auto;
  box-sizing: border-box;
}
/*放大缩小1*/
@keyframes scale1 {from {transform: scale(0.9)} to { transform: scale(1.1)}}
@-webkit-keyframes scale1 {from { transform: scale(0.9)} to { transform: scale(1.1)}}

/*sec07*/
.sec07{
  padding-top: 0;
}
.sec07-t{
  height: 5.11rem; background: url(../images/s7_t_bg.png) no-repeat center / 100%; margin-bottom: .17rem;
}
.sec07-t h3{
  padding-top: 1.09rem; padding-left: .35rem; margin-bottom: .2rem;
}
.sec07-t h3 img{
  display: block;
}
.sec07-t-list01{
  border: .01rem solid #ffffff; border-radius: .1rem; margin: 0 .26rem;padding: .22rem; padding-bottom: .52rem; display: flex; flex-wrap: wrap;
  background: #e4fffe;
  background: -webkit-linear-gradient(bottom, #e4fffe, #ffffff 24%);
  background: -o-linear-gradient(bottom, #e4fffe, #ffffff 24%);
  background: -moz-linear-gradient(bottom, #e4fffe, #ffffff 24%);
  background: linear-gradient(to bottom, #e4fffe, #ffffff 24%);
}
.sec07-t-m .sec07-t-list01 li{
  width: 33.3%; text-align: left; padding-bottom: .24rem; padding-top: .1rem; border-right: .01rem solid #03615f; border-bottom: .01rem solid #03615f; box-sizing: border-box; padding-left: .4rem;
}
.sec07-t-m .sec07-t-list01 li:nth-child(4),.sec07-t-m .sec07-t-list01 li:nth-child(5),.sec07-t-m .sec07-t-list01 li:nth-child(6){
  border-bottom: none; padding-bottom: 0; padding-top: .2rem;
}
.sec07-t-m .sec07-t-list01 li:nth-child(3n){
  border-right: none;
}
.sec07-t-m .sec07-t-list01 li:nth-child(1),.sec07-t-m .sec07-t-list01 li:nth-child(4){
  padding-left: 0;
}
.sec07-t-m .sec07-t-list01 li h4{
  height: .3rem; line-height: .3rem; border: .01rem solid #d0ece7; box-shadow: 0 .02rem .04rem #0078606b; border-radius: .3rem; font-size: .2rem; color: #fff; font-weight: 600; padding: 0 .18rem; display: inline-block; text-align: center; margin-bottom: .1rem;
  background: #075646;
  background: -webkit-linear-gradient(56deg, #075646, #17a78b);
  background: -o-linear-gradient(56deg, #075646, #17a78b);
  background: -moz-linear-gradient(56deg, #075646, #17a78b);
  background: linear-gradient(to 56deg, #075646, #17a78b);
}
.sec07-t-m .sec07-t-list01 li p{
  font-size: .2rem; color: #373737; line-height: .24rem; text-align: left;
}
.sec07-t-list02{
  width: 5.9rem; height: .46rem; line-height: .46rem; background: url(../images/s7_t_tips_bg.png) no-repeat center / 100%; margin: 0 auto; margin-top: -0.21rem; border-radius: .22rem; box-shadow: 0 .1rem .1rem #03231f3f; display: flex; align-items: center; justify-content: center;
}
.sec07-t-list02 li{
  margin: 0 .09rem; font-size: .18rem; color: #583f09; font-weight: bold; display: flex; align-items: center;
}
.sec07-t-list02 li img{
  margin-right: .1rem;
}
.sec07-b ul{
  display: flex; justify-content: space-between;
}
.sec07-b ul li{
  width: 4.35rem; border-radius: .1rem; box-shadow: inset 0 .04rem .22rem #01615cbe; border: .01rem solid #000; padding: .12rem; box-sizing: border-box;
  background: #17a78b;
  background: -webkit-linear-gradient(bottom, #17a78b, #025242);
  background: -o-linear-gradient(bottom, #17a78b, #025242);
  background: -moz-linear-gradient(bottom, #17a78b, #025242);
  background: linear-gradient(to bottom, #17a78b, #025242);
  border: .01rem solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to bottom, #17a78b, #025242), linear-gradient(180deg, #005753, #17c0b7);
}
.sec07-b ul li:nth-child(2){
  width: 2.86rem;
}
.sec07-b ul li img{
  width: 100%; margin-bottom: .16rem;
}
.sec07-b ul li h4{
  font-size: .22rem; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;
}
.sec07-b ul li h4::before{
  content: ''; width: .55rem; height: .01rem; background: #06b08e; display: block; margin-right: .1rem;
}
.sec07-b ul li h4::after{
  content: ''; width: .55rem; height: .01rem; background: #06b08e; display: block; margin-left: .1rem;
}


/*sec08*/
.sec08{
  background: url(../images/s8_bg.jpg) no-repeat top center; margin-top: .38rem; height: 5.6rem; box-sizing: border-box;
}
.sec08-main{
  width: 11.15rem; margin: 0 auto; overflow: hidden;
}
.sec08-item{
  width: .98rem; height: 3.46rem; float: left; transition: all .5s; position: relative;
}
.sec08-item h3{
  width: 1.06rem; height: 3.46rem; line-height: .34rem; background: url(../images/s8_item_bt_bg.png) no-repeat center / 100%; font-size: .3rem; color: #fff; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 .3rem; box-sizing: border-box; position: absolute; left: 0; top: 0;
}
.sec08-item h3.bt2{
  background: url(../images/s8_item_bt_bg02.png) no-repeat center / 100%;
}
.sec08-item .sec08-item-m{
  width: 5.34rem; height: 3.38rem; background: #ffffff; box-shadow:inset 0 0 .29rem #d0d0d0; border: .01rem solid #d7f0eb;margin-left: -0.03rem; position: absolute; top: .03rem; left: 1.06rem;
}
.sec08-item.on{
  width: 6.2rem;
}
.img-box{
  padding-top: .3rem; position: relative;
}
.img-box .item-img{
  width: 4.74rem; display: block; margin: 0 auto;
}
.img-box .yuan{
  position: absolute; top: 1.02rem; left: 2.98rem; box-shadow: 0 0 .18rem #0230585e; border-radius: 100%;
}
.tips{
  width: 4.1rem;height: .66rem;background: url(../images/s8_item01_tips_bg.png) no-repeat center / 100%; line-height: .75rem; font-size: .18rem; color: #692e04; font-weight: 600; margin-left: .44rem;
}
.sec08-item03 .img-box{
  padding-top: .2rem;
}
.sec08-item03 .item-img{
  width: 1.44rem; margin-left: .76rem;
}
.sec08-item03 .yuan{
  top: .52rem; left: 2.23rem;
}
.sec08-item03 .tips{
  width: 2.21rem;height: .9rem;background: url(../images/s8_item03_tips_bg.png) no-repeat center / 100%; line-height: .28rem; text-align: center; display: flex; align-items: center; padding-left: .32rem; box-sizing: border-box; position: absolute; top: 2.12rem; left: 1.86rem;
}
.sec08-item04 .tips{
  padding-left: .59rem;
}

.sec08-item05 .yuan{
  width: 2.59rem; border-radius: 0; box-shadow: none;
}
.sec08-item05 .tips{
  padding-left: .62rem;
}

.sec08-item06 .yuan{
  width: 2.59rem; border-radius: 0; box-shadow: none;
}
.sec08-item06 .tips{
  padding-left: .27rem;
}

/*sec09*/
.sec09{
  background: url(../images/s9_mbg.png) no-repeat bottom center; padding-bottom: 1.3rem;
}
.sec09-main{
  display: flex; align-items: flex-start;
}
.sec09-l{
  padding-left: .1rem; position: relative; margin-top: -0.88rem;
}
.sec09-l ul{
  width: 7rem; height: 3.31rem; background: url(../images/s9_l_line.png) no-repeat top left; padding-top: .68rem; box-sizing: border-box; position: absolute; top: 2.34rem; left: 1.21rem;
}
.sec09-l ul li:nth-child(1){
  margin-left: 4.36rem; margin-bottom: .86rem;
}
.sec09-l ul li:nth-child(2){
  margin-left: 2.83rem;
}
.sec09-l ul li:nth-child(3){
  margin-left: .57rem; margin-top: -0.24rem;
}
.sec09-l ul li h3{
  width: 1.46rem; height: .48rem; line-height: .46rem; border-radius: .24rem; font-size: .24rem; color: #fff; font-weight: bold; border: .01rem solid #d0ece7; box-shadow: 0 .2rem .35rem #0078605d; margin-bottom: .15rem;
  background: #075646;
  background: -webkit-linear-gradient(56deg, #075646, #17a78b);
  background: -o-linear-gradient(56deg, #075646, #17a78b);
  background: -moz-linear-gradient(56deg, #075646, #17a78b);
  background: linear-gradient(to 56deg, #075646, #17a78b);
}
.sec09-l ul li:nth-child(2) h3{
  border: .01rem solid #e0c7b4;
  box-shadow: 0 .2rem .35rem #98694862;
  background: #926240;
  background: -webkit-linear-gradient(56deg, #926240, #e4b391);
  background: -o-linear-gradient(56deg, #926240, #e4b391);
  background: -moz-linear-gradient(56deg, #926240, #e4b391);
  background: linear-gradient(to 56deg, #926240, #e4b391);
}
.sec09-l ul li p{
  font-size: .18rem; color: #012e25; text-align: left; padding-left: .18rem;
}
.sec09-l ul li:nth-child(1) p{
  margin-left: -0.33rem;
}
.sec09-l-img{
  animation: move 1s infinite alternate ease-in-out;
}
@keyframes move{
  0%{transform: translateY(0);}
  100%{transform: translateY(-0.08rem);}
}
.sec09-r{
  width: 3.13rem; border-radius: .1rem; box-shadow: 0 .2rem .3rem #a06f4c67; padding: .18rem; box-sizing: border-box; margin-left: 1.2rem;margin-top: .97rem;
  background: #f9ecdd;
  background: -webkit-linear-gradient(right, #f9ecdd, #dbc1ac);
  background: -o-linear-gradient(right, #f9ecdd, #dbc1ac);
  background: -moz-linear-gradient(right, #f9ecdd, #dbc1ac);
  background: linear-gradient(to right, #f9ecdd, #dbc1ac);
}
.sec09-r ul li{
  height: .94rem; margin-bottom: .15rem; display: flex; align-items: center; justify-content: flex-start; text-align: left;
  border: .01rem solid transparent;
  border-radius: .1rem;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #f8eadb,#dcc3ae), linear-gradient(180deg, #eed3be, #f6ebe3);
}
.sec09-r ul li:last-child{
  margin-bottom: 0;
}
.sec09-r ul li img{
  margin-right: .18rem; margin-left: .22rem;
}
.sec09-r ul li h3{
  font-size: .24rem; color: #8a4718; font-weight: bold;
}
.sec09-r ul li p{
  font-size: .18rem; color: #333333; margin-top: .08rem;
}

/*sec10*/
.sec10{
  background: url(../images/s10_bg.jpg) no-repeat bottom center; padding-top: 0; margin-bottom: .45rem; padding-bottom: .35rem; margin-top: -0.5rem;
}
.sec10-title{
  margin-bottom: .7rem;
}
.sec10-main{
  display: flex; align-items: center; justify-content: flex-start;
}
.sec10-l{
  width: 6.72rem; background: #fff; border-radius: .1rem; padding: .18rem 0; margin-right: .32rem; display: flex; align-items: center;
}
.list01{
  margin-left: .46rem; margin-right: .46rem;
}
.list01 ul li{
  display: flex; align-items: center; margin-bottom: .35rem;
} 
.list01 ul li:last-child{
  margin-bottom: 0;
}
.list01 ul li i{
  width: .42rem; height: .36rem; background: url(../images/s10_xin.png) no-repeat center / 100%; display: block; animation: scale .8s infinite alternate ease-in-out;
}
@keyframes scale{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}
.list01 ul li span{
  width: .96rem; height: .35rem; line-height: .35rem; border-radius: .35rem; font-size: .26rem; color: #010409; font-weight: 600; margin-left: -0.16rem; text-align: right; padding-right: .18rem; box-sizing: border-box;
  background: #ffe6e4;
  background: -webkit-linear-gradient(right, #ffe6e400, #ffe6e4);
  background: -o-linear-gradient(right, #ffe6e400, #ffe6e4);
  background: -moz-linear-gradient(right, #ffe6e400, #ffe6e4);
  background: linear-gradient(to right, #ffe6e400, #ffe6e4); 
}
.list02{
  width: 4.55rem; height: 3.85rem; border-radius: .1rem; padding-top: .4rem; padding-left: .45rem; box-sizing: border-box; text-align: left;
  background: #f3f7fa;
  background: -webkit-linear-gradient(right, #f3f7fa, #f3f7fa00);
  background: -o-linear-gradient(right, #f3f7fa, #f3f7fa00);
  background: -moz-linear-gradient(right, #f3f7fa, #f3f7fa00);
  background: linear-gradient(to right, #f3f7fa, #f3f7fa00);
}
.list02 h3{
  height: .38rem; line-height: .38rem; border-radius: .18rem; font-size: .22rem; color: #fff; font-weight: 600; padding: 0 .17rem;  text-align: center; display: inline-block; margin-bottom: .12rem; margin-top: .22rem;
  background: #aa6d41;
  background: -webkit-linear-gradient(right, #aa6d41, #f6c09a);
  background: -o-linear-gradient(right, #aa6d41, #f6c09a);
  background: -moz-linear-gradient(right, #aa6d41, #f6c09a);
  background: linear-gradient(to right, #aa6d41, #f6c09a);
}
.list02 h3:nth-child(1){
  margin-top: 0;
}
.list02 p{
  font-size: .18rem; color: #010409; line-height: .24rem; text-align: left;
}
.sec10-r h3,.sec10-r b{
  font-size: .28rem; color: #010409; font-weight: bold; margin-bottom: .36rem; text-align: left; display: block;
}
.sec10-r b{
  margin-bottom: .1rem;
}
.sec10-r p{
  font-size: .24rem; color: #010409; line-height: .3rem; text-align: left;
}
.sec10-r p::after{
  content: ''; width: .5rem; height: .06rem; background: #1c5961; border-radius: .03rem; display: block; margin-top: .26rem;
}

/*侧边悬停*/
.lfNav{position: fixed;width:2.38rem; height:5.29rem; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:.2rem;z-index:9;}
.lfNav .close{position:absolute;top:.1rem; right:.1rem; height:.3rem; width:.3rem; }
.lfNav .close img{width: 100%;}
.mt185{margin-top:1.44rem;}
.nav-bg{
  width:1.52rem; height:.42rem; line-height: .4rem; display: block; text-align: center; border: .01rem solid #ffddb9; margin-bottom: .1rem; margin-left: .32rem; box-sizing: border-box;
  background: #f5480d;
  background: -webkit-linear-gradient(right, #f5480d, #a30303);
  background: -o-linear-gradient(right, #f5480d, #a30303);
  background: -moz-linear-gradient(right, #f5480d, #a30303);
  background: linear-gradient(to right, #f5480d, #a30303);  
}
.nav-bg:hover{
  background: #fff0bc;
  background: -webkit-linear-gradient(right, #fff0bc, #ffc261);
  background: -o-linear-gradient(right, #fff0bc, #ffc261);
  background: -moz-linear-gradient(right, #fff0bc, #ffc261);
  background: linear-gradient(to right, #fff0bc, #ffc261);  
}
.nav-bg a{
  width:100%; height:100%; display: block; margin:auto; font-size: .2rem; color: #fff;
}
.nav-bg a:hover{
	color: #611204; font-weight: 600;
}
.left_top{
  width:1.51rem; height:.4rem;display: block;float:left;margin-left:.22rem;margin-top: .1rem;
}