@charset "utf-8";
ul,p{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p10{padding:10px;}
.p30{padding:30px;}
.clear{clear:both;}
.dis{display:none;}
body{background:#fff;font-size:14px; margin:0;}
.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

article{margin:0 auto;max-width:640px;width:100%;}
section{background:#fff;padding:0; max-width:640px; margin:0 auto;}
footer{margin:0 auto 56px auto;max-width:640px;width:100%;padding:10px 0;text-align:center;font-size:14px;color:#858585; background-color: #fafafa;}
section img{max-width:100%;}


/*自定义表单*/
.form-normal{margin-top:30px; z-index:4; position: relative;}
.form-normal-title{text-align:center; font-weight:bold;}
.form-normal .tip{margin-top:20px; text-align:center; color:rgb(230, 50, 46);}
.form-normal .tip p{background-color: rgba(230, 50, 46, 0.05); display: inline-block; font-size:15px; padding: 5px 20px; border-radius: 15px;}
.form-normal .tip p span{background-color:red; color:#fff; font-weight:bold; padding:0 5px; border-radius:5px; margin:0 5px;}
.form-normal form{margin:15px; font-size:14px;}
.form-normal .label-text{display:block; margin-bottom:10px;}
.form-normal .label-text font{color:red; margin: 5px;}
.layui-input-block{margin-bottom:15px; margin-left:0;}
.layui-input{border-radius:5px;}
.layui-anim.layui-icon{display:none;}
.layui-form-radio{float:left;margin:0; width: -moz-calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);	margin-left: 10px; margin-bottom: 10px; box-sizing: border-box; padding:0px; text-align:center; border:1px solid #ccc; border-radius:8px; line-height:35px;}

.layui-form-radioed{border-color:#E6322E !important; color:#E6322E !important; background:#fff3f2 !important;}
.layui-input-block input[type=radio]{display:none;}
.form-normal .button{-webkit-animation: templateEnlargeShrink 3s infinite;
    -o-animation: templateEnlargeShrink 3s infinite;
    animation: templateEnlargeShrink 3s infinite;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); position:relative;
}
.button button{width: 100%; height: 2.75rem; line-height: 2.75rem; background-color: rgb(230, 50, 46); margin-right: auto; margin-bottom: 0px; margin-left: auto;    border-radius: 1.5rem; font-size: 20px; background-image: -webkit-linear-gradient(45deg, rgb(230, 50, 46), rgb(255, 25, 98)); border:0; color:#fff; font-weight:bold;}

.animation-light{
    position: absolute;
    top: 0;
    width: 6.1625rem;
    height: 2.8125rem;
    background-image: url(../images/light_animate.png);
    background-size: 6.1625rem 2.8125rem;
    -webkit-animation: templateSearchLights 3s linear infinite forwards;
    -o-animation: templateSearchLights 3s linear infinite forwards;
    animation: templateSearchLights 3s linear infinite forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
transform: translateZ(0);}

/*表单内容*/
.formshow{padding:15px; border-radius:10px; background:rgba(230, 50, 46, 0.08); margin:15px;}
.formshow .title{text-align:center; font-size:15px; color:red;font-weight:600;}
.formshow .title span{color:#fff; background:red; border-radius:5px; padding:5px;}

.quotation{margin-top:10px; height:105px; overflow:hidden; padding:0 15px;}
.quotation .item{font-size:14px;line-height:35px;clear:both; padding:0 15px; box-sizing:border-box; color: rgba(230, 50, 46, 0.2); background-color: transparent; transform: scale(1); transition-duration: 3000ms; display:flex;}

.quotation .item:nth-child(2){color: rgb(230, 50, 46); background-color: rgba(230, 50, 46, 0.15); transform: scale(1.05); transition-duration: 3000ms;  border-radius:10px;}
.quotation i{margin-right:5px;}
.quotation span{flex:1;}
.quotation .item span:last-child{text-align:right;}
.flex_button{left: 0px;
    bottom: 0px;
    width: 100%;
    overflow: visible;
    background-color: rgb(255, 255, 255);
    transform: translateZ(0px);
    position: fixed;
    z-index: 10 !important;}
.flex_button .button{border-radius: 24px; margin:10px; display:block;
    background-color: rgb(230, 50, 46);
    color: rgb(255, 255, 255);
    font-size: 1.13225rem; line-height:40px; box-sizing: border-box; text-align:center; font-weight:bold;
	}

.myModal.is-visible {
	position: fixed; /* 固定定位 */
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
	z-index:9;
	height:100%;
}
.myModal {
    opacity:0; /* 默认隐藏 */
    left: 0;
    top: 0;
    width: 100%; /* 全屏宽 */
    height: 0; /* 全屏高 */
    overflow: auto; /* 如果需要滚动 */
    background-color: rgba(0,0,0,0.4); /* 黑色背景，略透明 */
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .is-visible .modal-content{
	  transform: translateY(0);
	  -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
      z-index: 9;
  }
  /* 弹窗内容 */
  .modal-content{
	background:#fff;
	position:absolute;
	z-index: 0;
	border-radius: 10px 10px 0 0;
	padding-top:20px;
	bottom:0;
    width:100%; /* 可调整宽度 */
	transform: translateY(430px);
    -webkit-transform: translateY(430px);
    -moz-transform: translateY(430px);
    -o-transform: translateY(430px);
    -ms-transform: translateY(430px);
    transition: all .3s;
    -webkit-transition: all .3s;
  }
.modal-content form{margin:15px;}
.modal-content .title{text-align:center; font-size:15px; color:red;font-weight:600;}
.modal-content .title span{color:#fff; background:red; border-radius:5px; padding:5px;}
 
.modal-content .tip{margin-top:20px; text-align:center; color:rgb(230, 50, 46);}
.modal-content .tip p{background-color: rgba(230, 50, 46, 0.05); display: inline-block; font-size:15px; padding: 5px 20px; border-radius: 15px;}
.modal-content .tip p span{background-color:red; color:#fff; font-weight:bold; padding:0 5px; border-radius:5px; margin:0 5px;}
.modal-content .label-text{display:block; margin-bottom:10px;}
.modal-content .label-text font{color:red; margin: 5px;}
  /* 关闭按钮 */
 .close {
    color: #aaa;
    position:absolute; top:15px; right:15px;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }


@keyframes templateEnlargeShrink {
0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
33% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
}
66% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}
}
@keyframes templateSearchLights {
0% {
    transform: translate(-5.66123188rem);
    -webkit-transform: translate(-5.66123188rem);
    opacity: 0;
}
66% {
    transform: translate(-5.66123188rem);
    -webkit-transform: translate(-5.66123188rem);
    opacity: 1;
}
100% {
    transform: translate(24.90942029rem);
    -webkit-transform: translate(24.90942029rem);
}
}