* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; }
html { background: #7bb5db; margin: 0 auto; max-width: 750px; background-color: #fff; box-shadow: 5px 5px 27px rgba(175, 165, 165, 0.7), -5px -5px 27px rgba(175, 165, 165, 0.7); }
body { color: #fff; font-family: Microsoft Yahei; font-family:"微锟斤拷锟脚猴拷" font-size: 0.26rem;
overflow-x: hidden; background: #d4211a; max-width: 7.5rem; margin: auto;  }
a { text-decoration: none; border: none; color: #333; }
a:hover { text-decoration: underline; text-decoration: none; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: middle; }
.height { height: 0.12rem; background: #dfdfdf; width: 100%; margin: 0.2rem auto; }
.hui { height: 0.12rem; background: #dfdfdf; width: 100%; }
.xheight { width: 96%; background: #fff; height: 0.01rem; z-index: 1000; position: absolute; top: 2.6rem; left: 2%; }
.height_ar { width: 100%; background: #3e8f6e; height: 0.03rem; margin: 0.3rem auto; }
.clearfix { zoom: 1; display: block }
.clearfix:after { content: ""; height: 0px; display: block; clear: both; visibility: hidden; }
.layout { margin: 0px auto; background: #fff; overflow: hidden; }
.container { width: 14.5rem; margin: 0px auto; }
.clear { zoom: 1; clear: both; overflow: hidden; }
i, em { font-style: normal; }
.fl {float: left;}
.fr {float: right;}
/***************************************************************/
select option {
  -webkit-text-fill-color: #333; /* 替换为目标颜色，如红色 */
  color: #333; /* 兼容其他浏览器 */
}
select {
  border-radius: 4px; /* 强制直角边框 */
  border: 1px solid #ddd; /* 自定义边框样式 */
  color: #333;
}

.banner img{width:100%;}
.main{padding: 0 0.1rem 0.3rem;background: #d4211a;}
.main .intro{border-radius: 0.065rem;padding: .28rem .25rem .17rem;background: #f5e8d7;}
.main .intro .txt{margin-bottom: .2rem;font-size: .29rem;color: #333;line-height:.45rem;}
.main .intro .txt span{font-weight: 700;}
.main .intro .yyhj{width: 100%;}
.main .intro .disc{display: flex;justify-content: space-between;padding: .25rem .35rem;}
.main .intro .disc .cont{display: flex;flex-direction: column;align-items: center;justify-content: center;width:1.8rem;height:1.76rem;background-image: linear-gradient(0deg, #f54b10 0%, #ffa92c 100%), linear-gradient(#ffffff, #ffffff);background-blend-mode: normal, normal;box-shadow: 0.4px 0.3px 3px 0px rgba(197, 23, 22, 0.24);border-radius: 7px;text-align: center;}
.main .intro .disc .cont img{width: .8rem;height: .8rem;margin-bottom:.05rem;}
.main .intro .disc .cont p{font-size: .26rem;}
.main .intro .arrow{text-align: center;font-size: .5rem;}
.main .intro .arrow a{display: inline-block;width: .65rem;height: .65rem;border-radius: 50%;border:2px solid #d4211a;line-height: .5rem;color: #d4211a;}

.main .help{margin: .45rem 0 .2rem;text-align: center;}
.main .help p{margin: 0 auto;width:5.96rem;border: 2px solid #faffd4;font-size: .48rem;letter-spacing: 2px;color: #ffffff;box-shadow: 3px 2px 0px 0px rgba(96, 4, 0, 0.67);border-radius: .5rem;background-color: #b72019;line-height: .8rem;}

.main .help_con{font-size: .26rem;}
.main .help_con .top{display: flex;margin-bottom: .3rem;color: #000;}
.main .help_con .top span{align-self: flex-start;margin-right: .07rem;padding: .07rem 0 .07rem .1rem;background-color: #d4211a;border-radius: 4px;color: #fff;}
.main .help_con .top p{flex: 1;}
.main .help_con .bottom span{display: inline-block;margin-bottom: .2rem;padding: .07rem 0 .07rem .1rem;background-color: #d4211a;border-radius: 4px;color: #fff;}
.main .help_con .bottom .bot_con p{width: 5.68rem;margin: 0 auto .06rem;background-color: #ffc5b8;border-radius: 10px;color: #000;padding: .2rem 0 .2rem .6rem;}

.main .instru{margin: .25rem 0 .35rem;font-size: .24rem;text-align: center;}

.main  .cons{margin-top: .4rem;margin-bottom: .4rem;padding:.2rem 0;background-color: #fed88b;border-radius: 14px;text-align: center;}
.main  .cons p{font-size: .36rem;color: #d4211a;}

.main .support{margin-top: .25rem;text-align: center;}
.main .support h2{font-size: .36rem;}
.main .support p{font-size: .5rem;}
.main .support span{font-size: .24rem;}

/*原来的*/
/*.form{padding: .6rem .2rem .4rem;background: #b72019;}
.form .name_form{display: flex;margin-bottom: .2rem;font-size: .26rem;}
.form .name_form label{display: flex;align-items: center;}
.form .name_form label span{white-space: nowrap;}
.form .name_form label input, .form .name_form:nth-child(2) select{width: 2.04rem;height: .6rem;}
.form .name_form label:first-child{margin-right: .4rem;}
.name_form:nth-child(3) select{width: 5.77rem;height: .56rem;}
.form  .cons{margin-bottom: .2rem;margin-top:.38rem;padding:.2rem 0;background-color: #fed88b;border-radius: 14px;text-align: center;}
.form  .cons button{border: none;background: none;font-size: .36rem;color: #d4211a;}
.form .atten{font-size: .22rem;text-align: center;}*/


/*改成一行*/
.form{padding: .6rem .2rem .4rem;background: #b72019;}
.form .name_form{font-size: .35rem;}
.form .name_form label{display: flex;align-items: center;margin-bottom: .2rem;}
.form .name_form label span{white-space: nowrap;}
.form .name_form label input, .form .name_form:nth-child(2) select{width: 5.77rem;height: .6rem;font-size:.3rem;}
.name_form:nth-child(3) select{width: 5.77rem;height: .56rem;font-size:.3rem;}
.form  .cons{margin: .38rem auto .2rem;padding:.2rem 0;background-color: #fff;border-radius: 14px;text-align: center;width:2rem;}
.form  .cons button{border: none;background: none;font-size: .36rem;color: #d4211a;}
.form .atten{font-size: .22rem;text-align: center;}


/*右侧点击咨询*/

.wrap-ripple {
    position: fixed;
    z-index: 77777;
    width: 0.8rem;
    height: 0.8rem;
    padding: 0.08rem;
    top: 36%;
    right: .2rem;
}

.rubberBand {
    background: red none repeat scroll 0 0;
    border-radius: 0.1rem;
    color: #fff;
    display: inline-block;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 700;
    padding: 0.01rem 0.05rem;
    text-align: center;
    top: -0.15rem;
    left: -0.1rem;
    position: absolute;
    animation: bounce 2s infinite!important;
}

.wrap-ripple .s-ripple i {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    line-height: normal;
    border-radius: 50%;
    border: 1px solid #db2c2e;
    box-sizing: border-box;
}

.wrap-ripple .ripple {
    background: #db2c2e;
    color: #fff;
    font-size: 0.23rem;
    text-align: center;
    font-style: normal;
    padding-top: 5%;
    opacity: .8;
    position: fixed;
}

.wrap-ripple .ripple-a {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pan-ripple 2s linear infinite;
    animation: pan-ripple 2s linear infinite;
}

.wrap-ripple .ripple-b {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pan-ripple 1s linear infinite;
    animation: pan-ripple 1s linear infinite;
}

.wrap-ripple .s-ripple {
    z-index: 99999;
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    cursor: pointer;
    position: fixed;
}

@-webkit-keyframes pan-ripple {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    30% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.4);
        opacity: 0;
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

.index-bottom-top-new {
    width: 100%;
    height: 0.8rem;
}

#index-bottom-new {
    max-width: 6.4rem;
    min-width: 3.2rem;
    height: 1.80rem;
    width: 100%;
    z-index: 199;
    padding: 0;
    background: url('/style/images/site/new/new-bottom.png') no-repeat left bottom / 100% 100%;
    background-size: contain;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
}

#index-bottom-new a,
#index-bottom-new-xb a {
    display: block;
    float: left;
    width: 20%;
    padding-top: 1.15rem;
    margin-top: 0.3rem;
}

#index-bottom-new a span,
#index-bottom-new-xb a span {
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
    display: block;
    margin-top: 0;
}

#index-bottom-new a em {
    background: red none repeat scroll 0 0;
    border-radius: 0.1rem;
    color: #fff;
    display: inline-block;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 700;
    padding: 0.01rem 0.05rem;
    right: 0.4rem;
    position: absolute;
    text-align: center;
    top: 0.3rem;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

#index-bottom-new-xb a em {
    background: red none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    width: 18px;
    height: 18px;
    right: 42%;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 25%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

#index-bottom-new a:nth-child(1),
#index-bottom-new_xb a:nth-child(1) {
    width: 17%
}

#index-bottom-new a:nth-child(2),
#index-bottom-new_xb a:nth-child(2) {
    width: 18%
}

#index-bottom-new a:nth-child(3),
#index-bottom-new_xb a:nth-child(3) {
    width: 30%;
    position: relative;
    padding-top: 0.78rem;
    padding-bottom: 0.35rem;
}

#index-bottom-new a:nth-child(4),
#index-bottom-new_xb a:nth-child(4) {
    width: 18%;
    margin-left: 0.05rem;
}

#index-bottom-new a:nth-child(5),
#index-bottom-new_xb a:nth-child(5) {
    width: 16%
}

#index-bottom-new .bottom-03-new span {
    color: #bc912a;
}

.km-pl-anli {
    width: 6rem;
    margin: 0 auto;
    font-size: 0.24rem;
}

.km-pl-title {
    width: 100%;
    height: 0.8rem;
    margin: 0.4rem 0 0.2rem;
}

.km-pl-title img {
    width: 0.8rem !important;
}

.km-pl-title div {
    width: 100%;
    height: 0.4rem;
    padding-left: 1rem;
    color: #333333;
}

.km-pl-alt img {
    width: 2.92rem !important;
    float: left;
}

.km-pl-alt img:first-child {
    margin-right: 0.155rem;
}

.km-pl-anli .icon {
    font-size: 0.24rem;
}

.km-pl-anli i {
    margin: 0 0.1rem;
    font-style: normal;
}

.km-pl-anli .anli_btn i {
    margin-left: 0.7rem !important;
}

.km-pl-anli i.icon.icon-v {
    color: #ffc502;
}

.km-pl-anli i.icon.icon-discount {
    color: #d91502;
    margin-left: 0 !important;
}

.km-pl-anli .km-pl-anli_slider {
    height: 7rem;
}

.km-pl-anli .km-slider.km-slider-default.km-no-layout {
    padding-bottom: 0.2rem;
}

.km-pl-anli .km-slider-default .km-control-nav {
    bottom: -1.6rem;
}

.km-pl-anli+.gb {
    width: 100%;
    height: 0.1rem;
    background-color: #f5f5f5;
}

.km-pl-anli .km-pl-item-title {
    height: 0.6rem;
    font-size: 0.26rem;
    line-height: 0.6rem;
    border-bottom: 1px #f5f5f5 solid;
}

.km-pl-anli .km-pl-item {
    overflow: hidden;
    margin: 0.2rem 0 0.3rem;
}

.km-pl-anli .km-pl-item img {
    width: 1.93rem;
    float: left;
    margin-right: 0.1rem;
}

.km-pl-anli .km-pl-item img:last-child {
    margin-right: 0;
}

.km-pl-anli .anli_comment {
    margin-top: 0.4rem;
}

/*底部向下箭头漂浮*/
.s1 { display: block; width: 1.2rem; height: 1.2rem; position: absolute; bottom: 5%; left: 50%; margin-left: -.6rem; background: url(../images/s12.png) no-repeat; background-size: contain; z-index: 9; }
.s1 img { width: 1.2rem; height: 1.2rem; margin:.07rem auto;display: block; opacity: .7;transform: rotate(180deg);}
.s1 { bottom: 2%; }


/*地区选择*/
.hide {
  display: none;
}

/* line 9, ../sass/mpicker.scss */
.mPicker-hide {
  visibility: hidden;
}
.mPicker {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

/*遮罩*/
/* line 32, ../sass/mpicker.scss */
.mPicker-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: #000;
  opacity: .7;
}

/*选中的线*/
/* line 46, ../sass/mpicker.scss */
.mPicker-active-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  margin-left: -35%;
  border-top: 1px solid #31b6e7;
  border-bottom: 1px solid #31b6e7;
}

/* line 56, ../sass/mpicker.scss */
.mPicker-main {
  background: #f5f5f5;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  /* -webkit-transition: all .2s ease-out; */
  transition: all .2s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 71, ../sass/mpicker.scss */
.mPicker-main.mPicker-bottom {
  bottom: 0;
}

/* line 75, ../sass/mpicker.scss */
.mPicker-main.mPicker-modal {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 264px;
  top: 50%;
  bottom: auto;
  left: 50%;
  margin-top: -127px;
  margin-left: -132px;
}

/* line 86, ../sass/mpicker.scss */
.mPicker-main.down {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

/* line 91, ../sass/mpicker.scss */
.mPicker-header {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #31b6e7;
  color: #31b6e7;
  font-size: 0.3rem;
}

/* line 101, ../sass/mpicker.scss */
.mPicker-footer {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 1rem;
  line-height: 1rem !important;
  position: relative;
}

/* line 109, ../sass/mpicker.scss */
.mPicker-content {
  overflow: hidden;
  z-index: 15;
  position: relative;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 123, ../sass/mpicker.scss */
.mPicker-list {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 134, ../sass/mpicker.scss */
.mPicker-content ul {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 20;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 144, ../sass/mpicker.scss */
.mPicker-content li {
  padding-left: 3%;
  padding-right: 3%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  color: #333;
  font-size: 0.3rem;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

/* line 156, ../sass/mpicker.scss */
.mPicker-content li.active {
  color: #000;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* line 162, ../sass/mpicker.scss */
.mPicker-content.level-2 ul {
  width: 50%;
}

/*按钮*/
/* line 169, ../sass/mpicker.scss */
.mPicker-confirm,
.mPicker-cancel {
  color: #333;
  font-size: 0.3rem;
  width: 50%;
  text-align: center;
  height: 1.1rem;
  display: inline-block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  top: -0.1rem;
}

/* line 179, ../sass/mpicker.scss */
.mPicker-confirm:active,
.mPicker-confirm:hover,
.mPicker-cancel:active,
.mPicker-cancel:hover {
  background-color: #29799c;
  color: #fff;
}

/* line 186, ../sass/mpicker.scss */
.mPicker-confirm {
  border-right: 1px solid #dbdbdb;
  background: #31b6e7;
  color: #fff;
  position: relative;
  top: -.1rem;
}

/* line 192, ../sass/mpicker.scss */
.mPicker-input-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/* line 199, ../sass/mpicker.scss */
.mPicker-shadow {
  position: absolute;
  top: 41px;
  bottom: 2050px;
  left: 0;
  width: 100%;
  z-index: 999;
  background: linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(0.52, rgba(40, 40, 40, 0)), color-stop(0.48, rgba(40, 40, 40, 0)), to(#282828));
  background: -moz-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  background: -o-linear-gradient(#282828 0, rgba(40, 40, 40, 0) 52%, rgba(40, 40, 40, 0) 48%, #282828 100%);
  background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(whitesmoke), color-stop(0.48, rgba(245, 245, 245, 0)), color-stop(0.52, rgba(245, 245, 245, 0)), to(whitesmoke));
  pointer-events: none;
}