﻿html{ padding:0px;margin:0px;font:22px "Microsoft YaHei";}
@media only screen and (min-width: 350px){
html{font-size: 21px !important;}
}
@media only screen and (min-width: 370px){
html{font-size: 23px !important;}
}
@media only screen and (min-width: 401px){
html{font-size: 24px !important;}
}
@media only screen and (min-width: 428px){
html{font-size: 26px !important;}
}
@media only screen and (min-width: 481px){
html{font-size: 30px !important;}
}
@media only screen and (min-width: 569px){
html{font-size: 35px !important; }
}
@media only screen and (min-width: 641px){
html{font-size: 30px !important;background:#f5f5f5; }
}
body{ min-height:100%;overflow: hidden;overflow-y: scroll;-webkit-tap-highlight-color:rgba(0,0,0,0) /* 消除链接点击效果 */;margin:0 auto;padding:0;padding-bottom:2.4rem;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;font-family:Arial, Helvetica,'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;}
header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;}
img{ border:0;font-size:0;margin:0;vertical-align:bottom;}
a{ background-color:transparent; text-decoration:none; color:#333333}
a:active,a:hover{ outline:0;}
b,strong{font-weight:bold;}
hr{ height:1px;border:0;border-top:1px solid #dadada;margin:15px 0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}

.contenter{ overflow: hidden;Position: relative;z-index:10;max-width:520px;margin:0 auto;background:#fff;}

/*banner*/
.banner{ }
.banner img{ width:100%;}

/*引导语*/
.text-head{ background:#de0515;padding:.6rem .7rem;color:#fff;}
.text-head p{ font-size:.78rem;text-align:center;line-height:1.5;font-weight:bold;}

/*对话框*/
.form-content{ padding:1.4rem .7rem;}
form{ margin:0;}
.biaodan{ overflow: hidden;}
.biaodan h2{ font-size:.88rem;text-align:center;display:block;line-height:1;margin-bottom:.5rem;}
.biaodan .tongji{ margin-bottom:.7rem;color:#de0515;text-align:center;font-size:.68rem;line-height:1rem;}
.biaodan .tongji span{ display: inline-block;line-height:1rem;padding-left:1rem;background: url(../images/huo.svg) no-repeat left .1rem;background-size:.78rem;}
.biaodan .tongji b{ border-radius:.3rem;display: inline-block;margin:0 5px;padding:0 .3rem;background:#de0515;color:#fff;font-size:.78rem;}

.biaodan p{ margin-bottom:.7rem;}
.biaodan span{ font-size:.62rem;display:block;line-height:1;margin-bottom:.5rem;}
.biaodan span b{ color:#de0515;}
.biaodan input{ -webkit-appearance: none;border-radius:.3rem;font-size:.62rem;width:100%;background:#fff;color:#333;margin:0;padding:0 .7rem;height:1.9rem;line-height:1.9rem;outline: none;border:solid 1px #ddd;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.biaodan input:focus{ border:solid 1px #de0515;}
.biaodan .xuanze{ overflow: hidden;width:102%;margin-bottom:-2%;}
.biaodan .xuanze input{display:none}
.biaodan .xuanze label{ margin-bottom:2%;cursor: pointer;background:#fff;color:#333;font-weight:bold;border:solid .05rem #ddd;font-size:.64rem;padding:0;height:1.7rem;line-height:1.7rem;width:48%;text-align:center;float:left;margin-right:2%;border-radius:.3rem;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.biaodan .xuanze input:checked + label{ background:rgba(222,5,21, 0.05);border:solid 1px #de0515;color:#de0515;}
.biaodan .xuanze input:disabled + label{opacity:0.7;}
.biaodan .button-box{ Position: relative;overflow: hidden;}
.biaodan button{ font-weight:bold;-webkit-appearance: none;border-radius:3rem;font-size:.66rem;width:100%;background:#de0515;color:#fff;margin:0;padding:0;height:1.9rem;line-height:1.9rem;outline: none;border:solid 0 #ddd;}
.biaodan .gaoguang{ Position: absolute;z-index:9;top:-1rem;bottom:0;width:8rem;height:4rem;background-image: url(../images/light_animate.png);background-size:auto 100%;}

.txtScroll-top{ background:rgba(222,5,21, 0.05);border-radius:.5rem;margin-top:1rem;padding:.9rem;}
.txtScroll-top h2{ font-size:.78rem;text-align:center;color:#de0515;display:block;line-height:1;margin-bottom:.7rem;}
.txtScroll-top .hd{ display:none;}
.txtScroll-top .bd{ overflow: hidden;}
.txtScroll-top .bd ul{}
.txtScroll-top .bd ul li{ overflow: hidden;line-height:1.2rem;}
.txtScroll-top .bd ul li p{ float:left;font-size:.62rem;}
.txtScroll-top .bd ul li p.one{ width:25%;}
.txtScroll-top .bd ul li p.two{ width:25%;}
.txtScroll-top .bd ul li p.three{ width:50%;text-align:right;}

/*浮动表单*/
.footer-fixed{ position:fixed;left:0;right:0;z-index:99;bottom:0;background:#fff;padding:.25rem .7rem;box-shadow: 0 0 .7rem rgba(0, 0, 0, 0.1);}
.footer-fixed .button-text{ text-align:center;font-weight:bold;-webkit-appearance: none;border-radius:3rem;font-size:.68rem;width:100%;background:#de0515;color:#fff;margin:0;padding:0;height:1.9rem;line-height:1.9rem;outline: none;border:solid 0 #ddd;}
.footer-fixed .button-text span{ background: url(../images/biaodan-icon.svg) no-repeat left center;background-size:.84rem;padding-left:1rem;}

.form-bg{ display:none;position:fixed;z-index:101;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.4);}
.fixed-form-content{ background:#fff;border-radius:.6rem .6rem 0 0;position:fixed;z-index:102;bottom:-110%;right:0;left:0;padding:0.2rem .7rem;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.biaodan-yindao{ line-height:2rem;text-align:center;color:#de0515;font-size:.68rem;}
.biaodan-yindao b{ padding:0 .2rem;}
.biaodan-yindao span{ display: inline-block;background: url(../images/huo.svg) no-repeat left .3rem;background-size:1.1rem;padding-left:1.2rem;}
.biaodan-title h2{ margin-bottom:1rem;line-height:1.1;font-size:.82rem;text-align:center;}
.biaodan-title b{ color:#de0515;padding-left:.3rem;}

.list-form{ }
.list-form ul li{ margin-bottom:.7rem;Position: relative;padding-left:3.5rem;}
.list-form ul li .tip-text{ Position: absolute;left:0;top:0;font-size:.62rem;line-height:1.7rem;}
.list-form ul li .tip-text b{ color:#de0515;}
.list-form ul li input.intxt{ -webkit-appearance: none;border-radius:.3rem;font-size:.62rem;width:100%;background:#fff;color:#333;margin:0;padding:0 .4rem;height:1.7rem;line-height:1.7rem;outline: none;border:solid 1px #ddd;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-form ul li input.intxt:focus{ border:solid 1px #de0515;}
.list-form ul li button{ font-weight:bold;-webkit-appearance: none;border-radius:3rem;font-size:.66rem;width:100%;background:#de0515;color:#fff;margin:0;padding:0;height:1.9rem;line-height:1.9rem;outline: none;border:solid 0 #ddd;}
.list-form ul li .xuanze{ overflow: hidden;width:102%;margin-bottom:-2%;}
.list-form ul li .xuanze input{display:none}
.list-form ul li .xuanze label{ font-weight:bold;margin-bottom:2%;cursor: pointer;background:#fff;color:#333;border:solid .05rem #ddd;font-size:.62rem;padding:0;height:1.7rem;line-height:1.7rem;width:48%;text-align:center;float:left;margin-right:2%;border-radius:.3rem;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-form ul li .xuanze input:checked + label{ border:solid 1px #de0515;background:rgba(222,5,21, 0.05);color:#de0515;}
.list-form ul li .xuanze input:disabled + label{opacity:0.7;}
.list-form ul li.center{ padding:0 .3rem;margin-top:1.2rem;}
.guanbi-biaodan{ Position: absolute;top:.25rem;right:.2rem;z-index:2;width:1.9rem;height:1.9rem;background: url(../images/guanbi.svg) no-repeat center center;background-size:.7rem;}
.bottom-0{ bottom:0;}

/*从下往上淡出*/
.danchu{ 
animation:danchu 0.6s infinite;/*添加动作*/ 
animation-delay:1s;/*开始时间*/
animation-direction:normal;/*重头开始重复*/
animation-iteration-count:1;/*动画重复次数*/
animation-fill-mode: forwards;
}
@keyframes danchu
{
0%   { opacity:0;transform:translateY(50px);}
100% { opacity:1;transform:translateY(0px);}
}

.danchu2{ 
animation:danchu2 0.6s infinite;/*添加动作*/ 
animation-delay:0s;/*开始时间*/
animation-direction:normal;/*重头开始重复*/
animation-iteration-count:1;/*动画重复次数*/
animation-fill-mode: forwards;
}
@keyframes danchu2
{
0%   { opacity:0;transform:translateY(50px);}
100% { opacity:1;transform:translateY(0px);}
}

.fangda{ 
animation:fangda 1.5s infinite;/*添加动作*/ 
animation-delay:0s;/*开始时间*/
animation-direction:alternate;/*重头开始重复*/
animation-iteration-count:infinite;/*动画重复次数*/
animation-fill-mode: forwards;
}
@keyframes fangda
{
0%   { -webkit-transform: scale(0.95);-moz-transform: scale(0.95);transform: scale(0.95);}
100% { -webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}

.guang{ 
animation:guang 2.5s infinite;/*添加动作*/ 
animation-delay:0s;/*开始时间*/
animation-direction:normal;/*重头开始重复*/
animation-iteration-count:infinite;/*动画重复次数*/
animation-fill-mode: forwards;
}
@keyframes guang
{
0%   { left:-5rem;}
100% { left:120%;}
}

/*底部提示*/
.tips{ padding:0 .7rem;margin-bottom:.7rem;}
.tips p{ line-height:1.5;font-size:.52rem;color:#999;text-align:center;}

/*页脚*/
.footer{ padding:.7rem;background:#f5f5f5;}
.footer p{ text-align:center;font-size:.52rem;color:#999;line-height:1.6;}
.footer a{ color:#999;}

@media only screen and (min-width: 960px){
.footer-fixed{ width:520px;left:50%;margin-left:-260px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.fixed-form-content{ width:520px;left:50%;margin-left:-260px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}




}
